/* https://www.joshwcomeau.com/css/custom-css-reset/ */

/* 1. Use a more-intuitive box-sizing model */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* 2. Remove default margin */
*:not(dialog) {
    margin: 0;
}

/* 3. Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
    html {
        interpolate-size: allow-keywords;
    }
}

body {
    /* 4. Increase line-height */
    line-height: 1.5;
    /* 5. Improve text rendering */
    -webkit-font-smoothing: antialiased;
}

/* 6. Improve media defaults */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

/* 7. Inherit fonts for form controls */
input,
button,
textarea,
select {
    font: inherit;
}

/* 8. Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

/* 9. Improve line wrapping */
p {
    text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}

/*
  10. Create a root stacking context
*/
#root,
#__next {
    isolation: isolate;
}

/* End of Josh W Comeau CSS Reset */



/* Fluid type calculator results 
    https://fluid-type.tolin.ski
*/

body, h1, h2, h3, h4, h5, h6, p, li, .fluid, textarea, input, select, button, th, td {
	--fl: 0;
	--font-size-min: 14;
	--font-size-max: 18;
	--font-ratio-min: 1.25;
	--font-ratio-max: 1.125;
	--font-width-min: 320;
	--font-width-max: 1500;
	--fluid-min: calc(var(--font-size-min) * pow(var(--font-ratio-min), var(--fl, 0)));
	--fluid-max: calc(var(--font-size-max) * pow(var(--font-ratio-max), var(--fl, 0)));
	--fluid-preferred: calc((var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)));
	--fluid-type: clamp(
		(var(--fluid-min) / 16) * 1rem,
		((var(--fluid-min) / 16) * 1rem) -
			(((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) +
			(var(--fluid-preferred) * var(--variable-unit, 100vi)),
		(var(--fluid-max) / 16) * 1rem
	);
	font-size: var(--fluid-type);
}

/* This makes containers, with container queries use a cqi unit instead of vi */
.fluid-text-container {
	container-type: inline-size;
  --variable-unit: 100cqi;
}
h1, .h1 {
	--fl: 5;
}
h2, .h2 {
	--fl: 4;
}
h3, .h3 {
	--fl: 3;
}
h4, .h4 {
	--fl: 2;
}
h5, .h5 {
	--fl: 1;
}
h6, .h6 {
	--fl: 0;
}
p, li, body {
	--fl: 0;
}
.fs-xs{
	--fl: -1;
}
.fs-base{
	--fl: 0;
}
.fs-s{
	--fl: 1;
}
.fs-m{
	--fl: 2;
}
.fs-l{
	--fl: 3;
}
.fs-xl{
	--fl: 4;
}
.fs-xxl{
	--fl: 5;
}
.fs-xxxl{
	--fl: 6;
}


/* End of fluid type calculator */