@import "~tippy.js/dist/tippy.css";

/* If `animateFill: false` */
.tippy {
	&-tooltip {
		&.ess-menu-theme {
			background-color: white;
			border-radius: $border-radius;
			padding: 1rem;
			box-shadow: 0 0 24px rgba(0, 0, 0, 0.32);
			text-align: left;

			ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

			.tippy-roundarrow {
				fill: white;
			}
		}

		&.ess-tooltip-theme {
			background-color: black;
			text-transform: uppercase;
			line-height: 1;
			padding: .75rem 1rem;
			font-size: 10px;
			font-weight: 600;
			letter-spacing: 1px;
			border-radius: 0;

			.tippy-arrow {
				border-top-color: black;
			}
		}

		&.ess-tooltip-info-theme {
			text-align: left;
			background-color: black;
			padding: .75rem 1rem;
			@include rfs(1rem);
			border-radius: 0;

			.tippy-arrow {
				border-top-color: black;
			}
		}
	}
}