/** Shopify CDN: Minification failed
Line 5695:0 All "@import" rules must come first
**/
/*! tailwindcss v4.1.11 | 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);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--tracking-normal: 0em;
--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-outfit: "Outfit", 'sans-serif';
--font-poppins: "Poppins", 'sans-serif';
--font-librefranklin: "Libre Franklin", 'sans-serif';
--font-gotham: 'Gotham';
--color-primarybg: #EF1B37;
--color-primary: #221715;
--color-primaryborder: #E0E0E0;
--color-green: #5CD33F;
--color-lightpink: #FDE8EB;
--font-ivyoradisplay: 'IvyOra Display';
--font-ivyPrestodisplay: 'IvyPresto Display';
--animate-marqueetext: marqueetext 30s 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-8 {
top: calc(var(--spacing) * -8);
}
.-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);
}
.top-\[-13px\] {
top: -13px;
}
.-right-0 {
right: calc(var(--spacing) * -0);
}
.-right-5 {
right: calc(var(--spacing) * -5);
}
.right-0 {
right: calc(var(--spacing) * 0);
}
.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-0 {
left: calc(var(--spacing) * 0);
}
.left-1 {
left: calc(var(--spacing) * 1);
}
.left-1\/2 {
left: calc(1/2 * 100%);
}
.isolate {
isolation: isolate;
}
.z-1 {
z-index: 1;
}
.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-2\.5 {
margin: calc(var(--spacing) * -2.5);
}
.-m-5 {
margin: calc(var(--spacing) * -5);
}
.m-0 {
margin: calc(var(--spacing) * 0);
}
.-mx-1 {
margin-inline: calc(var(--spacing) * -1);
}
.-mx-2 {
margin-inline: calc(var(--spacing) * -2);
}
.-mx-2\.5 {
margin-inline: calc(var(--spacing) * -2.5);
}
.-mx-3 {
margin-inline: calc(var(--spacing) * -3);
}
.-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-0\.5 {
margin-inline: calc(var(--spacing) * 0.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-5\.5 {
margin-block: calc(var(--spacing) * 5.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);
}
.my-10\.5 {
margin-block: calc(var(--spacing) * 10.5);
}
.my-11 {
margin-block: calc(var(--spacing) * 11);
}
.my-12\.5 {
margin-block: calc(var(--spacing) * 12.5);
}
.my-15 {
margin-block: calc(var(--spacing) * 15);
}
.my-18\.5 {
margin-block: calc(var(--spacing) * 18.5);
}
.-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 {
margin-top: calc(var(--spacing) * 2);
}
.mt-2\.5 {
margin-top: calc(var(--spacing) * 2.5);
}
.mt-3 {
margin-top: calc(var(--spacing) * 3);
}
.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-5\.5 {
margin-top: calc(var(--spacing) * 5.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-10\.5 {
margin-top: calc(var(--spacing) * 10.5);
}
.mt-11\.5 {
margin-top: calc(var(--spacing) * 11.5);
}
.mt-12 {
margin-top: calc(var(--spacing) * 12);
}
.mt-12\.5 {
margin-top: calc(var(--spacing) * 12.5);
}
.mt-14 {
margin-top: calc(var(--spacing) * 14);
}
.mt-15 {
margin-top: calc(var(--spacing) * 15);
}
.mt-16 {
margin-top: calc(var(--spacing) * 16);
}
.mt-18\.5 {
margin-top: calc(var(--spacing) * 18.5);
}
.mt-20 {
margin-top: calc(var(--spacing) * 20);
}
.mt-22\.5 {
margin-top: calc(var(--spacing) * 22.5);
}
.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-3\.5 {
margin-right: calc(var(--spacing) * 3.5);
}
.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-0 {
margin-bottom: calc(var(--spacing) * 0);
}
.mb-0\.5 {
margin-bottom: calc(var(--spacing) * 0.5);
}
.mb-1 {
margin-bottom: calc(var(--spacing) * 1);
}
.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-6\.5 {
margin-bottom: calc(var(--spacing) * 6.5);
}
.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-4 {
margin-left: calc(var(--spacing) * 4);
}
.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;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.size-3 {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.h-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 {
height: calc(var(--spacing) * 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-7\.5 {
height: calc(var(--spacing) * 7.5);
}
.h-8 {
height: calc(var(--spacing) * 8);
}
.h-8\.5 {
height: calc(var(--spacing) * 8.5);
}
.h-9 {
height: calc(var(--spacing) * 9);
}
.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-11\/12 {
height: calc(11/12 * 100%);
}
.h-12 {
height: calc(var(--spacing) * 12);
}
.h-12\.5 {
height: calc(var(--spacing) * 12.5);
}
.h-13 {
height: calc(var(--spacing) * 13);
}
.h-14 {
height: calc(var(--spacing) * 14);
}
.h-14\.5 {
height: calc(var(--spacing) * 14.5);
}
.h-15 {
height: calc(var(--spacing) * 15);
}
.h-16 {
height: calc(var(--spacing) * 16);
}
.h-20 {
height: calc(var(--spacing) * 20);
}
.h-20\.5 {
height: calc(var(--spacing) * 20.5);
}
.h-22\.5 {
height: calc(var(--spacing) * 22.5);
}
.h-24 {
height: calc(var(--spacing) * 24);
}
.h-26 {
height: calc(var(--spacing) * 26);
}
.h-30 {
height: calc(var(--spacing) * 30);
}
.h-36 {
height: calc(var(--spacing) * 36);
}
.h-62\.5 {
height: calc(var(--spacing) * 62.5);
}
.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-13\.5 {
min-height: calc(var(--spacing) * 13.5);
}
.min-h-14 {
min-height: calc(var(--spacing) * 14);
}
.min-h-22 {
min-height: calc(var(--spacing) * 22);
}
.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-1\/4 {
width: calc(1/4 * 100%);
}
.w-3 {
width: calc(var(--spacing) * 3);
}
.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 {
width: calc(var(--spacing) * 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-7\.5 {
width: calc(var(--spacing) * 7.5);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-8\.5 {
width: calc(var(--spacing) * 8.5);
}
.w-9 {
width: calc(var(--spacing) * 9);
}
.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-13 {
width: calc(var(--spacing) * 13);
}
.w-14 {
width: calc(var(--spacing) * 14);
}
.w-14\.5 {
width: calc(var(--spacing) * 14.5);
}
.w-15 {
width: calc(var(--spacing) * 15);
}
.w-16 {
width: calc(var(--spacing) * 16);
}
.w-18\.5 {
width: calc(var(--spacing) * 18.5);
}
.w-20 {
width: calc(var(--spacing) * 20);
}
.w-20\.5 {
width: calc(var(--spacing) * 20.5);
}
.w-22\.5 {
width: calc(var(--spacing) * 22.5);
}
.w-24 {
width: calc(var(--spacing) * 24);
}
.w-26 {
width: calc(var(--spacing) * 26);
}
.w-30 {
width: calc(var(--spacing) * 30);
}
.w-36 {
width: calc(var(--spacing) * 36);
}
.w-38\.5 {
width: calc(var(--spacing) * 38.5);
}
.w-44 {
width: calc(var(--spacing) * 44);
}
.w-\[74px\] {
width: 74px;
}
.w-\[80px\] {
width: 80px;
}
.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\%-52px\)\] {
width: calc(100% - 52px);
}
.w-\[calc\(100\%-55px\)\] {
width: calc(100% - 55px);
}
.w-\[calc\(100\%-56px\)\] {
width: calc(100% - 56px);
}
.w-\[calc\(100\%-66px\)\] {
width: calc(100% - 66px);
}
.w-\[calc\(100\%-104px\)\] {
width: calc(100% - 104px);
}
.w-\[calc\(100\%-154px\)\] {
width: calc(100% - 154px);
}
.w-\[calc\(100\%-436px\)\] {
width: calc(100% - 436px);
}
.w-full {
width: 100%;
}
.max-w-8 {
max-width: calc(var(--spacing) * 8);
}
.max-w-15 {
max-width: calc(var(--spacing) * 15);
}
.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-60 {
max-width: calc(var(--spacing) * 60);
}
.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-\[55px\] {
max-width: 55px;
}
.max-w-\[60\%\] {
max-width: 60%;
}
.max-w-\[85px\] {
max-width: 85px;
}
.max-w-\[126px\] {
max-width: 126px;
}
.max-w-\[150px\] {
max-width: 150px;
}
.max-w-\[194px\] {
max-width: 194px;
}
.max-w-\[209px\] {
max-width: 209px;
}
.max-w-\[240px\] {
max-width: 240px;
}
.max-w-\[250px\] {
max-width: 250px;
}
.max-w-\[260px\] {
max-width: 260px;
}
.max-w-\[290px\] {
max-width: 290px;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[340px\] {
max-width: 340px;
}
.max-w-\[360px\] {
max-width: 360px;
}
.max-w-\[400px\] {
max-width: 400px;
}
.max-w-\[430px\] {
max-width: 430px;
}
.max-w-\[450px\] {
max-width: 450px;
}
.max-w-\[500px\] {
max-width: 500px;
}
.max-w-\[510px\] {
max-width: 510px;
}
.max-w-\[570px\] {
max-width: 570px;
}
.max-w-\[580px\] {
max-width: 580px;
}
.max-w-\[600px\] {
max-width: 600px;
}
.max-w-\[615px\] {
max-width: 615px;
}
.max-w-\[620px\] {
max-width: 620px;
}
.max-w-\[650px\] {
max-width: 650px;
}
.max-w-\[670px\] {
max-width: 670px;
}
.max-w-\[680px\] {
max-width: 680px;
}
.max-w-\[740px\] {
max-width: 740px;
}
.max-w-\[780px\] {
max-width: 780px;
}
.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-\[1050px\] {
max-width: 1050px;
}
.max-w-\[1070px\] {
max-width: 1070px;
}
.max-w-\[1080px\] {
max-width: 1080px;
}
.max-w-\[1100px\] {
max-width: 1100px;
}
.max-w-\[1200px\] {
max-width: 1200px;
}
.max-w-\[1230px\] {
max-width: 1230px;
}
.max-w-\[1236px\] {
max-width: 1236px;
}
.max-w-\[calc\(100\%-55px\)\] {
max-width: calc(100% - 55px);
}
.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-full {
max-width: 100%;
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-xl {
max-width: var(--container-xl);
}
.min-w-\[calc\(100\%-55px\)\] {
min-width: calc(100% - 55px);
}
.flex-1 {
flex: 1;
}
.flex-\[1_1_0\%\] {
flex: 1 1 0%;
}
.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-1\/2 {
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-\[20\%\] {
--tw-translate-x: calc(20% * -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-marqueetext {
animation: var(--animate-marqueetext);
}
.animate-ping {
animation: var(--animate-ping);
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.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;
}
.justify-end {
justify-content: flex-end;
}
.gap-0\.5 {
gap: calc(var(--spacing) * 0.5);
}
.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-4 {
gap: calc(var(--spacing) * 4);
}
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.space-y-1\.5 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-2 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-3 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
}
.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-6 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * 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 {
border-radius: 0.25rem;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-4xl {
border-radius: var(--radius-4xl);
}
.rounded-\[10px\] {
border-radius: 10px;
}
.rounded-\[14px\] {
border-radius: 14px;
}
.rounded-\[20px\] {
border-radius: 20px;
}
.rounded-\[60\%\] {
border-radius: 60%;
}
.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-full {
border-top-left-radius: calc(infinity * 1px);
border-top-right-radius: calc(infinity * 1px);
}
.rounded-t-md {
border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);
}
.rounded-l-2xl {
border-top-left-radius: var(--radius-2xl);
border-bottom-left-radius: var(--radius-2xl);
}
.rounded-r-2xl {
border-top-right-radius: var(--radius-2xl);
border-bottom-right-radius: var(--radius-2xl);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-1 {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-3 {
border-style: var(--tw-border-style);
border-width: 3px;
}
.border-8 {
border-style: var(--tw-border-style);
border-width: 8px;
}
.border-\[1\.5px\] {
border-style: var(--tw-border-style);
border-width: 1.5px;
}
.border-\[3px\] {
border-style: var(--tw-border-style);
border-width: 3px;
}
.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-b-1 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-dotted {
--tw-border-style: dotted;
border-style: dotted;
}
.border-\[\#0E34254D\] {
border-color: #0E34254D;
}
.border-\[\#2A2A2A61\] {
border-color: #2A2A2A61;
}
.border-\[\#135E4A30\] {
border-color: #135E4A30;
}
.border-\[\#520A13\] {
border-color: #520A13;
}
.border-\[\#6523A8\] {
border-color: #6523A8;
}
.border-\[\#141414\] {
border-color: #141414;
}
.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-\[\#F8DDE9\] {
border-color: #F8DDE9;
}
.border-\[\#F63B3F2E\] {
border-color: #F63B3F2E;
}
.border-\[\#F40888\] {
border-color: #F40888;
}
.border-\[\#FF005E4D\] {
border-color: #FF005E4D;
}
.border-\[\#FF005E9C\] {
border-color: #FF005E9C;
}
.border-\[\#FF005E\] {
border-color: #FF005E;
}
.border-\[\#FFDDED\] {
border-color: #FFDDED;
}
.border-\[var\(--text\)\] {
border-color: var(--text);
}
.border-black {
border-color: var(--color-black);
}
.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-black\/30 {
border-color: color-mix(in srgb, #000 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-black) 30%, 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, #EF1B37 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-primarybg) 20%, transparent);
}
}
.border-primaryborder {
border-color: var(--color-primaryborder);
}
.border-transparent {
border-color: 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-\[\#F3D6F1\] {
background-color: #F3D6F1;
}
.bg-\[\#F5F1F1\] {
background-color: #F5F1F1;
}
.bg-\[\#F63B3F0D\] {
background-color: #F63B3F0D;
}
.bg-\[\#F63B3F\] {
background-color: #F63B3F;
}
.bg-\[\#FCF8F9\] {
background-color: #FCF8F9;
}
.bg-\[\#FD3FDD1A\] {
background-color: #FD3FDD1A;
}
.bg-\[\#FDF9F0\] {
background-color: #FDF9F0;
}
.bg-\[\#FEF4F5\] {
background-color: #FEF4F5;
}
.bg-\[\#FEF7F8\] {
background-color: #FEF7F8;
}
.bg-\[\#FF95CF\] {
background-color: #FF95CF;
}
.bg-\[\#FFD4E5\] {
background-color: #FFD4E5;
}
.bg-\[\#FFD4E5\]\/30 {
background-color: color-mix(in oklab, #FFD4E5 30%, transparent);
}
.bg-\[\#FFE5F4\] {
background-color: #FFE5F4;
}
.bg-\[\#FFE7E71A\] {
background-color: #FFE7E71A;
}
.bg-\[\#FFE8ED\] {
background-color: #FFE8ED;
}
.bg-\[\#FFFBFD\] {
background-color: #FFFBFD;
}
.bg-\[var\(--bg\)\] {
background-color: var(--bg);
}
.bg-green {
background-color: var(--color-green);
}
.bg-lightpink {
background-color: var(--color-lightpink);
}
.bg-primarybg {
background-color: var(--color-primarybg);
}
.bg-primarybg\/6 {
background-color: color-mix(in srgb, #EF1B37 6%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-primarybg) 6%, transparent);
}
}
.bg-primarybg\/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-primarybg) 10%, transparent);
}
}
.bg-primarybg\/40 {
background-color: color-mix(in srgb, #EF1B37 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-primarybg) 40%, 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);
}
.bg-\[linear-gradient\(130\.45deg\,_\#FFFFFF_8\.34\%\,_\#F3D6F1_94\.44\%\)\] {
background-image: linear-gradient(130.45deg, #FFFFFF 8.34%, #F3D6F1 94.44%);
}
.bg-\[linear-gradient\(180deg\,_\#F3D6F1_0\%\,_\#F8E6F5_42\.79\%\,_\#FDF9F0_100\%\)\] {
background-image: linear-gradient(180deg, #F3D6F1 0%, #F8E6F5 42.79%, #FDF9F0 100%);
}
.bg-\[linear-gradient\(180deg\,_\#F3D6F1_0\%\,_\#FF85C8_100\%\)\] {
background-image: linear-gradient(180deg, #F3D6F1 0%, #FF85C8 100%);
}
.bg-\[linear-gradient\(180deg\,_\#FFA9B5_0\%\,_\#EF1B37_100\%\)\] {
background-image: linear-gradient(180deg, #FFA9B5 0%, #EF1B37 100%);
}
.bg-\[linear-gradient\(360deg\,_\#F3D6F1_19\.45\%\,_\#FBEFF8_32\.86\%\,_\#FDF9F0_67\.56\%\)\] {
background-image: linear-gradient(360deg, #F3D6F1 19.45%, #FBEFF8 32.86%, #FDF9F0 67.56%);
}
.bg-\[linear-gradient\(360deg\,_\#F3D6F1_25\.69\%\,_\#FBEFF8_49\.75\%\,_\#FDF9F0_67\.56\%\)\] {
background-image: linear-gradient(360deg, #F3D6F1 25.69%, #FBEFF8 49.75%, #FDF9F0 67.56%);
}
.bg-\[linear-gradient\(360deg\,_\#FDF9F0_19\.45\%\,_\#FBEFF8_51\.37\%\,_\#F3D6F1_67\.56\%\)\] {
background-image: linear-gradient(360deg, #FDF9F0 19.45%, #FBEFF8 51.37%, #F3D6F1 67.56%);
}
.bg-\[url\(https\:\/\/cdn\.shopify\.com\/s\/files\/1\/0479\/4725\/1865\/files\/wbg-vector\.svg\?v\=1749550754\)\] {
background-image: url(/cdn/shop/files/wbg-vector.svg?v=1749550754);
}
.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, #EF1B37 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-bottom {
background-position: bottom;
}
.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-3\.5 {
padding: calc(var(--spacing) * 3.5);
}
.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-2\.5 {
padding-inline: calc(var(--spacing) * 2.5);
}
.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-6\.5 {
padding-inline: calc(var(--spacing) * 6.5);
}
.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-6\.5 {
padding-block: calc(var(--spacing) * 6.5);
}
.py-7 {
padding-block: calc(var(--spacing) * 7);
}
.py-7\.5 {
padding-block: calc(var(--spacing) * 7.5);
}
.py-8 {
padding-block: calc(var(--spacing) * 8);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-11 {
padding-block: calc(var(--spacing) * 11);
}
.py-15 {
padding-block: calc(var(--spacing) * 15);
}
.py-16\.5 {
padding-block: calc(var(--spacing) * 16.5);
}
.py-20 {
padding-block: calc(var(--spacing) * 20);
}
.py-\[10px\] {
padding-block: 10px;
}
.pt-1\.5 {
padding-top: calc(var(--spacing) * 1.5);
}
.pt-2\.5 {
padding-top: calc(var(--spacing) * 2.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-6\.5 {
padding-top: calc(var(--spacing) * 6.5);
}
.pt-7\.5 {
padding-top: calc(var(--spacing) * 7.5);
}
.pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.pt-12 {
padding-top: calc(var(--spacing) * 12);
}
.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-3 {
padding-right: calc(var(--spacing) * 3);
}
.pr-3\.5 {
padding-right: calc(var(--spacing) * 3.5);
}
.pr-5 {
padding-right: calc(var(--spacing) * 5);
}
.pr-16 {
padding-right: calc(var(--spacing) * 16);
}
.pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
padding-bottom: calc(var(--spacing) * 5);
}
.pb-5\.5 {
padding-bottom: calc(var(--spacing) * 5.5);
}
.pb-6 {
padding-bottom: calc(var(--spacing) * 6);
}
.pb-7 {
padding-bottom: calc(var(--spacing) * 7);
}
.pb-7\.5 {
padding-bottom: calc(var(--spacing) * 7.5);
}
.pb-8 {
padding-bottom: calc(var(--spacing) * 8);
}
.pb-8\.5 {
padding-bottom: calc(var(--spacing) * 8.5);
}
.pb-10 {
padding-bottom: calc(var(--spacing) * 10);
}
.pb-11 {
padding-bottom: calc(var(--spacing) * 11);
}
.pb-12\.5 {
padding-bottom: calc(var(--spacing) * 12.5);
}
.pb-15 {
padding-bottom: calc(var(--spacing) * 15);
}
.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-5 {
padding-left: calc(var(--spacing) * 5);
}
.pl-6 {
padding-left: calc(var(--spacing) * 6);
}
.pl-7 {
padding-left: calc(var(--spacing) * 7);
}
.pl-10 {
padding-left: calc(var(--spacing) * 10);
}
.text-center {
text-align: center;
}
.text-end {
text-align: end;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.align-middle {
vertical-align: middle;
}
.font-gotham {
font-family: var(--font-gotham);
}
.font-ivyPrestodisplay {
font-family: var(--font-ivyPrestodisplay);
}
.font-ivyoradisplay {
font-family: var(--font-ivyoradisplay);
}
.font-librefranklin {
font-family: var(--font-librefranklin);
}
.font-poppins {
font-family: var(--font-poppins);
}
.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-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--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-\[11px\] {
font-size: 11px;
}
.text-\[12\.6px\] {
font-size: 12.6px;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[15px\] {
font-size: 15px;
}
.text-\[20px\] {
font-size: 20px;
}
.text-\[21px\] {
font-size: 21px;
}
.text-\[22px\] {
font-size: 22px;
}
.text-\[26px\] {
font-size: 26px;
}
.text-\[28px\] {
font-size: 28px;
}
.text-\[40px\] {
font-size: 40px;
}
.text-\[65px\] {
font-size: 65px;
}
.leading-4\.5 {
--tw-leading: calc(var(--spacing) * 4.5);
line-height: calc(var(--spacing) * 4.5);
}
.leading-\[1\] {
--tw-leading: 1;
line-height: 1;
}
.leading-\[14px\] {
--tw-leading: 14px;
line-height: 14px;
}
.leading-\[16\.8px\] {
--tw-leading: 16.8px;
line-height: 16.8px;
}
.leading-\[16px\] {
--tw-leading: 16px;
line-height: 16px;
}
.leading-\[20\.16px\] {
--tw-leading: 20.16px;
line-height: 20.16px;
}
.leading-\[21\.6px\] {
--tw-leading: 21.6px;
line-height: 21.6px;
}
.leading-\[22\.4px\] {
--tw-leading: 22.4px;
line-height: 22.4px;
}
.leading-\[24px\] {
--tw-leading: 24px;
line-height: 24px;
}
.leading-\[25\.2px\] {
--tw-leading: 25.2px;
line-height: 25.2px;
}
.leading-\[25\.6px\] {
--tw-leading: 25.6px;
line-height: 25.6px;
}
.leading-\[26\.88px\] {
--tw-leading: 26.88px;
line-height: 26.88px;
}
.leading-\[27px\] {
--tw-leading: 27px;
line-height: 27px;
}
.leading-\[28\.8px\] {
--tw-leading: 28.8px;
line-height: 28.8px;
}
.leading-\[28px\] {
--tw-leading: 28px;
line-height: 28px;
}
.leading-\[30px\] {
--tw-leading: 30px;
line-height: 30px;
}
.leading-\[34\.2px\] {
--tw-leading: 34.2px;
line-height: 34.2px;
}
.leading-\[38\.4px\] {
--tw-leading: 38.4px;
line-height: 38.4px;
}
.leading-\[100\%\] {
--tw-leading: 100%;
line-height: 100%;
}
.leading-\[110\%\] {
--tw-leading: 110%;
line-height: 110%;
}
.leading-\[120\%\] {
--tw-leading: 120%;
line-height: 120%;
}
.leading-\[130\%\] {
--tw-leading: 130%;
line-height: 130%;
}
.leading-\[131\%\] {
--tw-leading: 131%;
line-height: 131%;
}
.leading-\[140\%\] {
--tw-leading: 140%;
line-height: 140%;
}
.leading-\[145\%\] {
--tw-leading: 145%;
line-height: 145%;
}
.leading-\[150\%\] {
--tw-leading: 150%;
line-height: 150%;
}
.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-extrabold {
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
}
.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);
}
.-tracking-\[0\.3px\] {
--tw-tracking: calc(0.3px * -1);
letter-spacing: calc(0.3px * -1);
}
.-tracking-\[1px\] {
--tw-tracking: calc(1px * -1);
letter-spacing: calc(1px * -1);
}
.tracking-\[-0\.03em\] {
--tw-tracking: -0.03em;
letter-spacing: -0.03em;
}
.tracking-\[-0\.3px\] {
--tw-tracking: -0.3px;
letter-spacing: -0.3px;
}
.tracking-\[-0\.4px\] {
--tw-tracking: -0.4px;
letter-spacing: -0.4px;
}
.tracking-\[-0\.5px\] {
--tw-tracking: -0.5px;
letter-spacing: -0.5px;
}
.tracking-\[-0\.64px\] {
--tw-tracking: -0.64px;
letter-spacing: -0.64px;
}
.tracking-\[-3\%\] {
--tw-tracking: -3%;
letter-spacing: -3%;
}
.tracking-\[0\%\] {
--tw-tracking: 0%;
letter-spacing: 0%;
}
.tracking-\[0\.5px\] {
--tw-tracking: 0.5px;
letter-spacing: 0.5px;
}
.tracking-\[0\.6px\] {
--tw-tracking: 0.6px;
letter-spacing: 0.6px;
}
.tracking-\[0\.10px\] {
--tw-tracking: 0.10px;
letter-spacing: 0.10px;
}
.tracking-\[1px\] {
--tw-tracking: 1px;
letter-spacing: 1px;
}
.tracking-normal {
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
}
.whitespace-nowrap {
white-space: nowrap;
}
.text-\[\#002F2F\] {
color: #002F2F;
}
.text-\[\#4C4C4C\] {
color: #4C4C4C;
}
.text-\[\#23322D\] {
color: #23322D;
}
.text-\[\#040404\] {
color: #040404;
}
.text-\[\#060346\] {
color: #060346;
}
.text-\[\#101214\] {
color: #101214;
}
.text-\[\#232323\] {
color: #232323;
}
.text-\[\#292929\] {
color: #292929;
}
.text-\[\#818181\] {
color: #818181;
}
.text-\[\#888888\] {
color: #888888;
}
.text-\[\#C7C7C7\] {
color: #C7C7C7;
}
.text-\[\#D63F41\] {
color: #D63F41;
}
.text-\[var\(--text\)\] {
color: var(--text);
}
.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-black\/75 {
color: color-mix(in srgb, #000 75%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-black) 75%, transparent);
}
}
.text-primary\/40 {
color: color-mix(in srgb, #221715 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-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%;
}
.opacity-75 {
opacity: 75%;
}
.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);
}
.shadow-\[0px_0px_32px_0px_rgba\(112\,112\,112\,0\.25\)\] {
--tw-shadow: 0px 0px 32px 0px var(--tw-shadow-color, rgba(112,112,112,0.25));
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));
}
.transition-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-300 {
--tw-duration: 300ms;
transition-duration: 300ms;
}
.will-change-transform {
will-change: transform;
}
.backface-hidden {
backface-visibility: hidden;
}
.peer-checked\:rounded-t-md {
&:is(:where(.peer):checked ~ *) {
border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);
}
}
.peer-checked\:border-primarybg {
&:is(:where(.peer):checked ~ *) {
border-color: var(--color-primarybg);
}
}
.peer-checked\:bg-\[\#FFEAD8\] {
&:is(:where(.peer):checked ~ *) {
background-color: #FFEAD8;
}
}
.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-1\/2 {
&::before {
content: var(--tw-content);
top: calc(1/2 * 100%);
}
}
.before\:top-6\.5 {
&::before {
content: var(--tw-content);
top: calc(var(--spacing) * 6.5);
}
}
.before\:right-0 {
&::before {
content: var(--tw-content);
right: calc(var(--spacing) * 0);
}
}
.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\:left-0 {
&::before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
}
.before\:left-1\/2 {
&::before {
content: var(--tw-content);
left: calc(1/2 * 100%);
}
}
.before\:z-0 {
&::before {
content: var(--tw-content);
z-index: 0;
}
}
.before\:m-auto {
&::before {
content: var(--tw-content);
margin: auto;
}
}
.before\:h-0\.5 {
&::before {
content: var(--tw-content);
height: calc(var(--spacing) * 0.5);
}
}
.before\:h-4 {
&::before {
content: var(--tw-content);
height: calc(var(--spacing) * 4);
}
}
.before\:h-\[1px\] {
&::before {
content: var(--tw-content);
height: 1px;
}
}
.before\:h-\[calc\(100\%-28px\)\] {
&::before {
content: var(--tw-content);
height: calc(100% - 28px);
}
}
.before\:w-2\.5 {
&::before {
content: var(--tw-content);
width: calc(var(--spacing) * 2.5);
}
}
.before\:w-4 {
&::before {
content: var(--tw-content);
width: calc(var(--spacing) * 4);
}
}
.before\:w-\[1px\] {
&::before {
content: var(--tw-content);
width: 1px;
}
}
.before\:w-full {
&::before {
content: var(--tw-content);
width: 100%;
}
}
.before\:-translate-1\/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\:translate-y-0 {
&::before {
content: var(--tw-content);
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.before\:transform {
&::before {
content: var(--tw-content);
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
}
.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-black\/30 {
&::before {
content: var(--tw-content);
background-color: color-mix(in srgb, #000 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
}
}
}
.before\:bg-white {
&::before {
content: var(--tw-content);
background-color: var(--color-white);
}
}
.before\:content-\[\'\'\] {
&::before {
content: var(--tw-content);
--tw-content: '';
content: var(--tw-content);
}
}
.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-1\/2 {
&::after {
content: var(--tw-content);
top: calc(1/2 * 100%);
}
}
.after\:top-6\.5 {
&::after {
content: var(--tw-content);
top: calc(var(--spacing) * 6.5);
}
}
.after\:top-10 {
&::after {
content: var(--tw-content);
top: calc(var(--spacing) * 10);
}
}
.after\:top-14 {
&::after {
content: var(--tw-content);
top: calc(var(--spacing) * 14);
}
}
.after\:bottom-0 {
&::after {
content: var(--tw-content);
bottom: calc(var(--spacing) * 0);
}
}
.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\:left-1\/2 {
&::after {
content: var(--tw-content);
left: calc(1/2 * 100%);
}
}
.after\:left-4 {
&::after {
content: var(--tw-content);
left: calc(var(--spacing) * 4);
}
}
.after\:m-auto {
&::after {
content: var(--tw-content);
margin: auto;
}
}
.after\:h-0\.5 {
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 0.5);
}
}
.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\:h-full {
&::after {
content: var(--tw-content);
height: 100%;
}
}
.after\:w-0\.5 {
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 0.5);
}
}
.after\:w-2 {
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 2);
}
}
.after\:w-2\.5 {
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 2.5);
}
}
.after\:w-20 {
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 20);
}
}
.after\:w-\[1px\] {
&::after {
content: var(--tw-content);
width: 1px;
}
}
.after\:-translate-1\/2 {
&::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\:-translate-x-1\/2 {
&::after {
content: var(--tw-content);
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.after\:rotate-90 {
&::after {
content: var(--tw-content);
rotate: 90deg;
}
}
.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);
}
}
.after\:bg-transparent {
&::after {
content: var(--tw-content);
background-color: transparent;
}
}
.after\:bg-white {
&::after {
content: var(--tw-content);
background-color: var(--color-white);
}
}
.after\:bg-cover {
&::after {
content: var(--tw-content);
background-size: cover;
}
}
.after\:bg-no-repeat {
&::after {
content: var(--tw-content);
background-repeat: no-repeat;
}
}
.after\:duration-300 {
&::after {
content: var(--tw-content);
--tw-duration: 300ms;
transition-duration: 300ms;
}
}
.peer-checked\:after\:bg-primarybg {
&:is(:where(.peer):checked ~ *) {
&::after {
content: var(--tw-content);
background-color: var(--color-primarybg);
}
}
}
.first\:pt-0 {
&:first-child {
padding-top: calc(var(--spacing) * 0);
}
}
.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\:mb-11 {
@media (width >= 40rem) {
margin-bottom: calc(var(--spacing) * 11);
}
}
.sm\:h-5 {
@media (width >= 40rem) {
height: calc(var(--spacing) * 5);
}
}
.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\:w-5 {
@media (width >= 40rem) {
width: calc(var(--spacing) * 5);
}
}
.sm\:w-25 {
@media (width >= 40rem) {
width: calc(var(--spacing) * 25);
}
}
.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-\[110px\] {
@media (width >= 40rem) {
max-width: 110px;
}
}
.sm\:max-w-full {
@media (width >= 40rem) {
max-width: 100%;
}
}
.sm\:flex-row {
@media (width >= 40rem) {
flex-direction: row;
}
}
.sm\:items-start {
@media (width >= 40rem) {
align-items: flex-start;
}
}
.sm\:justify-start {
@media (width >= 40rem) {
justify-content: flex-start;
}
}
.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\:gap-2 {
@media (width >= 40rem) {
gap: calc(var(--spacing) * 2);
}
}
.sm\:gap-4 {
@media (width >= 40rem) {
gap: calc(var(--spacing) * 4);
}
}
.sm\:gap-9 {
@media (width >= 40rem) {
gap: calc(var(--spacing) * 9);
}
}
.sm\:gap-12\.5 {
@media (width >= 40rem) {
gap: calc(var(--spacing) * 12.5);
}
}
.sm\:px-3\.5 {
@media (width >= 40rem) {
padding-inline: calc(var(--spacing) * 3.5);
}
}
.sm\:px-4 {
@media (width >= 40rem) {
padding-inline: calc(var(--spacing) * 4);
}
}
.sm\:px-5 {
@media (width >= 40rem) {
padding-inline: calc(var(--spacing) * 5);
}
}
.sm\:py-4 {
@media (width >= 40rem) {
padding-block: calc(var(--spacing) * 4);
}
}
.sm\:py-6 {
@media (width >= 40rem) {
padding-block: calc(var(--spacing) * 6);
}
}
.sm\:pt-2 {
@media (width >= 40rem) {
padding-top: calc(var(--spacing) * 2);
}
}
.sm\:pt-4 {
@media (width >= 40rem) {
padding-top: calc(var(--spacing) * 4);
}
}
.sm\:pb-2 {
@media (width >= 40rem) {
padding-bottom: calc(var(--spacing) * 2);
}
}
.sm\:pb-2\.5 {
@media (width >= 40rem) {
padding-bottom: calc(var(--spacing) * 2.5);
}
}
.sm\:text-left {
@media (width >= 40rem) {
text-align: left;
}
}
.sm\:text-3xl {
@media (width >= 40rem) {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
.sm\:text-5xl {
@media (width >= 40rem) {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
.sm\:text-base {
@media (width >= 40rem) {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
.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));
}
}
.sm\:text-xl {
@media (width >= 40rem) {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
.sm\:text-xs {
@media (width >= 40rem) {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
}
.sm\:text-\[19px\] {
@media (width >= 40rem) {
font-size: 19px;
}
}
.sm\:text-\[22px\] {
@media (width >= 40rem) {
font-size: 22px;
}
}
.sm\:text-\[32px\] {
@media (width >= 40rem) {
font-size: 32px;
}
}
.sm\:text-\[53\.2px\] {
@media (width >= 40rem) {
font-size: 53.2px;
}
}
.md\:static {
@media (width >= 48rem) {
position: static;
}
}
.md\:-top-9 {
@media (width >= 48rem) {
top: calc(var(--spacing) * -9);
}
}
.md\:left-1\/2 {
@media (width >= 48rem) {
left: calc(1/2 * 100%);
}
}
.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-0 {
@media (width >= 48rem) {
margin-inline: calc(var(--spacing) * -0);
}
}
.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-6\.5 {
@media (width >= 48rem) {
margin-inline: calc(var(--spacing) * -6.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\:my-20 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 20);
}
}
.md\:my-20\.5 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 20.5);
}
}
.md\:my-23 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 23);
}
}
.md\:my-25 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 25);
}
}
.md\:my-28 {
@media (width >= 48rem) {
margin-block: calc(var(--spacing) * 28);
}
}
.md\:-mt-8 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * -8);
}
}
.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-3 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 3);
}
}
.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-6\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 6.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 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 9);
}
}
.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 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 12);
}
}
.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-15\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 15.5);
}
}
.md\:mt-16 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 16);
}
}
.md\:mt-16\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 16.5);
}
}
.md\:mt-17\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 17.5);
}
}
.md\:mt-18 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 18);
}
}
.md\:mt-18\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 18.5);
}
}
.md\:mt-22\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 22.5);
}
}
.md\:mt-24\.5 {
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 24.5);
}
}
.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-1\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 1.5);
}
}
.md\:mb-2\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 2.5);
}
}
.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-14\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 14.5);
}
}
.md\:mb-16\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 16.5);
}
}
.md\:mb-19 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 19);
}
}
.md\:mb-20\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 20.5);
}
}
.md\:mb-23 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 23);
}
}
.md\:mb-28\.5 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 28.5);
}
}
.md\:mb-30 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 30);
}
}
.md\:mb-32 {
@media (width >= 48rem) {
margin-bottom: calc(var(--spacing) * 32);
}
}
.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-4 {
@media (width >= 48rem) {
margin-left: calc(var(--spacing) * 4);
}
}
.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\:flex {
@media (width >= 48rem) {
display: flex;
}
}
.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-6\.5 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 6.5);
}
}
.md\:h-7 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 7);
}
}
.md\:h-8 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 8);
}
}
.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-15 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 15);
}
}
.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-20 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 20);
}
}
.md\:h-21 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 21);
}
}
.md\:h-32 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 32);
}
}
.md\:h-48 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 48);
}
}
.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-44 {
@media (width >= 48rem) {
min-height: calc(var(--spacing) * 44);
}
}
.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-1\/5 {
@media (width >= 48rem) {
width: calc(1/5 * 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-5\/12 {
@media (width >= 48rem) {
width: calc(5/12 * 100%);
}
}
.md\:w-6\.5 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 6.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-11\/12 {
@media (width >= 48rem) {
width: calc(11/12 * 100%);
}
}
.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-15 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 15);
}
}
.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-20 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 20);
}
}
.md\:w-21 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 21);
}
}
.md\:w-32 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 32);
}
}
.md\:w-48 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 48);
}
}
.md\:w-52 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 52);
}
}
.md\:w-\[22px\] {
@media (width >= 48rem) {
width: 22px;
}
}
.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\%-80px\)\] {
@media (width >= 48rem) {
width: calc(100% - 80px);
}
}
.md\:w-\[calc\(100\%-100px\)\] {
@media (width >= 48rem) {
width: calc(100% - 100px);
}
}
.md\:w-\[calc\(100\%-104px\)\] {
@media (width >= 48rem) {
width: calc(100% - 104px);
}
}
.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-5\/12 {
@media (width >= 48rem) {
max-width: calc(5/12 * 100%);
}
}
.md\:max-w-11 {
@media (width >= 48rem) {
max-width: calc(var(--spacing) * 11);
}
}
.md\:max-w-30 {
@media (width >= 48rem) {
max-width: calc(var(--spacing) * 30);
}
}
.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-96 {
@media (width >= 48rem) {
max-width: calc(var(--spacing) * 96);
}
}
.md\:max-w-\[100px\] {
@media (width >= 48rem) {
max-width: 100px;
}
}
.md\:max-w-\[120px\] {
@media (width >= 48rem) {
max-width: 120px;
}
}
.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-\[500px\] {
@media (width >= 48rem) {
max-width: 500px;
}
}
.md\:max-w-\[640px\] {
@media (width >= 48rem) {
max-width: 640px;
}
}
.md\:max-w-\[750px\] {
@media (width >= 48rem) {
max-width: 750px;
}
}
.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\:min-w-5\/12 {
@media (width >= 48rem) {
min-width: calc(5/12 * 100%);
}
}
.md\:flex-\[1_1_0\%\] {
@media (width >= 48rem) {
flex: 1 1 0%;
}
}
.md\:-translate-x-1\/2 {
@media (width >= 48rem) {
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.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-2 {
@media (width >= 48rem) {
gap: calc(var(--spacing) * 2);
}
}
.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-5 {
@media (width >= 48rem) {
gap: calc(var(--spacing) * 5);
}
}
.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-15 {
@media (width >= 48rem) {
border-style: var(--tw-border-style);
border-width: 15px;
}
}
.md\:border-\[1\.5px\] {
@media (width >= 48rem) {
border-style: var(--tw-border-style);
border-width: 1.5px;
}
}
.md\:border-r {
@media (width >= 48rem) {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
}
.md\:border-b {
@media (width >= 48rem) {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
}
.md\:border-b-0 {
@media (width >= 48rem) {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}
}
.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\:border-primarybg {
@media (width >= 48rem) {
border-color: var(--color-primarybg);
}
}
.md\:bg-transparent {
@media (width >= 48rem) {
background-color: transparent;
}
}
.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, #EF1B37 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 {
@media (width >= 48rem) {
padding: calc(var(--spacing) * 7);
}
}
.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 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 3);
}
}
.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-6\.5 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 6.5);
}
}
.md\:px-7 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 7);
}
}
.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-5\.5 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 5.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-8 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 8);
}
}
.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-15 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 15);
}
}
.md\:py-16 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 16);
}
}
.md\:py-16\.5 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 16.5);
}
}
.md\:py-20 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 20);
}
}
.md\:py-22 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 22);
}
}
.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\:pt-19\.5 {
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 19.5);
}
}
.md\:pr-5 {
@media (width >= 48rem) {
padding-right: calc(var(--spacing) * 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-0 {
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 0);
}
}
.md\:pb-4\.5 {
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 4.5);
}
}
.md\:pb-5\.5 {
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 5.5);
}
}
.md\:pb-6 {
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 6);
}
}
.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\:pb-20 {
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 20);
}
}
.md\:pb-24 {
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 24);
}
}
.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-7\.5 {
@media (width >= 48rem) {
padding-left: calc(var(--spacing) * 7.5);
}
}
.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-center {
@media (width >= 48rem) {
text-align: center;
}
}
.md\:text-left {
@media (width >= 48rem) {
text-align: left;
}
}
.md\:text-2xl {
@media (width >= 48rem) {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
.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-xs {
@media (width >= 48rem) {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
}
.md\:text-\[22px\] {
@media (width >= 48rem) {
font-size: 22px;
}
}
.md\:text-\[26px\] {
@media (width >= 48rem) {
font-size: 26px;
}
}
.md\:text-\[32px\] {
@media (width >= 48rem) {
font-size: 32px;
}
}
.md\:text-\[45px\] {
@media (width >= 48rem) {
font-size: 45px;
}
}
.md\:text-\[48px\] {
@media (width >= 48rem) {
font-size: 48px;
}
}
.md\:text-\[80px\] {
@media (width >= 48rem) {
font-size: 80px;
}
}
.md\:leading-\[21px\] {
@media (width >= 48rem) {
--tw-leading: 21px;
line-height: 21px;
}
}
.md\:leading-\[120\%\] {
@media (width >= 48rem) {
--tw-leading: 120%;
line-height: 120%;
}
}
.md\:font-semibold {
@media (width >= 48rem) {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
}
.md\:text-black {
@media (width >= 48rem) {
color: var(--color-black);
}
}
.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\:-right-20 {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
right: calc(var(--spacing) * -20);
}
}
}
.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\:-left-20 {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
left: calc(var(--spacing) * -20);
}
}
}
.md\:after\:left-1\/2 {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
left: calc(1/2 * 100%);
}
}
}
.md\:after\:h-3 {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 3);
}
}
}
.md\:after\:h-25 {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 25);
}
}
}
.md\:after\:w-3 {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 3);
}
}
}
.md\:nth-last-\[even\]\:flex-row-reverse {
@media (width >= 48rem) {
&:nth-last-child(even) {
flex-direction: row-reverse;
}
}
}
.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\:right-5 {
@media (width >= 64rem) {
right: calc(var(--spacing) * 5);
}
}
.lg\:order-1 {
@media (width >= 64rem) {
order: 1;
}
}
.lg\:-m-4\.5 {
@media (width >= 64rem) {
margin: calc(var(--spacing) * -4.5);
}
}
.lg\:-mx-4 {
@media (width >= 64rem) {
margin-inline: calc(var(--spacing) * -4);
}
}
.lg\:-mx-5 {
@media (width >= 64rem) {
margin-inline: calc(var(--spacing) * -5);
}
}
.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\:my-17\.5 {
@media (width >= 64rem) {
margin-block: calc(var(--spacing) * 17.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\:mt-18\.5 {
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 18.5);
}
}
.lg\:mt-25 {
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 25);
}
}
.lg\:mr-0 {
@media (width >= 64rem) {
margin-right: calc(var(--spacing) * 0);
}
}
.lg\:-mb-10 {
@media (width >= 64rem) {
margin-bottom: calc(var(--spacing) * -10);
}
}
.lg\:mb-0 {
@media (width >= 64rem) {
margin-bottom: calc(var(--spacing) * 0);
}
}
.lg\:mb-2\.5 {
@media (width >= 64rem) {
margin-bottom: calc(var(--spacing) * 2.5);
}
}
.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\:min-h-23 {
@media (width >= 64rem) {
min-height: calc(var(--spacing) * 23);
}
}
.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-6\/12 {
@media (width >= 64rem) {
width: calc(6/12 * 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-\[45\%\] {
@media (width >= 64rem) {
width: 45%;
}
}
.lg\:w-\[55\%\] {
@media (width >= 64rem) {
width: 55%;
}
}
.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-\[420px\] {
@media (width >= 64rem) {
max-width: 420px;
}
}
.lg\:max-w-\[450px\] {
@media (width >= 64rem) {
max-width: 450px;
}
}
.lg\:max-w-\[490px\] {
@media (width >= 64rem) {
max-width: 490px;
}
}
.lg\:max-w-\[500px\] {
@media (width >= 64rem) {
max-width: 500px;
}
}
.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\:flex-row {
@media (width >= 64rem) {
flex-direction: row;
}
}
.lg\:items-start {
@media (width >= 64rem) {
align-items: flex-start;
}
}
.lg\:justify-start {
@media (width >= 64rem) {
justify-content: flex-start;
}
}
.lg\:gap-6 {
@media (width >= 64rem) {
gap: calc(var(--spacing) * 6);
}
}
.lg\:rounded-lg {
@media (width >= 64rem) {
border-radius: var(--radius-lg);
}
}
.lg\:p-4\.5 {
@media (width >= 64rem) {
padding: calc(var(--spacing) * 4.5);
}
}
.lg\:px-4 {
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 4);
}
}
.lg\:px-5 {
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 5);
}
}
.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-9 {
@media (width >= 64rem) {
padding-block: calc(var(--spacing) * 9);
}
}
.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\:pt-24\.5 {
@media (width >= 64rem) {
padding-top: calc(var(--spacing) * 24.5);
}
}
.lg\:pr-0 {
@media (width >= 64rem) {
padding-right: calc(var(--spacing) * 0);
}
}
.lg\:pr-6 {
@media (width >= 64rem) {
padding-right: calc(var(--spacing) * 6);
}
}
.lg\:pr-7 {
@media (width >= 64rem) {
padding-right: calc(var(--spacing) * 7);
}
}
.lg\:pr-10\.5 {
@media (width >= 64rem) {
padding-right: calc(var(--spacing) * 10.5);
}
}
.lg\:pb-4\.5 {
@media (width >= 64rem) {
padding-bottom: calc(var(--spacing) * 4.5);
}
}
.lg\:pb-8 {
@media (width >= 64rem) {
padding-bottom: calc(var(--spacing) * 8);
}
}
.lg\:pb-16 {
@media (width >= 64rem) {
padding-bottom: calc(var(--spacing) * 16);
}
}
.lg\:pl-4 {
@media (width >= 64rem) {
padding-left: calc(var(--spacing) * 4);
}
}
.lg\:pl-5 {
@media (width >= 64rem) {
padding-left: calc(var(--spacing) * 5);
}
}
.lg\:pl-6 {
@media (width >= 64rem) {
padding-left: calc(var(--spacing) * 6);
}
}
.lg\:pl-10\.5 {
@media (width >= 64rem) {
padding-left: calc(var(--spacing) * 10.5);
}
}
.lg\:pl-20\.5 {
@media (width >= 64rem) {
padding-left: calc(var(--spacing) * 20.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-\[21px\] {
@media (width >= 64rem) {
font-size: 21px;
}
}
.lg\:text-\[22px\] {
@media (width >= 64rem) {
font-size: 22px;
}
}
.lg\:text-\[25px\] {
@media (width >= 64rem) {
font-size: 25px;
}
}
.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\:text-\[32px\] {
@media (width >= 64rem) {
font-size: 32px;
}
}
.lg\:text-\[45px\] {
@media (width >= 64rem) {
font-size: 45px;
}
}
.lg\:leading-6\.5 {
@media (width >= 64rem) {
--tw-leading: calc(var(--spacing) * 6.5);
line-height: calc(var(--spacing) * 6.5);
}
}
.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\:leading-\[24px\] {
@media (width >= 64rem) {
--tw-leading: 24px;
line-height: 24px;
}
}
.lg\:after\:top-2 {
@media (width >= 64rem) {
&::after {
content: var(--tw-content);
top: calc(var(--spacing) * 2);
}
}
}
.xl\:h-4\.5 {
@media (width >= 80rem) {
height: calc(var(--spacing) * 4.5);
}
}
.xl\:w-4\.5 {
@media (width >= 80rem) {
width: calc(var(--spacing) * 4.5);
}
}
.xl\:max-w-\[var\(--width\)\] {
@media (width >= 80rem) {
max-width: var(--width);
}
}
.xl\:gap-6 {
@media (width >= 80rem) {
gap: calc(var(--spacing) * 6);
}
}
.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\:py-4 {
@media (width >= 80rem) {
padding-block: calc(var(--spacing) * 4);
}
}
.xl\:py-6 {
@media (width >= 80rem) {
padding-block: calc(var(--spacing) * 6);
}
}
.xl\:pl-28 {
@media (width >= 80rem) {
padding-left: calc(var(--spacing) * 28);
}
}
.xl\:text-2xl {
@media (width >= 80rem) {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
.xl\:text-5xl {
@media (width >= 80rem) {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
.xl\:text-base {
@media (width >= 80rem) {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
.xl\:text-lg {
@media (width >= 80rem) {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
.xl\:text-sm {
@media (width >= 80rem) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--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-\[21px\] {
@media (width >= 80rem) {
font-size: 21px;
}
}
.xl\:text-\[22px\] {
@media (width >= 80rem) {
font-size: 22px;
}
}
.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;
}
}
.xl\:text-\[81px\] {
@media (width >= 80rem) {
font-size: 81px;
}
}
.\32 xl\:-mx-10 {
@media (width >= 96rem) {
margin-inline: calc(var(--spacing) * -10);
}
}
.\32 xl\:-mx-12\.5 {
@media (width >= 96rem) {
margin-inline: calc(var(--spacing) * -12.5);
}
}
.\32 xl\:justify-center {
@media (width >= 96rem) {
justify-content: center;
}
}
.\32 xl\:px-10 {
@media (width >= 96rem) {
padding-inline: calc(var(--spacing) * 10);
}
}
.\32 xl\:px-12\.5 {
@media (width >= 96rem) {
padding-inline: calc(var(--spacing) * 12.5);
}
}
.\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=Archivo:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
font-family: 'Gotham';
src: url('/cdn/shop/files/GothamBold.woff2?v=1753766417') format('woff2'), url('/cdn/shop/files/GothamBold.woff?v=1753766417') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'IvyOra Display';
src: url('/cdn/shop/files/IvyOraDisplay-Medium.woff2?v=1749702068') format('woff2'), url('/cdn/shop/files/IvyOraDisplay-Medium.woff?v=1749702067') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'IvyPresto Display';
src: url('/cdn/shop/files/IvyPrestoDisplay-LightItalic.woff2?v=1749529813') format('woff2'), url('/cdn/shop/files/IvyPrestoDisplay-LightItalic.woff?v=1749529812') format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
html {
scroll-behavior: smooth;
}
body {
font-family: var(--font-outfit);
color: var(--color-primary);
}
.container {
margin-inline: auto;
padding-inline: calc(var(--spacing) * 5);
@media (width >= 64rem) {
max-width: 1210px;
}
}
.product-vascu-glow-ingredients .container {
@media (width >= 64rem) {
max-width: 1300px;
}
}
.announcement-slider strong {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.announcement-star svg {
height: calc(var(--spacing) * 5);
width: calc(var(--spacing) * 5);
@media (width >= 64rem) {
height: calc(var(--spacing) * 6);
}
@media (width >= 64rem) {
width: calc(var(--spacing) * 6);
}
}
.announcement-star.full svg path {
fill: var(--color-white);
}
.announcement-star.empty svg path {
fill: #565656;
}
.announcement-slider .splide__arrow:disabled {
opacity: 100%;
}
.announcement-slider .splide__arrow {
background-color: transparent;
}
.announcement-slider .splide__arrow svg {
height: calc(var(--spacing) * 4);
width: calc(var(--spacing) * 4);
fill: var(--color-white);
}
.accordion-question.open .accordion-btn {
background-color: color-mix(in srgb, #EF1B37 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-primarybg) 20%, transparent);
}
color: var(--color-primarybg);
&::after {
content: var(--tw-content);
rotate: 180deg;
}
&::after {
content: var(--tw-content);
background-color: var(--color-primarybg);
}
&::before {
content: var(--tw-content);
&::after {
content: var(--tw-content);
background-color: var(--color-primarybg);
}
}
}
.product-imagewithimage__content em {
font-family: var(--font-ivyoradisplay);
font-size: 26px;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
font-style: normal;
@media (width >= 48rem) {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
@media (width >= 64rem) {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
.product-imagewithimage__content ul {
margin-top: calc(var(--spacing) * 5);
}
.product-imagewithimage__content ul li, .product-imagewithimage__content ol li {
position: relative;
margin-top: calc(var(--spacing) * 2.5);
gap: calc(var(--spacing) * 1);
padding-left: calc(var(--spacing) * 5.5);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
&::before {
content: var(--tw-content);
position: absolute;
}
&::before {
content: var(--tw-content);
top: calc(var(--spacing) * 1.5);
}
&::before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
&::before {
content: var(--tw-content);
margin-right: calc(var(--spacing) * 2);
}
&::before {
content: var(--tw-content);
display: inline-block;
}
&::before {
content: var(--tw-content);
height: calc(var(--spacing) * 3.5);
}
&::before {
content: var(--tw-content);
width: calc(var(--spacing) * 3.5);
}
&::before {
content: var(--tw-content);
border-radius: calc(infinity * 1px);
}
&::before {
content: var(--tw-content);
background-color: var(--color-primarybg);
}
}
.product-imagewithimage__content ol {
margin-block: calc(var(--spacing) * 5);
padding-left: calc(var(--spacing) * 5);
}
.proven-icon svg {
height: calc(var(--spacing) * 5);
width: calc(var(--spacing) * 5);
}
.ingredients_product-slider.splide .splide__track {
@media (width >= 48rem) {
overflow: visible;
}
}
.ingredients_product-slider.custom-slider.splide .splide__pagination {
bottom: calc(var(--spacing) * -4);
margin-left: calc(var(--spacing) * 2.5);
gap: calc(var(--spacing) * 2);
}
.ingredients_product-slider.custom-slider.splide .splide__pagination .splide__pagination__page {
position: relative;
margin: calc(var(--spacing) * 0);
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-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);
}
&::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;
}
@media (width >= 48rem) {
&::before {
content: var(--tw-content);
border-color: var(--color-black);
}
}
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
background-color: var(--color-black);
}
}
}
.ingredients_product-slider.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, #EF1B37 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-primarybg) 5%, transparent);
}
opacity: 100%;
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 3);
}
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 3);
}
}
.ingredients_product-slider.custom-slider.splide .splide__arrows {
position: absolute;
bottom: calc(var(--spacing) * -11);
left: calc(1/2 * 100%);
z-index: 10;
margin-inline: auto;
display: flex;
width: 100%;
max-width: calc(var(--spacing) * 76);
--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;
@media (width >= 48rem) {
max-width: calc(var(--spacing) * 60);
}
}
.ingredients_product-slider.custom-slider.splide .splide__arrows .splide__arrow {
position: static;
margin-inline: auto;
height: calc(var(--spacing) * 10);
width: calc(var(--spacing) * 10);
max-width: 300px;
}
.ingredients_product-slider.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%;
@media (width >= 48rem) {
border-color: var(--color-black);
}
}
.ingredients_product-slider.custom-slider.splide .splide__arrows .splide__arrow img {
@media (width >= 48rem) {
--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,);
}
}
.ingredients_product-slider.custom-slider.splide .splide__arrows .splide__arrow svg {
height: calc(var(--spacing) * 3);
width: calc(var(--spacing) * 3);
fill: var(--color-primarybg);
@media (width >= 48rem) {
fill: var(--color-black);
}
}
.ingredients_product-slider.custom-slider.splide .splide__arrows .splide__arrow.splide__arrow--next {
background-color: var(--color-white);
}
.weekly-main::after {
background-image: url('data:image/svg+xml,');
}
.product-offer_content h4 {
margin-bottom: calc(var(--spacing) * 6);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.product-offer_content ul li {
position: relative;
margin-top: calc(var(--spacing) * 2.5);
gap: calc(var(--spacing) * 1);
padding-left: calc(var(--spacing) * 6.5);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
&::before {
content: var(--tw-content);
position: absolute;
}
&::before {
content: var(--tw-content);
top: calc(var(--spacing) * 1);
}
&::before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
&::before {
content: var(--tw-content);
display: inline-block;
}
&::before {
content: var(--tw-content);
height: calc(var(--spacing) * 5);
}
&::before {
content: var(--tw-content);
width: calc(var(--spacing) * 5);
}
&::before {
content: var(--tw-content);
border-radius: calc(infinity * 1px);
}
&::before {
content: var(--tw-content);
background-size: contain;
}
&::before {
content: var(--tw-content);
background-repeat: no-repeat;
}
}
.product-offer_content ul li::before {
background-image: url('data:image/svg+xml,');
}
.product-offer_subheading strong {
text-decoration-line: underline;
}
.review-slider__star svg {
height: calc(var(--spacing) * 4);
width: calc(var(--spacing) * 4);
@media (width >= 48rem) {
height: calc(var(--spacing) * 4.5);
}
@media (width >= 48rem) {
width: calc(var(--spacing) * 4.5);
}
}
.review-slider__star svg path {
fill: var(--color-primarybg);
}
.review-product__star svg path {
fill: #FEC12D;
}
.checkbox-container input:checked + .product-discount-icon {
background-color: var(--color-primarybg);
}
.checkbox-container input:checked + .product-discount-icon svg {
opacity: 100%;
}
.faq-checkbox:checked ~ .tab-content {
max-height: 100vh;
padding: 1em;
}
.faq-checkbox:checked + .tab-label .arrow {
transform: rotate(180deg);
}
.inner-circle {
display: none;
}
.peer:checked + .offer-content .inner-circle {
display: block !important;
}
#thumbnail-carousel .splide__slide {
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-black);
}
#thumbnail-carousel .splide__track--nav>.splide__list>.splide__slide.is-active {
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 2px;
}
.product-image .splide__arrow {
background-color: var(--color-white);
opacity: 100%;
--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);
}
.product-image .splide__arrow svg {
height: calc(var(--spacing) * 3);
width: calc(var(--spacing) * 3);
fill: var(--color-primarybg);
}
.product_custom-content ul {
margin-top: calc(var(--spacing) * 6);
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}
font-family: var(--font-outfit);
}
.product_custom-content ul li {
position: relative;
margin-top: calc(var(--spacing) * 2.5);
gap: calc(var(--spacing) * 1);
padding-left: calc(var(--spacing) * 6.5);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
&::before {
content: var(--tw-content);
position: absolute;
}
&::before {
content: var(--tw-content);
top: calc(var(--spacing) * 1);
}
&::before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
&::before {
content: var(--tw-content);
display: inline-block;
}
&::before {
content: var(--tw-content);
height: calc(var(--spacing) * 5);
}
&::before {
content: var(--tw-content);
width: calc(var(--spacing) * 5);
}
&::before {
content: var(--tw-content);
border-radius: calc(infinity * 1px);
}
&::before {
content: var(--tw-content);
background-size: contain;
}
&::before {
content: var(--tw-content);
background-repeat: no-repeat;
}
}
.product_custom-content ul li::before {
background-image: url('data:image/svg+xml,');
}
.product-discount-icon svg {
height: calc(var(--spacing) * 3.5);
width: calc(var(--spacing) * 3.5);
opacity: 0%;
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
}
.tab-question.open .tab-btn {
rotate: 180deg;
}
.tab-question .tab-btn svg path {
--tw-duration: 300ms;
transition-duration: 300ms;
}
.tab-question.open .tab-btn svg path {
fill: var(--color-primarybg);
stroke: var(--color-primarybg);
}
.tab-content ul {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}
font-family: var(--font-outfit);
}
.tab-content ul li strong {
margin-bottom: calc(var(--spacing) * 2.5);
display: block;
font-family: var(--font-poppins);
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-primarybg);
}
.tab-content ul li {
position: relative;
margin-top: calc(var(--spacing) * 2.5);
gap: calc(var(--spacing) * 1);
padding-left: calc(var(--spacing) * 6.5);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
&::before {
content: var(--tw-content);
position: absolute;
}
&::before {
content: var(--tw-content);
top: calc(var(--spacing) * 0);
}
&::before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
&::before {
content: var(--tw-content);
display: inline-block;
}
&::before {
content: var(--tw-content);
height: calc(var(--spacing) * 5);
}
&::before {
content: var(--tw-content);
width: calc(var(--spacing) * 5);
}
&::before {
content: var(--tw-content);
border-radius: calc(infinity * 1px);
}
&::before {
content: var(--tw-content);
background-size: contain;
}
&::before {
content: var(--tw-content);
background-repeat: no-repeat;
}
}
.tab-content ul li::before {
background-image: url('data:image/svg+xml,');
}
@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-tracking {
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-duration {
syntax: "*";
inherits: false;
}
@property --tw-content {
syntax: "*";
initial-value: "";
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 marqueetext {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@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-tracking: 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-duration: initial;
--tw-content: "";
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
}
}
}