#surerank-root,
.surerank-root {
	@layer utilities {
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		pre {
			@apply m-0 text-text-primary;
		}

		h1 {
			@apply text-4xl font-semibold leading-11;
		}

		h2 {
			@apply text-3xl font-semibold leading-9.5;
		}

		h3 {
			@apply text-2xl font-semibold leading-8;
		}

		h4 {
			@apply text-xl font-semibold leading-7.5;
		}

		h5 {
			@apply text-lg font-semibold leading-7;
		}

		h6 {
			@apply text-base font-semibold leading-6;
		}

		p {
			@apply text-sm leading-5 text-text-secondary font-normal;
		}

		ul,
		li {
			@apply m-0 p-0;
		}

		::file-selector-button {
			@apply font-sans text-text-primary;
		}
	}
}

#surerank-root * {
	box-sizing: border-box;
	font-family: Figtree, sans-serif;
}

#surerank-root [data-floating-ui-portal] > div[role="tooltip"].bg-tooltip-background-dark {
	@apply bg-[#1E1E1E];

	> svg {
		@apply text-[#1E1E1E];
	}
}