/** Shopify CDN: Minification failed
Line 3713:0 All "@import" rules must come first
**/
/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
:root, :host {
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-amber-200: oklch(92.4% 0.12 95.746);
--color-gray-200: oklch(92.8% 0.006 264.531);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-lg: 32rem;
--container-xl: 36rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--leading-normal: 1.5;
--radius-sm: 0.25rem;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;
--radius-2xl: 1rem;
--radius-4xl: 2rem;
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
--blur-xs: 4px;
--blur-sm: 8px;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--font-primary: 'ABC Diatype';
--font-figtree: "Figtree", sans-serif;
--font-heading: 'Gelica';
--color-primarybg: #F63B3F;
--color-secondary: #481A2D;
--color-red: #EF1B37;
--color-green: #5FBB5A;
--color-brown: #320C0C;
--color-primary: #3C3235;
--color-lightpink: #FDE8EB;
--animate-marquee: marquee 10s linear infinite;
--animate-marqueetext: marqueetext 12s linear infinite;
}
}
@layer base {
*, ::after, ::before, ::backdrop, ::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html, :host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer utilities {
.visible {
visibility: visible;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: calc(var(--spacing) * 0);
}
.inset-x-0 {
inset-inline: calc(var(--spacing) * 0);
}
.-top-20 {
top: calc(var(--spacing) * -20);
}
.top-1 {
top: calc(var(--spacing) * 1);
}
.top-1\/2 {
top: calc(1/2 * 100%);
}
.top-2 {
top: calc(var(--spacing) * 2);
}
.-right-0 {
right: calc(var(--spacing) * -0);
}
.-right-5 {
right: calc(var(--spacing) * -5);
}
.right-1 {
right: calc(var(--spacing) * 1);
}
.right-2 {
right: calc(var(--spacing) * 2);
}
.right-5 {
right: calc(var(--spacing) * 5);
}
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
.left-1\/2 {
left: calc(1/2 * 100%);
}
.isolate {
isolation: isolate;
}
.order-1 {
order: 1;
}
.col-1 {
grid-column: 1;
}
.col-2 {
grid-column: 2;
}
.col-3 {
grid-column: 3;
}
.container {
width: 100%;
@media (width >= 40rem) {
max-width: 40rem;
}
@media (width >= 48rem) {
max-width: 48rem;
}
@media (width >= 64rem) {
max-width: 64rem;
}
@media (width >= 80rem) {
max-width: 80rem;
}
@media (width >= 96rem) {
max-width: 96rem;
}
}
.m-0 {
margin: calc(var(--spacing) * 0);
}
.-mx-1 {
margin-inline: calc(var(--spacing) * -1);
}
.-mx-2 {
margin-inline: calc(var(--spacing) * -2);
}
.-mx-3\.5 {
margin-inline: calc(var(--spacing) * -3.5);
}
.-mx-4 {
margin-inline: calc(var(--spacing) * -4);
}
.-mx-5 {
margin-inline: calc(var(--spacing) * -5);
}
.-mx-7\.5 {
margin-inline: calc(var(--spacing) * -7.5);
}
.mx-auto {
margin-inline: auto;
}
.-my-4\.5 {
margin-block: calc(var(--spacing) * -4.5);
}
.my-2 {
margin-block: calc(var(--spacing) * 2);
}
.my-3 {
margin-block: calc(var(--spacing) * 3);
}
.my-3\.5 {
margin-block: calc(var(--spacing) * 3.5);
}
.my-4 {
margin-block: calc(var(--spacing) * 4);
}
.my-5 {
margin-block: calc(var(--spacing) * 5);
}
.my-6 {
margin-block: calc(var(--spacing) * 6);
}
.my-7 {
margin-block: calc(var(--spacing) * 7);
}
.my-7\.5 {
margin-block: calc(var(--spacing) * 7.5);
}
.my-8 {
margin-block: calc(var(--spacing) * 8);
}
.my-10 {
margin-block: calc(var(--spacing) * 10);
}
.-mt-4 {
margin-top: calc(var(--spacing) * -4);
}
.mt-0 {
margin-top: calc(var(--spacing) * 0);
}
.mt-1\.5 {
margin-top: calc(var(--spacing) * 1.5);
}
.mt-2\.5 {
margin-top: calc(var(--spacing) * 2.5);
}
.mt-3\.5 {
margin-top: calc(var(--spacing) * 3.5);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mt-4\.5 {
margin-top: calc(var(--spacing) * 4.5);
}
.mt-5 {
margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.mt-6\.5 {
margin-top: calc(var(--spacing) * 6.5);
}
.mt-7 {
margin-top: calc(var(--spacing) * 7);
}
.mt-7\.5 {
margin-top: calc(var(--spacing) * 7.5);
}
.mt-8 {
margin-top: calc(var(--spacing) * 8);
}
.mt-8\.5 {
margin-top: calc(var(--spacing) * 8.5);
}
.mt-9 {
margin-top: calc(var(--spacing) * 9);
}
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mt-11\.5 {
margin-top: calc(var(--spacing) * 11.5);
}
.mt-12\.5 {
margin-top: calc(var(--spacing) * 12.5);
}
.mt-14 {
margin-top: calc(var(--spacing) * 14);
}
.mt-16 {
margin-top: calc(var(--spacing) * 16);
}
.mt-20 {
margin-top: calc(var(--spacing) * 20);
}
.mt-24 {
margin-top: calc(var(--spacing) * 24);
}
.-mr-5 {
margin-right: calc(var(--spacing) * -5);
}
.mr-1 {
margin-right: calc(var(--spacing) * 1);
}
.mr-1\.5 {
margin-right: calc(var(--spacing) * 1.5);
}
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
.mr-2\.5 {
margin-right: calc(var(--spacing) * 2.5);
}
.mr-3 {
margin-right: calc(var(--spacing) * 3);
}
.mr-4\.5 {
margin-right: calc(var(--spacing) * 4.5);
}
.mr-auto {
margin-right: auto;
}
.-mb-1 {
margin-bottom: calc(var(--spacing) * -1);
}
.-mb-10 {
margin-bottom: calc(var(--spacing) * -10);
}
.-mb-24\.5 {
margin-bottom: calc(var(--spacing) * -24.5);
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.mb-2\.5 {
margin-bottom: calc(var(--spacing) * 2.5);
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-3\.5 {
margin-bottom: calc(var(--spacing) * 3.5);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-4\.5 {
margin-bottom: calc(var(--spacing) * 4.5);
}
.mb-5 {
margin-bottom: calc(var(--spacing) * 5);
}
.mb-5\.5 {
margin-bottom: calc(var(--spacing) * 5.5);
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.mb-7 {
margin-bottom: calc(var(--spacing) * 7);
}
.mb-7\.5 {
margin-bottom: calc(var(--spacing) * 7.5);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.mb-9 {
margin-bottom: calc(var(--spacing) * 9);
}
.mb-10 {
margin-bottom: calc(var(--spacing) * 10);
}
.mb-14\.5 {
margin-bottom: calc(var(--spacing) * 14.5);
}
.mb-20 {
margin-bottom: calc(var(--spacing) * 20);
}
.mb-20\.5 {
margin-bottom: calc(var(--spacing) * 20.5);
}
.ml-1\.5 {
margin-left: calc(var(--spacing) * 1.5);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
.ml-2\.5 {
margin-left: calc(var(--spacing) * 2.5);
}
.ml-3 {
margin-left: calc(var(--spacing) * 3);
}
.ml-auto {
margin-left: auto;
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.list-item {
display: list-item;
}
.table {
display: table;
}
.aspect-4\/3 {
aspect-ratio: 4/3;
}
.size-3 {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.h-3\.5 {
height: calc(var(--spacing) * 3.5);
}
.h-4 {
height: calc(var(--spacing) * 4);
}
.h-4\.5 {
height: calc(var(--spacing) * 4.5);
}
.h-5\.5 {
height: calc(var(--spacing) * 5.5);
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.h-6\.5 {
height: calc(var(--spacing) * 6.5);
}
.h-7 {
height: calc(var(--spacing) * 7);
}
.h-8 {
height: calc(var(--spacing) * 8);
}
.h-8\.5 {
height: calc(var(--spacing) * 8.5);
}
.h-9\.5 {
height: calc(var(--spacing) * 9.5);
}
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-11\.5 {
height: calc(var(--spacing) * 11.5);
}
.h-12 {
height: calc(var(--spacing) * 12);
}
.h-12\.5 {
height: calc(var(--spacing) * 12.5);
}
.h-14\.5 {
height: calc(var(--spacing) * 14.5);
}
.h-16 {
height: calc(var(--spacing) * 16);
}
.h-24 {
height: calc(var(--spacing) * 24);
}
.h-64 {
height: calc(var(--spacing) * 64);
}
.h-64\.5 {
height: calc(var(--spacing) * 64.5);
}
.h-\[74px\] {
height: 74px;
}
.h-full {
height: 100%;
}
.min-h-14 {
min-height: calc(var(--spacing) * 14);
}
.min-h-80 {
min-height: calc(var(--spacing) * 80);
}
.min-h-\[184px\] {
min-height: 184px;
}
.min-h-\[550px\] {
min-height: 550px;
}
.w-1\/2 {
width: calc(1/2 * 100%);
}
.w-1\/3 {
width: calc(1/3 * 100%);
}
.w-3\.5 {
width: calc(var(--spacing) * 3.5);
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-4\.5 {
width: calc(var(--spacing) * 4.5);
}
.w-5\.5 {
width: calc(var(--spacing) * 5.5);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-6\.5 {
width: calc(var(--spacing) * 6.5);
}
.w-7 {
width: calc(var(--spacing) * 7);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-8\.5 {
width: calc(var(--spacing) * 8.5);
}
.w-9\.5 {
width: calc(var(--spacing) * 9.5);
}
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-11\.5 {
width: calc(var(--spacing) * 11.5);
}
.w-12 {
width: calc(var(--spacing) * 12);
}
.w-12\.5 {
width: calc(var(--spacing) * 12.5);
}
.w-14\.5 {
width: calc(var(--spacing) * 14.5);
}
.w-16 {
width: calc(var(--spacing) * 16);
}
.w-24 {
width: calc(var(--spacing) * 24);
}
.w-36 {
width: calc(var(--spacing) * 36);
}
.w-44 {
width: calc(var(--spacing) * 44);
}
.w-\[74px\] {
width: 74px;
}
.w-\[calc\(100\%-24px\)\] {
width: calc(100% - 24px);
}
.w-\[calc\(100\%-26px-12px\)\] {
width: calc(100% - 26px - 12px);
}
.w-\[calc\(100\%-40px\)\] {
width: calc(100% - 40px);
}
.w-\[calc\(100\%-66px\)\] {
width: calc(100% - 66px);
}
.w-\[calc\(100\%-436px\)\] {
width: calc(100% - 436px);
}
.w-full {
width: 100%;
}
.max-w-16\.5 {
max-width: calc(var(--spacing) * 16.5);
}
.max-w-24 {
max-width: calc(var(--spacing) * 24);
}
.max-w-32 {
max-width: calc(var(--spacing) * 32);
}
.max-w-64 {
max-width: calc(var(--spacing) * 64);
}
.max-w-72 {
max-width: calc(var(--spacing) * 72);
}
.max-w-80 {
max-width: calc(var(--spacing) * 80);
}
.max-w-96 {
max-width: calc(var(--spacing) * 96);
}
.max-w-\[60\%\] {
max-width: 60%;
}
.max-w-\[126px\] {
max-width: 126px;
}
.max-w-\[150px\] {
max-width: 150px;
}
.max-w-\[209px\] {
max-width: 209px;
}
.max-w-\[250px\] {
max-width: 250px;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[340px\] {
max-width: 340px;
}
.max-w-\[400px\] {
max-width: 400px;
}
.max-w-\[500px\] {
max-width: 500px;
}
.max-w-\[510px\] {
max-width: 510px;
}
.max-w-\[580px\] {
max-width: 580px;
}
.max-w-\[600px\] {
max-width: 600px;
}
.max-w-\[620px\] {
max-width: 620px;
}
.max-w-\[650px\] {
max-width: 650px;
}
.max-w-\[670px\] {
max-width: 670px;
}
.max-w-\[740px\] {
max-width: 740px;
}
.max-w-\[800px\] {
max-width: 800px;
}
.max-w-\[820px\] {
max-width: 820px;
}
.max-w-\[830px\] {
max-width: 830px;
}
.max-w-\[850px\] {
max-width: 850px;
}
.max-w-\[865px\] {
max-width: 865px;
}
.max-w-\[870px\] {
max-width: 870px;
}
.max-w-\[880px\] {
max-width: 880px;
}
.max-w-\[900px\] {
max-width: 900px;
}
.max-w-\[912px\] {
max-width: 912px;
}
.max-w-\[915px\] {
max-width: 915px;
}
.max-w-\[920px\] {
max-width: 920px;
}
.max-w-\[1000px\] {
max-width: 1000px;
}
.max-w-\[1070px\] {
max-width: 1070px;
}
.max-w-\[1100px\] {
max-width: 1100px;
}
.max-w-\[1236px\] {
max-width: 1236px;
}
.max-w-\[calc\(var\(--width\)-10\%\)\] {
max-width: calc(var(--width) - 10%);
}
.max-w-\[calc\(var\(--width\)-30\%\)\] {
max-width: calc(var(--width) - 30%);
}
.max-w-\[var\(--width\)\] {
max-width: var(--width);
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-xl {
max-width: var(--container-xl);
}
.flex-shrink {
flex-shrink: 1;
}
.flex-grow {
flex-grow: 1;
}
.grow {
flex-grow: 1;
}
.border-collapse {
border-collapse: collapse;
}
.-translate-1\/2 {
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-3 {
--tw-translate-x: calc(var(--spacing) * 3);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-10 {
--tw-translate-x: calc(var(--spacing) * 10);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-rotate-6 {
rotate: calc(6deg * -1);
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-marquee {
animation: var(--animate-marquee);
}
.animate-marqueetext {
animation: var(--animate-marqueetext);
}
.animate-ping {
animation: var(--animate-ping);
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.flex-col {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.items-start {
align-items: flex-start;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-3\.5 {
gap: calc(var(--spacing) * 3.5);
}
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.space-y-3\.5 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-5 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-7 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-7\.5 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 7.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 7.5) * calc(1 - var(--tw-space-y-reverse)));
}
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-hidden {
overflow: hidden;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-4xl {
border-radius: var(--radius-4xl);
}
.rounded-\[10px\] {
border-radius: 10px;
}
.rounded-\[20px\] {
border-radius: 20px;
}
.rounded-full {
border-radius: calc(infinity * 1px);
}
.rounded-lg {
border-radius: var(--radius-lg);
}
.rounded-md {
border-radius: var(--radius-md);
}
.rounded-sm {
border-radius: var(--radius-sm);
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.rounded-t-\[22px\] {
border-top-left-radius: 22px;
border-top-right-radius: 22px;
}
.rounded-t-md {
border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-\[1\.5px\] {
border-style: var(--tw-border-style);
border-width: 1.5px;
}
.border-x-\[1\.5px\] {
border-inline-style: var(--tw-border-style);
border-inline-width: 1.5px;
}
.border-y {
border-block-style: var(--tw-border-style);
border-block-width: 1px;
}
.border-y-\[1\.5px\] {
border-block-style: var(--tw-border-style);
border-block-width: 1.5px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-r-1 {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-r-\[1\.5px\] {
border-right-style: var(--tw-border-style);
border-right-width: 1.5px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-dotted {
--tw-border-style: dotted;
border-style: dotted;
}
.border-\[\#0E34254D\] {
border-color: #0E34254D;
}
.border-\[\#520A13\] {
border-color: #520A13;
}
.border-\[\#382526\] {
border-color: #382526;
}
.border-\[\#D0D0D066\] {
border-color: #D0D0D066;
}
.border-\[\#D8D6D7\] {
border-color: #D8D6D7;
}
.border-\[\#D16A95\] {
border-color: #D16A95;
}
.border-\[\#D16A954D\] {
border-color: #D16A954D;
}
.border-\[\#D16A9557\] {
border-color: #D16A9557;
}
.border-\[\#D93838\] {
border-color: #D93838;
}
.border-\[\#DDA4BA\] {
border-color: #DDA4BA;
}
.border-\[\#EF1B3733\] {
border-color: #EF1B3733;
}
.border-\[\#F7ADCC\] {
border-color: #F7ADCC;
}
.border-\[\#F63B3F2E\] {
border-color: #F63B3F2E;
}
.border-black\/20 {
border-color: color-mix(in srgb, #000 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
}
}
.border-green {
border-color: var(--color-green);
}
.border-primary {
border-color: var(--color-primary);
}
.border-primarybg {
border-color: var(--color-primarybg);
}
.border-primarybg\/20 {
border-color: color-mix(in srgb, #F63B3F 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-primarybg) 20%, transparent);
}
}
.border-red {
border-color: var(--color-red);
}
.border-red\/25 {
border-color: color-mix(in srgb, #EF1B37 25%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-red) 25%, transparent);
}
}
.border-white {
border-color: var(--color-white);
}
.border-white\/30 {
border-color: color-mix(in srgb, #fff 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.border-white\/40 {
border-color: color-mix(in srgb, #fff 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.border-white\/60 {
border-color: color-mix(in srgb, #fff 60%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
.border-x-\[\#D93838\] {
border-inline-color: #D93838;
}
.border-b-\[\#EDEDED\] {
border-bottom-color: #EDEDED;
}
.bg-\[\#5CD33F\] {
background-color: #5CD33F;
}
.bg-\[\#5FBB5A05\] {
background-color: #5FBB5A05;
}
.bg-\[\#9F061A\] {
background-color: #9F061A;
}
.bg-\[\#D16A955E\] {
background-color: #D16A955E;
}
.bg-\[\#D63F41\] {
background-color: #D63F41;
}
.bg-\[\#DD4C4C\] {
background-color: #DD4C4C;
}
.bg-\[\#F5F1F1\] {
background-color: #F5F1F1;
}
.bg-\[\#F63B3F0D\] {
background-color: #F63B3F0D;
}
.bg-\[\#FCF8F9\] {
background-color: #FCF8F9;
}
.bg-\[\#FEF4F5\] {
background-color: #FEF4F5;
}
.bg-\[\#FEF7F8\] {
background-color: #FEF7F8;
}
.bg-\[\#FFD4E5\] {
background-color: #FFD4E5;
}
.bg-\[\#FFD4E5\]\/30 {
background-color: color-mix(in oklab, #FFD4E5 30%, transparent);
}
.bg-\[\#FFE7E71A\] {
background-color: #FFE7E71A;
}
.bg-brown {
background-color: var(--color-brown);
}
.bg-lightpink {
background-color: var(--color-lightpink);
}
.bg-primarybg {
background-color: var(--color-primarybg);
}
.bg-primarybg\/10 {
background-color: color-mix(in srgb, #F63B3F 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-primarybg) 10%, transparent);
}
}
.bg-primarybg\/40 {
background-color: color-mix(in srgb, #F63B3F 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-primarybg) 40%, transparent);
}
}
.bg-red {
background-color: var(--color-red);
}
.bg-red\/5 {
background-color: color-mix(in srgb, #EF1B37 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-red) 5%, transparent);
}
}
.bg-red\/10 {
background-color: color-mix(in srgb, #EF1B37 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-red) 10%, transparent);
}
}
.bg-white {
background-color: var(--color-white);
}
.bg-linear-to-b {
--tw-gradient-position: to bottom;
@supports (background-image: linear-gradient(in lab, red, red)) {
--tw-gradient-position: to bottom in oklab;
}
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-\[image\:var\(--mobile-img\)\] {
background-image: var(--mobile-img);
}
.from-white\/40 {
--tw-gradient-from: color-mix(in srgb, #fff 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-white) 40%, transparent);
}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primarybg\/40 {
--tw-gradient-to: color-mix(in srgb, #F63B3F 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-to: color-mix(in oklab, var(--color-primarybg) 40%, transparent);
}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-cover {
background-size: cover;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.object-contain {
object-fit: contain;
}
.object-cover {
object-fit: cover;
}
.object-\[0_40\%\] {
object-position: 0 40%;
}
.object-bottom {
object-position: bottom;
}
.object-left {
object-position: left;
}
.object-top {
object-position: top;
}
.p-0 {
padding: calc(var(--spacing) * 0);
}
.p-1 {
padding: calc(var(--spacing) * 1);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
padding: calc(var(--spacing) * 2.5);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-5 {
padding: calc(var(--spacing) * 5);
}
.p-8 {
padding: calc(var(--spacing) * 8);
}
.px-1 {
padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-3\.5 {
padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.px-5\.5 {
padding-inline: calc(var(--spacing) * 5.5);
}
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.px-7 {
padding-inline: calc(var(--spacing) * 7);
}
.px-7\.5 {
padding-inline: calc(var(--spacing) * 7.5);
}
.px-8\.5 {
padding-inline: calc(var(--spacing) * 8.5);
}
.px-10 {
padding-inline: calc(var(--spacing) * 10);
}
.py-0\.5 {
padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-4\.5 {
padding-block: calc(var(--spacing) * 4.5);
}
.py-5 {
padding-block: calc(var(--spacing) * 5);
}
.py-5\.5 {
padding-block: calc(var(--spacing) * 5.5);
}
.py-6 {
padding-block: calc(var(--spacing) * 6);
}
.py-7 {
padding-block: calc(var(--spacing) * 7);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-16\.5 {
padding-block: calc(var(--spacing) * 16.5);
}
.py-\[10px\] {
padding-block: 10px;
}
.pt-1\.5 {
padding-top: calc(var(--spacing) * 1.5);
}
.pt-3 {
padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
padding-top: calc(var(--spacing) * 5);
}
.pt-5\.5 {
padding-top: calc(var(--spacing) * 5.5);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.pt-7\.5 {
padding-top: calc(var(--spacing) * 7.5);
}
.pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.pt-16 {
padding-top: calc(var(--spacing) * 16);
}
.pt-24 {
padding-top: calc(var(--spacing) * 24);
}
.pr-1 {
padding-right: calc(var(--spacing) * 1);
}
.pr-16 {
padding-right: calc(var(--spacing) * 16);
}
.pb-7 {
padding-bottom: calc(var(--spacing) * 7);
}
.pb-7\.5 {
padding-bottom: calc(var(--spacing) * 7.5);
}
.pb-10 {
padding-bottom: calc(var(--spacing) * 10);
}
.pb-12\.5 {
padding-bottom: calc(var(--spacing) * 12.5);
}
.pb-24 {
padding-bottom: calc(var(--spacing) * 24);
}
.pl-2\.5 {
padding-left: calc(var(--spacing) * 2.5);
}
.pl-3\.5 {
padding-left: calc(var(--spacing) * 3.5);
}
.pl-6 {
padding-left: calc(var(--spacing) * 6);
}
.pl-10 {
padding-left: calc(var(--spacing) * 10);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.font-figtree {
font-family: var(--font-figtree);
}
.font-heading {
font-family: var(--font-heading);
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[21px\] {
font-size: 21px;
}
.text-\[22px\] {
font-size: 22px;
}
.text-\[28px\] {
font-size: 28px;
}
.leading-4\.5 {
--tw-leading: calc(var(--spacing) * 4.5);
line-height: calc(var(--spacing) * 4.5);
}
.leading-\[100\%\] {
--tw-leading: 100%;
line-height: 100%;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.leading-normal {
--tw-leading: var(--leading-normal);
line-height: var(--leading-normal);
}
.font-\[400\] {
--tw-font-weight: 400;
font-weight: 400;
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-light {
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.whitespace-nowrap {
white-space: nowrap;
}
.text-\[\#040404\] {
color: #040404;
}
.text-\[\#C7C7C7\] {
color: #C7C7C7;
}
.text-\[\#D63F41\] {
color: #D63F41;
}
.text-black {
color: var(--color-black);
}
.text-black\/40 {
color: color-mix(in srgb, #000 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
.text-black\/50 {
color: color-mix(in srgb, #000 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-black) 50%, transparent);
}
}
.text-primary\/40 {
color: color-mix(in srgb, #3C3235 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
}
.text-primarybg {
color: var(--color-primarybg);
}
.text-red {
color: var(--color-red);
}
.text-secondary {
color: var(--color-secondary);
}
.text-white {
color: var(--color-white);
}
.text-white\/40 {
color: color-mix(in srgb, #fff 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.text-white\/75 {
color: color-mix(in srgb, #fff 75%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 75%, transparent);
}
}
.capitalize {
text-transform: capitalize;
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.line-through {
text-decoration-line: line-through;
}
.underline {
text-decoration-line: underline;
}
.opacity-20 {
opacity: 20%;
}
.opacity-50 {
opacity: 50%;
}
.opacity-60 {
opacity: 60%;
}
.mix-blend-multiply {
mix-blend-mode: multiply;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-xs {
--tw-blur: blur(var(--blur-xs));
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.brightness-0 {
--tw-brightness: brightness(0%);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.invert-100 {
--tw-invert: invert(100%);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur-\[56px\] {
--tw-backdrop-blur: blur(56px);
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[height_0\.3s_ease\] {
transition-property: height 0.3s ease;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.will-change-transform {
will-change: transform;
}
.backface-hidden {
backface-visibility: hidden;
}
.before\:absolute {
&::before {
content: var(--tw-content);
position: absolute;
}
}
.before\:top-0\.5 {
&::before {
content: var(--tw-content);
top: calc(var(--spacing) * 0.5);
}
}
.before\:top-6\.5 {
&::before {
content: var(--tw-content);
top: calc(var(--spacing) * 6.5);
}
}
.before\:-left-6 {
&::before {
content: var(--tw-content);
left: calc(var(--spacing) * -6);
}
}
.before\:-left-8 {
&::before {
content: var(--tw-content);
left: calc(var(--spacing) * -8);
}
}
.before\:m-auto {
&::before {
content: var(--tw-content);
margin: auto;
}
}
.before\:h-4 {
&::before {
content: var(--tw-content);
height: calc(var(--spacing) * 4);
}
}
.before\:h-\[calc\(100\%-28px\)\] {
&::before {
content: var(--tw-content);
height: calc(100% - 28px);
}
}
.before\:w-4 {
&::before {
content: var(--tw-content);
width: calc(var(--spacing) * 4);
}
}
.before\:w-\[1px\] {
&::before {
content: var(--tw-content);
width: 1px;
}
}
.before\:rounded-full {
&::before {
content: var(--tw-content);
border-radius: calc(infinity * 1px);
}
}
.before\:border-\[1\.5px\] {
&::before {
content: var(--tw-content);
border-style: var(--tw-border-style);
border-width: 1.5px;
}
}
.before\:border-primarybg {
&::before {
content: var(--tw-content);
border-color: var(--color-primarybg);
}
}
.before\:bg-\[\#ECECEC\] {
&::before {
content: var(--tw-content);
background-color: #ECECEC;
}
}
.before\:bg-white {
&::before {
content: var(--tw-content);
background-color: var(--color-white);
}
}
.after\:absolute {
&::after {
content: var(--tw-content);
position: absolute;
}
}
.after\:top-1\.5 {
&::after {
content: var(--tw-content);
top: calc(var(--spacing) * 1.5);
}
}
.after\:top-6\.5 {
&::after {
content: var(--tw-content);
top: calc(var(--spacing) * 6.5);
}
}
.after\:-left-6 {
&::after {
content: var(--tw-content);
left: calc(var(--spacing) * -6);
}
}
.after\:-left-7 {
&::after {
content: var(--tw-content);
left: calc(var(--spacing) * -7);
}
}
.after\:m-auto {
&::after {
content: var(--tw-content);
margin: auto;
}
}
.after\:h-2 {
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 2);
}
}
.after\:h-6\/12 {
&::after {
content: var(--tw-content);
height: calc(6/12 * 100%);
}
}
.after\:w-2 {
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 2);
}
}
.after\:w-\[1px\] {
&::after {
content: var(--tw-content);
width: 1px;
}
}
.after\:rounded-full {
&::after {
content: var(--tw-content);
border-radius: calc(infinity * 1px);
}
}
.after\:bg-primarybg {
&::after {
content: var(--tw-content);
background-color: var(--color-primarybg);
}
}
.first\:pl-0 {
&:first-child {
padding-left: calc(var(--spacing) * 0);
}
}
.last\:mb-0 {
&:last-child {
margin-bottom: calc(var(--spacing) * 0);
}
}
.last\:border-none {
&:last-child {
--tw-border-style: none;
border-style: none;
}
}
.last\:pr-0 {
&:last-child {
padding-right: calc(var(--spacing) * 0);
}
}
.last\:pb-0 {
&:last-child {
padding-bottom: calc(var(--spacing) * 0);
}
}
.max-\[1150px\]\:py-\[5px\] {
@media (width < 1150px) {
padding-block: 5px;
}
}
.max-\[1150px\]\:text-\[14px\] {
@media (width < 1150px) {
font-size: 14px;
}
}
.sm\:-right-10 {
@media (width >= 40rem) {
right: calc(var(--spacing) * -10);
}
}
.sm\:mx-0 {
@media (width >= 40rem) {
margin-inline: calc(var(--spacing) * 0);
}
}
.sm\:-my-6 {
@media (width >= 40rem) {
margin-block: calc(var(--spacing) * -6);
}
}
.sm\:mt-4 {
@media (width >= 40rem) {
margin-top: calc(var(--spacing) * 4);
}
}
.sm\:w-1\/2 {
@media (width >= 40rem) {
width: calc(1/2 * 100%);
}
}
.sm\:w-1\/3 {
@media (width >= 40rem) {
width: calc(1/3 * 100%);
}
}
.sm\:max-w-96 {
@media (width >= 40rem) {
max-width: calc(var(--spacing) * 96);
}
}
.sm\:max-w-\[80\%\] {
@media (width >= 40rem) {
max-width: 80%;
}
}
.sm\:max-w-full {
@media (width >= 40rem) {
max-width: 100%;
}
}
.sm\:gap-1 {
@media (width >= 40rem) {
gap: calc(var(--spacing) * 1);
}
}
.sm\:gap-1\.5 {
@media (width >= 40rem) {
gap: calc(var(--spacing) * 1.5);
}
}
.sm\:py-6 {
@media (width >= 40rem) {
padding-block: calc(var(--spacing) * 6);
}
}
.sm\:text-left {
@media (width >= 40rem) {
text-align: left;
}
}
.sm\:text-lg {
@media (width >= 40rem) {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
.sm\:text-sm {
@media (width >= 40rem) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
.md\:static {
@media (width >= 48rem) {
position: static;
}
}
.md\:-m-5 {
@media (width >= 48rem) {
margin: calc(var(--spacing) * -5);
}
}
.md\:-m-5\.5 {
@media (width >= 48rem) {
margin: calc(var(--spacing) * -5.5);
}
}
.md\:-mx-1\.5 {
@media (width >= 48rem) {
margin-inline: calc(var(--spacing) * -1.5);
}
}
.md\:-mx-2 {
@media (width >= 48rem) {
margin-inline: calc(var(--spacing) * -2);
}
}
.md\:-mx-3\.5 {
@media (width >= 48rem) {
margin-inline: calc(var(--spacing) * -3.5);
}
}
.md\:-mx-4 {
@media (width >= 48rem) {
margin-inline: calc(var(--spacing) * -4);
}
}
.md\:-mx-5 {
@media (width >= 48rem) {
margin-inline: calc(var(--spacing) * -5);
}
}
.md\:mx-0 {
@media (width >= 48rem) {
margin-inline: calc(var(--spacing) * 0);
}
}
.md\:mx-auto {
@media (width >= 48rem) {
margin-inline: auto;
}
}
.md\:my-2\.5 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 2.5);
}
}
.md\:my-5 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 5);
}
}
.md\:my-5\.5 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 5.5);
}
}
.md\:my-6\.5 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 6.5);
}
}
.md\:my-7\.5 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 7.5);
}
}
.md\:my-9 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 9);
}
}
.md\:my-10 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 10);
}
}
.md\:my-14\.5 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 14.5);
}
}
.md\:my-16\.5 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 16.5);
}
}
.md\:mt-0 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 0);
}
}
.md\:mt-2\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 2.5);
}
}
.md\:mt-4 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 4);
}
}
.md\:mt-5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 5);
}
}
.md\:mt-7 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 7);
}
}
.md\:mt-7\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 7.5);
}
}
.md\:mt-8 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 8);
}
}
.md\:mt-8\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 8.5);
}
}
.md\:mt-9\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 9.5);
}
}
.md\:mt-10 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 10);
}
}
.md\:mt-11 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 11);
}
}
.md\:mt-12\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 12.5);
}
}
.md\:mt-14\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 14.5);
}
}
.md\:mt-16 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 16);
}
}
.md\:mt-28 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 28);
}
}
.md\:mr-0 {
@media (width >= 48rem) {
margin-right: calc(var(--spacing) * 0);
}
}
.md\:mr-2 {
@media (width >= 48rem) {
margin-right: calc(var(--spacing) * 2);
}
}
.md\:mr-2\.5 {
@media (width >= 48rem) {
margin-right: calc(var(--spacing) * 2.5);
}
}
.md\:mr-3 {
@media (width >= 48rem) {
margin-right: calc(var(--spacing) * 3);
}
}
.md\:mr-4\.5 {
@media (width >= 48rem) {
margin-right: calc(var(--spacing) * 4.5);
}
}
.md\:mr-10 {
@media (width >= 48rem) {
margin-right: calc(var(--spacing) * 10);
}
}
.md\:mr-\[var\(--right\)\] {
@media (width >= 48rem) {
margin-right: var(--right);
}
}
.md\:mb-0 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 0);
}
}
.md\:mb-4 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 4);
}
}
.md\:mb-4\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 4.5);
}
}
.md\:mb-5\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 5.5);
}
}
.md\:mb-6\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 6.5);
}
}
.md\:mb-7 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 7);
}
}
.md\:mb-7\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 7.5);
}
}
.md\:mb-9 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 9);
}
}
.md\:mb-10 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 10);
}
}
.md\:mb-12\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 12.5);
}
}
.md\:mb-16\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 16.5);
}
}
.md\:mb-20\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 20.5);
}
}
.md\:mb-28\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 28.5);
}
}
.md\:ml-0 {
@media (width >= 48rem) {
margin-left: calc(var(--spacing) * 0);
}
}
.md\:ml-2 {
@media (width >= 48rem) {
margin-left: calc(var(--spacing) * 2);
}
}
.md\:ml-3 {
@media (width >= 48rem) {
margin-left: calc(var(--spacing) * 3);
}
}
.md\:ml-5 {
@media (width >= 48rem) {
margin-left: calc(var(--spacing) * 5);
}
}
.md\:ml-8 {
@media (width >= 48rem) {
margin-left: calc(var(--spacing) * 8);
}
}
.md\:ml-10 {
@media (width >= 48rem) {
margin-left: calc(var(--spacing) * 10);
}
}
.md\:block {
@media (width >= 48rem) {
display: block;
}
}
.md\:hidden {
@media (width >= 48rem) {
display: none;
}
}
.md\:h-4 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 4);
}
}
.md\:h-5 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 5);
}
}
.md\:h-5\.5 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 5.5);
}
}
.md\:h-7 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 7);
}
}
.md\:h-9 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 9);
}
}
.md\:h-9\.5 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 9.5);
}
}
.md\:h-10 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 10);
}
}
.md\:h-12\.5 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 12.5);
}
}
.md\:h-14 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 14);
}
}
.md\:h-14\.5 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 14.5);
}
}
.md\:h-16 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 16);
}
}
.md\:h-16\.5 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 16.5);
}
}
.md\:h-32 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 32);
}
}
.md\:h-\[var\(--height\)\] {
@media (width >= 48rem) {
height: var(--height);
}
}
.md\:h-auto {
@media (width >= 48rem) {
height: auto;
}
}
.md\:min-h-28 {
@media (width >= 48rem) {
min-height: calc(var(--spacing) * 28);
}
}
.md\:min-h-36 {
@media (width >= 48rem) {
min-height: calc(var(--spacing) * 36);
}
}
.md\:min-h-\[70px\] {
@media (width >= 48rem) {
min-height: 70px;
}
}
.md\:w-1\/2 {
@media (width >= 48rem) {
width: calc(1/2 * 100%);
}
}
.md\:w-1\/3 {
@media (width >= 48rem) {
width: calc(1/3 * 100%);
}
}
.md\:w-1\/4 {
@media (width >= 48rem) {
width: calc(1/4 * 100%);
}
}
.md\:w-2\/5 {
@media (width >= 48rem) {
width: calc(2/5 * 100%);
}
}
.md\:w-3\/5 {
@media (width >= 48rem) {
width: calc(3/5 * 100%);
}
}
.md\:w-4 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 4);
}
}
.md\:w-5 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 5);
}
}
.md\:w-5\.5 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 5.5);
}
}
.md\:w-7 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 7);
}
}
.md\:w-9 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 9);
}
}
.md\:w-10 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 10);
}
}
.md\:w-12\.5 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 12.5);
}
}
.md\:w-14 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 14);
}
}
.md\:w-14\.5 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 14.5);
}
}
.md\:w-16 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 16);
}
}
.md\:w-16\.5 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 16.5);
}
}
.md\:w-32 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 32);
}
}
.md\:w-52 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 52);
}
}
.md\:w-\[70\%\] {
@media (width >= 48rem) {
width: 70%;
}
}
.md\:w-\[calc\(100\%-40px\)\] {
@media (width >= 48rem) {
width: calc(100% - 40px);
}
}
.md\:w-\[calc\(100\%-48px\)\] {
@media (width >= 48rem) {
width: calc(100% - 48px);
}
}
.md\:w-\[calc\(100\%-208px\)\] {
@media (width >= 48rem) {
width: calc(100% - 208px);
}
}
.md\:w-\[calc\(100\%-300px\)\] {
@media (width >= 48rem) {
width: calc(100% - 300px);
}
}
.md\:w-\[calc\(100\%-var\(--width\)-var\(--right\)\)\] {
@media (width >= 48rem) {
width: calc(100% - var(--width) - var(--right));
}
}
.md\:w-\[var\(--width\)\] {
@media (width >= 48rem) {
width: var(--width);
}
}
.md\:w-auto {
@media (width >= 48rem) {
width: auto;
}
}
.md\:w-full {
@media (width >= 48rem) {
width: 100%;
}
}
.md\:max-w-32 {
@media (width >= 48rem) {
max-width: calc(var(--spacing) * 32);
}
}
.md\:max-w-40 {
@media (width >= 48rem) {
max-width: calc(var(--spacing) * 40);
}
}
.md\:max-w-\[175px\] {
@media (width >= 48rem) {
max-width: 175px;
}
}
.md\:max-w-\[200px\] {
@media (width >= 48rem) {
max-width: 200px;
}
}
.md\:max-w-\[450px\] {
@media (width >= 48rem) {
max-width: 450px;
}
}
.md\:max-w-\[640px\] {
@media (width >= 48rem) {
max-width: 640px;
}
}
.md\:max-w-\[var\(--width\)\] {
@media (width >= 48rem) {
max-width: var(--width);
}
}
.md\:max-w-full {
@media (width >= 48rem) {
max-width: 100%;
}
}
.md\:max-w-max {
@media (width >= 48rem) {
max-width: max-content;
}
}
.md\:translate-x-10 {
@media (width >= 48rem) {
--tw-translate-x: calc(var(--spacing) * 10);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.md\:scale-\[1\.7\] {
@media (width >= 48rem) {
scale: 1.7;
}
}
.md\:-rotate-\[8deg\] {
@media (width >= 48rem) {
rotate: calc(8deg * -1);
}
}
.md\:animate-none {
@media (width >= 48rem) {
animation: none;
}
}
.md\:flex-col {
@media (width >= 48rem) {
flex-direction: column;
}
}
.md\:flex-row {
@media (width >= 48rem) {
flex-direction: row;
}
}
.md\:flex-row-reverse {
@media (width >= 48rem) {
flex-direction: row-reverse;
}
}
.md\:items-center {
@media (width >= 48rem) {
align-items: center;
}
}
.md\:justify-between {
@media (width >= 48rem) {
justify-content: space-between;
}
}
.md\:gap-0 {
@media (width >= 48rem) {
gap: calc(var(--spacing) * 0);
}
}
.md\:gap-3 {
@media (width >= 48rem) {
gap: calc(var(--spacing) * 3);
}
}
.md\:gap-3\.5 {
@media (width >= 48rem) {
gap: calc(var(--spacing) * 3.5);
}
}
.md\:gap-4 {
@media (width >= 48rem) {
gap: calc(var(--spacing) * 4);
}
}
.md\:gap-10 {
@media (width >= 48rem) {
gap: calc(var(--spacing) * 10);
}
}
.md\:space-y-0 {
@media (width >= 48rem) {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
}
}
}
.md\:space-y-5 {
@media (width >= 48rem) {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
}
}
.md\:space-y-7\.5 {
@media (width >= 48rem) {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 7.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 7.5) * calc(1 - var(--tw-space-y-reverse)));
}
}
}
.md\:rounded-2xl {
@media (width >= 48rem) {
border-radius: var(--radius-2xl);
}
}
.md\:border-0 {
@media (width >= 48rem) {
border-style: var(--tw-border-style);
border-width: 0px;
}
}
.md\:border-\[1\.5px\] {
@media (width >= 48rem) {
border-style: var(--tw-border-style);
border-width: 1.5px;
}
}
.md\:border-b {
@media (width >= 48rem) {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
}
.md\:border-dotted {
@media (width >= 48rem) {
--tw-border-style: dotted;
border-style: dotted;
}
}
.md\:border-solid {
@media (width >= 48rem) {
--tw-border-style: solid;
border-style: solid;
}
}
.md\:border-\[\#520A13\] {
@media (width >= 48rem) {
border-color: #520A13;
}
}
.md\:border-\[\#D16A95\] {
@media (width >= 48rem) {
border-color: #D16A95;
}
}
.md\:bg-\[image\:var\(--desktop-img\)\] {
@media (width >= 48rem) {
background-image: var(--desktop-img);
}
}
.md\:from-white\/10 {
@media (width >= 48rem) {
--tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
.md\:to-primarybg\/10 {
@media (width >= 48rem) {
--tw-gradient-to: color-mix(in srgb, #F63B3F 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-to: color-mix(in oklab, var(--color-primarybg) 10%, transparent);
}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
.md\:p-2 {
@media (width >= 48rem) {
padding: calc(var(--spacing) * 2);
}
}
.md\:p-3\.5 {
@media (width >= 48rem) {
padding: calc(var(--spacing) * 3.5);
}
}
.md\:p-4 {
@media (width >= 48rem) {
padding: calc(var(--spacing) * 4);
}
}
.md\:p-5 {
@media (width >= 48rem) {
padding: calc(var(--spacing) * 5);
}
}
.md\:p-5\.5 {
@media (width >= 48rem) {
padding: calc(var(--spacing) * 5.5);
}
}
.md\:p-7\.5 {
@media (width >= 48rem) {
padding: calc(var(--spacing) * 7.5);
}
}
.md\:p-8 {
@media (width >= 48rem) {
padding: calc(var(--spacing) * 8);
}
}
.md\:px-0 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 0);
}
}
.md\:px-1 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 1);
}
}
.md\:px-1\.5 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 1.5);
}
}
.md\:px-2 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 2);
}
}
.md\:px-3\.5 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 3.5);
}
}
.md\:px-4 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 4);
}
}
.md\:px-4\.5 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 4.5);
}
}
.md\:px-5 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 5);
}
}
.md\:px-5\.5 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 5.5);
}
}
.md\:px-6 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 6);
}
}
.md\:px-10 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 10);
}
}
.md\:py-0 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 0);
}
}
.md\:py-1 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 1);
}
}
.md\:py-1\.5 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 1.5);
}
}
.md\:py-2\.5 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 2.5);
}
}
.md\:py-3 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 3);
}
}
.md\:py-3\.5 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 3.5);
}
}
.md\:py-4 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 4);
}
}
.md\:py-4\.5 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 4.5);
}
}
.md\:py-5 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 5);
}
}
.md\:py-6 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 6);
}
}
.md\:py-6\.5 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 6.5);
}
}
.md\:py-7 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 7);
}
}
.md\:py-7\.5 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 7.5);
}
}
.md\:py-9 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 9);
}
}
.md\:py-10 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 10);
}
}
.md\:py-12 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 12);
}
}
.md\:py-12\.5 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 12.5);
}
}
.md\:py-14 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 14);
}
}
.md\:py-14\.5 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 14.5);
}
}
.md\:py-16\.5 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 16.5);
}
}
.md\:pt-0 {
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 0);
}
}
.md\:pt-7\.5 {
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 7.5);
}
}
.md\:pt-10 {
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 10);
}
}
.md\:pt-12\.5 {
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 12.5);
}
}
.md\:pt-14\.5 {
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 14.5);
}
}
.md\:pt-16 {
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 16);
}
}
.md\:pt-16\.5 {
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 16.5);
}
}
.md\:pr-6 {
@media (width >= 48rem) {
padding-right: calc(var(--spacing) * 6);
}
}
.md\:pr-10 {
@media (width >= 48rem) {
padding-right: calc(var(--spacing) * 10);
}
}
.md\:pb-5\.5 {
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 5.5);
}
}
.md\:pb-10 {
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 10);
}
}
.md\:pb-12\.5 {
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 12.5);
}
}
.md\:pb-14 {
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 14);
}
}
.md\:pb-14\.5 {
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 14.5);
}
}
.md\:pb-16\.5 {
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 16.5);
}
}
.md\:pl-2 {
@media (width >= 48rem) {
padding-left: calc(var(--spacing) * 2);
}
}
.md\:pl-4 {
@media (width >= 48rem) {
padding-left: calc(var(--spacing) * 4);
}
}
.md\:pl-5 {
@media (width >= 48rem) {
padding-left: calc(var(--spacing) * 5);
}
}
.md\:pl-6 {
@media (width >= 48rem) {
padding-left: calc(var(--spacing) * 6);
}
}
.md\:pl-10 {
@media (width >= 48rem) {
padding-left: calc(var(--spacing) * 10);
}
}
.md\:pl-16 {
@media (width >= 48rem) {
padding-left: calc(var(--spacing) * 16);
}
}
.md\:text-left {
@media (width >= 48rem) {
text-align: left;
}
}
.md\:text-3xl {
@media (width >= 48rem) {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
.md\:text-4xl {
@media (width >= 48rem) {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
.md\:text-base {
@media (width >= 48rem) {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
.md\:text-lg {
@media (width >= 48rem) {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
.md\:text-sm {
@media (width >= 48rem) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
.md\:text-xl {
@media (width >= 48rem) {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
.md\:text-\[26px\] {
@media (width >= 48rem) {
font-size: 26px;
}
}
.md\:text-\[32px\] {
@media (width >= 48rem) {
font-size: 32px;
}
}
.md\:leading-\[21px\] {
@media (width >= 48rem) {
--tw-leading: 21px;
line-height: 21px;
}
}
.md\:text-primarybg {
@media (width >= 48rem) {
color: var(--color-primarybg);
}
}
.md\:opacity-40 {
@media (width >= 48rem) {
opacity: 40%;
}
}
.md\:before\:top-7\.5 {
@media (width >= 48rem) {
&::before {
content: var(--tw-content);
top: calc(var(--spacing) * 7.5);
}
}
}
.md\:before\:-left-7 {
@media (width >= 48rem) {
&::before {
content: var(--tw-content);
left: calc(var(--spacing) * -7);
}
}
}
.md\:before\:-left-10 {
@media (width >= 48rem) {
&::before {
content: var(--tw-content);
left: calc(var(--spacing) * -10);
}
}
}
.md\:before\:h-6 {
@media (width >= 48rem) {
&::before {
content: var(--tw-content);
height: calc(var(--spacing) * 6);
}
}
}
.md\:before\:h-\[calc\(100\%-36px\)\] {
@media (width >= 48rem) {
&::before {
content: var(--tw-content);
height: calc(100% - 36px);
}
}
}
.md\:before\:w-6 {
@media (width >= 48rem) {
&::before {
content: var(--tw-content);
width: calc(var(--spacing) * 6);
}
}
}
.md\:after\:top-2 {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
top: calc(var(--spacing) * 2);
}
}
}
.md\:after\:top-7\.5 {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
top: calc(var(--spacing) * 7.5);
}
}
}
.md\:after\:-left-7 {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
left: calc(var(--spacing) * -7);
}
}
}
.md\:after\:-left-8\.5 {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
left: calc(var(--spacing) * -8.5);
}
}
}
.md\:after\:h-3 {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 3);
}
}
}
.md\:after\:w-3 {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 3);
}
}
}
.lg\:absolute {
@media (width >= 64rem) {
position: absolute;
}
}
.lg\:top-40 {
@media (width >= 64rem) {
top: calc(var(--spacing) * 40);
}
}
.lg\:right-0 {
@media (width >= 64rem) {
right: calc(var(--spacing) * 0);
}
}
.lg\:order-1 {
@media (width >= 64rem) {
order: 1;
}
}
.lg\:-mx-4 {
@media (width >= 64rem) {
margin-inline: calc(var(--spacing) * -4);
}
}
.lg\:-mx-5\.5 {
@media (width >= 64rem) {
margin-inline: calc(var(--spacing) * -5.5);
}
}
.lg\:mx-0 {
@media (width >= 64rem) {
margin-inline: calc(var(--spacing) * 0);
}
}
.lg\:my-5 {
@media (width >= 64rem) {
margin-block: calc(var(--spacing) * 5);
}
}
.lg\:mt-0 {
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 0);
}
}
.lg\:mt-3\.5 {
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 3.5);
}
}
.lg\:mt-5\.5 {
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 5.5);
}
}
.lg\:mt-7\.5 {
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 7.5);
}
}
.lg\:mt-10 {
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 10);
}
}
.lg\:mt-12\.5 {
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 12.5);
}
}
.lg\:mt-14\.5 {
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 14.5);
}
}
.lg\:mt-16\.5 {
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 16.5);
}
}
.lg\:mb-0 {
@media (width >= 64rem) {
margin-bottom: calc(var(--spacing) * 0);
}
}
.lg\:mb-5 {
@media (width >= 64rem) {
margin-bottom: calc(var(--spacing) * 5);
}
}
.lg\:mb-12\.5 {
@media (width >= 64rem) {
margin-bottom: calc(var(--spacing) * 12.5);
}
}
.lg\:mb-16\.5 {
@media (width >= 64rem) {
margin-bottom: calc(var(--spacing) * 16.5);
}
}
.lg\:ml-12\.5 {
@media (width >= 64rem) {
margin-left: calc(var(--spacing) * 12.5);
}
}
.lg\:block {
@media (width >= 64rem) {
display: block;
}
}
.lg\:hidden {
@media (width >= 64rem) {
display: none;
}
}
.lg\:h-7\.5 {
@media (width >= 64rem) {
height: calc(var(--spacing) * 7.5);
}
}
.lg\:h-8\.5 {
@media (width >= 64rem) {
height: calc(var(--spacing) * 8.5);
}
}
.lg\:h-12 {
@media (width >= 64rem) {
height: calc(var(--spacing) * 12);
}
}
.lg\:h-20 {
@media (width >= 64rem) {
height: calc(var(--spacing) * 20);
}
}
.lg\:h-24 {
@media (width >= 64rem) {
height: calc(var(--spacing) * 24);
}
}
.lg\:h-28 {
@media (width >= 64rem) {
height: calc(var(--spacing) * 28);
}
}
.lg\:h-\[62px\] {
@media (width >= 64rem) {
height: 62px;
}
}
.lg\:h-auto {
@media (width >= 64rem) {
height: auto;
}
}
.lg\:w-1\/2 {
@media (width >= 64rem) {
width: calc(1/2 * 100%);
}
}
.lg\:w-1\/3 {
@media (width >= 64rem) {
width: calc(1/3 * 100%);
}
}
.lg\:w-1\/6 {
@media (width >= 64rem) {
width: calc(1/6 * 100%);
}
}
.lg\:w-2\/3 {
@media (width >= 64rem) {
width: calc(2/3 * 100%);
}
}
.lg\:w-2\/5 {
@media (width >= 64rem) {
width: calc(2/5 * 100%);
}
}
.lg\:w-3\/5 {
@media (width >= 64rem) {
width: calc(3/5 * 100%);
}
}
.lg\:w-7\.5 {
@media (width >= 64rem) {
width: calc(var(--spacing) * 7.5);
}
}
.lg\:w-8\.5 {
@media (width >= 64rem) {
width: calc(var(--spacing) * 8.5);
}
}
.lg\:w-12 {
@media (width >= 64rem) {
width: calc(var(--spacing) * 12);
}
}
.lg\:w-20 {
@media (width >= 64rem) {
width: calc(var(--spacing) * 20);
}
}
.lg\:w-24 {
@media (width >= 64rem) {
width: calc(var(--spacing) * 24);
}
}
.lg\:w-28 {
@media (width >= 64rem) {
width: calc(var(--spacing) * 28);
}
}
.lg\:w-52 {
@media (width >= 64rem) {
width: calc(var(--spacing) * 52);
}
}
.lg\:w-\[62px\] {
@media (width >= 64rem) {
width: 62px;
}
}
.lg\:w-\[calc\(100\%-36px\)\] {
@media (width >= 64rem) {
width: calc(100% - 36px);
}
}
.lg\:w-\[calc\(100\%-62px\)\] {
@media (width >= 64rem) {
width: calc(100% - 62px);
}
}
.lg\:w-\[calc\(100\%-260px\)\] {
@media (width >= 64rem) {
width: calc(100% - 260px);
}
}
.lg\:max-w-\[45\%\] {
@media (width >= 64rem) {
max-width: 45%;
}
}
.lg\:max-w-\[calc\(100\%-886px\)\] {
@media (width >= 64rem) {
max-width: calc(100% - 886px);
}
}
.lg\:max-w-full {
@media (width >= 64rem) {
max-width: 100%;
}
}
.lg\:translate-x-\[var\(--position\)\] {
@media (width >= 64rem) {
--tw-translate-x: var(--position);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.lg\:justify-start {
@media (width >= 64rem) {
justify-content: flex-start;
}
}
.lg\:rounded-lg {
@media (width >= 64rem) {
border-radius: var(--radius-lg);
}
}
.lg\:px-4 {
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 4);
}
}
.lg\:px-5\.5 {
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 5.5);
}
}
.lg\:px-6 {
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 6);
}
}
.lg\:px-7\.5 {
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 7.5);
}
}
.lg\:px-12 {
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 12);
}
}
.lg\:px-28\.5 {
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 28.5);
}
}
.lg\:py-8 {
@media (width >= 64rem) {
padding-block: calc(var(--spacing) * 8);
}
}
.lg\:py-10 {
@media (width >= 64rem) {
padding-block: calc(var(--spacing) * 10);
}
}
.lg\:py-12\.5 {
@media (width >= 64rem) {
padding-block: calc(var(--spacing) * 12.5);
}
}
.lg\:py-16\.5 {
@media (width >= 64rem) {
padding-block: calc(var(--spacing) * 16.5);
}
}
.lg\:pt-0 {
@media (width >= 64rem) {
padding-top: calc(var(--spacing) * 0);
}
}
.lg\:pt-6 {
@media (width >= 64rem) {
padding-top: calc(var(--spacing) * 6);
}
}
.lg\:pt-7\.5 {
@media (width >= 64rem) {
padding-top: calc(var(--spacing) * 7.5);
}
}
.lg\:pt-14 {
@media (width >= 64rem) {
padding-top: calc(var(--spacing) * 14);
}
}
.lg\:pr-10\.5 {
@media (width >= 64rem) {
padding-right: calc(var(--spacing) * 10.5);
}
}
.lg\:pb-16 {
@media (width >= 64rem) {
padding-bottom: calc(var(--spacing) * 16);
}
}
.lg\:pl-5 {
@media (width >= 64rem) {
padding-left: calc(var(--spacing) * 5);
}
}
.lg\:pl-10\.5 {
@media (width >= 64rem) {
padding-left: calc(var(--spacing) * 10.5);
}
}
.lg\:text-left {
@media (width >= 64rem) {
text-align: left;
}
}
.lg\:text-2xl {
@media (width >= 64rem) {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
.lg\:text-3xl {
@media (width >= 64rem) {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
.lg\:text-4xl {
@media (width >= 64rem) {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
.lg\:text-base {
@media (width >= 64rem) {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
.lg\:text-lg {
@media (width >= 64rem) {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
.lg\:text-xl {
@media (width >= 64rem) {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
.lg\:text-\[22px\] {
@media (width >= 64rem) {
font-size: 22px;
}
}
.lg\:text-\[26px\] {
@media (width >= 64rem) {
font-size: 26px;
}
}
.lg\:text-\[27px\] {
@media (width >= 64rem) {
font-size: 27px;
}
}
.lg\:text-\[28px\] {
@media (width >= 64rem) {
font-size: 28px;
}
}
.lg\:leading-\[18px\] {
@media (width >= 64rem) {
--tw-leading: 18px;
line-height: 18px;
}
}
.lg\:leading-\[20px\] {
@media (width >= 64rem) {
--tw-leading: 20px;
line-height: 20px;
}
}
.lg\:after\:top-2 {
@media (width >= 64rem) {
&::after {
content: var(--tw-content);
top: calc(var(--spacing) * 2);
}
}
}
.xl\:max-w-\[var\(--width\)\] {
@media (width >= 80rem) {
max-width: var(--width);
}
}
.xl\:gap-8\.5 {
@media (width >= 80rem) {
gap: calc(var(--spacing) * 8.5);
}
}
.xl\:px-9 {
@media (width >= 80rem) {
padding-inline: calc(var(--spacing) * 9);
}
}
.xl\:px-16\.5 {
@media (width >= 80rem) {
padding-inline: calc(var(--spacing) * 16.5);
}
}
.xl\:pl-28 {
@media (width >= 80rem) {
padding-left: calc(var(--spacing) * 28);
}
}
.xl\:text-lg {
@media (width >= 80rem) {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
.xl\:text-xl {
@media (width >= 80rem) {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
.xl\:text-\[24px\] {
@media (width >= 80rem) {
font-size: 24px;
}
}
.xl\:text-\[25px\] {
@media (width >= 80rem) {
font-size: 25px;
}
}
.xl\:text-\[26px\] {
@media (width >= 80rem) {
font-size: 26px;
}
}
.xl\:text-\[37px\] {
@media (width >= 80rem) {
font-size: 37px;
}
}
.xl\:text-\[45px\] {
@media (width >= 80rem) {
font-size: 45px;
}
}
.\32 xl\:text-xl {
@media (width >= 96rem) {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
.\32 xl\:text-\[24px\] {
@media (width >= 96rem) {
font-size: 24px;
}
}
}
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@font-face {
font-family: 'Gelica';
src: url('/cdn/shop/files/Gelica-SemiBoldItalic.woff2?v=1747303687') format('woff2'), url('/cdn/shop/files/Gelica-SemiBoldItalic.woff?v=1747303687') format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Gelica';
src: url('/cdn/shop/files/Gelica-Light.woff2?v=1747303687') format('woff2'), url('/cdn/shop/files/Gelica-Light.woff?v=1747303687') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gelica';
src: url('/cdn/shop/files/Gelica-MediumItalic.woff2?v=1747303687') format('woff2'), url('/cdn/shop/files/Gelica-MediumItalic.woff?v=1747303687') format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Gelica';
src: url('/cdn/shop/files/Gelica-ExtraLightItalic.woff2?v=1747303687') format('woff2'), url('/cdn/shop/files/Gelica-ExtraLightItalic.woff?v=1747303687') format('woff');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Gelica';
src: url('/cdn/shop/files/Gelica-Regular.woff2?v=1747303687') format('woff2'), url('/cdn/shop/files/Gelica-Regular.woff?v=1747303687') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gelica';
src: url('/cdn/shop/files/Gelica-Italic.woff2?v=1747303687') format('woff2'), url('/cdn/shop/files/Gelica-Italic.woff?v=1747303687') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Gelica';
src: url('/cdn/shop/files/Gelica-Black.woff2?v=1747303687') format('woff2'), url('/cdn/shop/files/Gelica-Black.woff?v=1747303687') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gelica';
src: url('/cdn/shop/files/Gelica-Bold.woff2?v=1747303687') format('woff2'), url('/cdn/shop/files/Gelica-Bold.woff?v=1747303687') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ABC Diatype';
src: url('/cdn/shop/files/ABCDiatype-Thin.woff2?v=1747204322') format('woff2'), url('/cdn/shop/files/ABCDiatype-Thin.woff?v=1747204322') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ABC Diatype';
src: url('/cdn/shop/files/ABCDiatype-Medium.woff2?v=1747204321') format('woff2'), url('/cdn/shop/files/ABCDiatype-Medium.woff?v=1747204321') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ABC Diatype';
src: url('/cdn/shop/files/ABCDiatype-Light.woff2?v=1747204321') format('woff2'), url('/cdn/shop/files/ABCDiatype-Light.woff?v=1747204321') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ABC Diatype';
src: url('/cdn/shop/files/ABCDiatype-Regular.woff2?v=1747204321') format('woff2'), url('/cdn/shop/files/ABCDiatype-Regular.woff?v=1747204321') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ABC Diatype';
src: url('/cdn/shop/files/ABCDiatype-Bold.woff2?v=1747204321') format('woff2'), url('/cdn/shop/files/ABCDiatype-Bold.woff?v=1747204321') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
html {
scroll-behavior: smooth;
}
body {
font-family: var(--font-primary);
color: var(--color-primary);
}
.container {
margin-inline: auto;
padding-inline: calc(var(--spacing) * 5);
@media (width >= 64rem) {
max-width: 1448px;
}
}
.herovf5-review svg path {
fill: #FF9000;
}
.review-slider_star svg path {
fill: var(--color-primarybg);
}
.hero-heading em {
color: var(--color-red);
}
.solution-heading strong, .faq-heading strong {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-red);
}
.hero-heading em strong {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.boost_content svg {
height: calc(var(--spacing) * 6);
width: calc(var(--spacing) * 6);
@media (width >= 64rem) {
height: calc(var(--spacing) * 9);
}
@media (width >= 64rem) {
width: calc(var(--spacing) * 9);
}
}
.ingredients_content strong {
display: block;
}
.energy-delivery_message strong {
color: #5CD33F;
}
.custom-slider.splide .splide__pagination {
bottom: calc(var(--spacing) * -12.5);
}
.custom-slider.splide .splide__pagination .splide__pagination__page {
position: relative;
background-color: color-mix(in srgb, #F63B3F 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-primarybg) 5%, transparent);
}
&::before {
content: var(--tw-content);
position: absolute;
}
&::before {
content: var(--tw-content);
inset: calc(var(--spacing) * 0);
}
&::before {
content: var(--tw-content);
z-index: 1;
}
&::before {
content: var(--tw-content);
height: calc(var(--spacing) * 2);
}
&::before {
content: var(--tw-content);
width: calc(var(--spacing) * 2);
}
&::before {
content: var(--tw-content);
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
&::before {
content: var(--tw-content);
border-radius: calc(infinity * 1px);
}
&::before {
content: var(--tw-content);
border-style: var(--tw-border-style);
border-width: 1px;
}
&::before {
content: var(--tw-content);
border-color: var(--color-primarybg);
}
&::before {
content: var(--tw-content);
background-color: #FCD5E5;
}
&::after {
content: var(--tw-content);
position: absolute;
}
&::after {
content: var(--tw-content);
inset: calc(var(--spacing) * 0);
}
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 0);
}
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 0);
}
&::after {
content: var(--tw-content);
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
&::after {
content: var(--tw-content);
border-radius: calc(infinity * 1px);
}
&::after {
content: var(--tw-content);
background-color: var(--color-primarybg);
}
&::after {
content: var(--tw-content);
--tw-duration: 300ms;
transition-duration: 300ms;
}
}
.custom-slider.splide .splide__pagination .splide__pagination__page.is-active {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
background-color: color-mix(in srgb, #F63B3F 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-primarybg) 5%, transparent);
}
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 3);
}
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 3);
}
}
.custom-slider.splide .splide__arrows {
position: absolute;
bottom: calc(var(--spacing) * -18);
left: calc(1/2 * 100%);
margin-inline: auto;
display: flex;
width: 100%;
max-width: calc(var(--spacing) * 44);
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
align-items: center;
justify-content: space-between;
}
.custom-slider.splide .splide__arrows .splide__arrow {
position: static;
}
.custom-slider.splide .splide__arrows .splide__arrow {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-primarybg);
background-color: transparent;
opacity: 100%;
}
.custom-slider.splide .splide__arrows .splide__arrow svg {
height: calc(var(--spacing) * 3);
width: calc(var(--spacing) * 3);
fill: var(--color-primarybg);
}
.custom-slider__main .custom-slider {
margin-inline: calc(var(--spacing) * -5);
@media (width >= 48rem) {
margin-inline: calc(var(--spacing) * 0);
}
}
.solution-icon {
background-image: url('data:image/svg+xml,');
}
.traditional-supplements__last .traditional-supplements__data-compare {
border-bottom-right-radius: 22px;
border-bottom-left-radius: 22px;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1.5px;
border-bottom-color: #D93838;
}
.traditional-supplements__last .traditional-supplements__data-out {
border-bottom-right-radius: 22px;
border-bottom-left-radius: 22px;
}
.traditional-supplements__last .traditional-supplements__data-text {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}
.energy-review_text svg {
height: calc(var(--spacing) * 3.5);
width: calc(var(--spacing) * 3.5);
@media (width >= 48rem) {
height: calc(var(--spacing) * 4.5);
}
@media (width >= 48rem) {
width: calc(var(--spacing) * 4.5);
}
}
.custom-slider.happycustomers-slider.splide .splide__arrows {
position: static;
bottom: unset;
max-width: 100%;
translate: none;
}
.custom-slider.happycustomers-slider.splide .splide__arrows .splide__arrow {
position: absolute;
top: calc(1/2 * 100%);
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
background-color: var(--color-white);
}
.custom-slider.happycustomers-slider.splide .splide__arrows .splide__arrow--prev {
left: calc(var(--spacing) * -2);
@media (width >= 96rem) {
left: calc(var(--spacing) * -10);
}
}
.custom-slider.happycustomers-slider.splide .splide__arrows .splide__arrow--next {
right: calc(var(--spacing) * -2);
@media (width >= 96rem) {
right: calc(var(--spacing) * -10);
}
}
.custom-slider.happycustomers-slider.splide .splide__pagination .splide__pagination__page {
height: calc(var(--spacing) * 3);
width: calc(var(--spacing) * 3);
&::before {
content: var(--tw-content);
height: calc(var(--spacing) * 3);
}
&::before {
content: var(--tw-content);
width: calc(var(--spacing) * 3);
}
&::after {
content: var(--tw-content);
background-color: var(--color-red);
}
}
.custom-slider.happycustomers-slider.splide .splide__pagination .splide__pagination__page.is-active {
&::before {
content: var(--tw-content);
background-color: var(--color-white);
}
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 4);
}
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 4);
}
}
.happycustomers_slide {
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23F63B3FFF' stroke-width='3' stroke-dasharray='5%2c 12' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.happycustomers-slider .splide__slide {
margin-block: calc(var(--spacing) * 5);
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 0);
}
}
.happycustomers_slider--customername strong {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: var(--color-primary);
}
.happycustomers-review svg {
height: calc(var(--spacing) * 5);
width: calc(var(--spacing) * 5);
@media (width >= 48rem) {
height: calc(var(--spacing) * 7.5);
}
@media (width >= 48rem) {
width: calc(var(--spacing) * 7.5);
}
}
.happycustomers-review svg path {
fill: #DE7920;
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-gradient-position {
syntax: "*";
inherits: false;
}
@property --tw-gradient-from {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-via {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-to {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-stops {
syntax: "*";
inherits: false;
}
@property --tw-gradient-via-stops {
syntax: "*";
inherits: false;
}
@property --tw-gradient-from-position {
syntax: "";
inherits: false;
initial-value: 0%;
}
@property --tw-gradient-via-position {
syntax: "";
inherits: false;
initial-value: 50%;
}
@property --tw-gradient-to-position {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-leading {
syntax: "*";
inherits: false;
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false;
}
@property --tw-brightness {
syntax: "*";
inherits: false;
}
@property --tw-contrast {
syntax: "*";
inherits: false;
}
@property --tw-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-invert {
syntax: "*";
inherits: false;
}
@property --tw-opacity {
syntax: "*";
inherits: false;
}
@property --tw-saturate {
syntax: "*";
inherits: false;
}
@property --tw-sepia {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false;
}
@property --tw-content {
syntax: "*";
initial-value: "";
inherits: false;
}
@property --tw-duration {
syntax: "*";
inherits: false;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@keyframes ping {
75%, 100% {
transform: scale(2);
opacity: 0;
}
}
@keyframes marquee {
0% {
transform: translateX(50%);
}
100% {
transform: translateX(-100%);
}
}
@keyframes marqueetext {
from {
transform: translateX(0);
}
to {
transform: translateX(-20%);
}
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-border-style: solid;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-content: "";
--tw-duration: initial;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
}
}
}