/** Shopify CDN: Minification failed

Line 5545:4 "font-famil" is not a known CSS property
Line 7068:1 Unexpected "/"

**/
/* *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

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;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    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: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

.\!container {
    width: 100% !important
}

.container {
    width: 100%
}

@media (min-width:640px) {
    .\!container {
        max-width: 640px !important
    }

    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .\!container {
        max-width: 768px !important
    }

    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .\!container {
        max-width: 1024px !important
    }

    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .\!container {
        max-width: 1280px !important
    }

    .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .\!container {
        max-width: 1536px !important
    }

    .container {
        max-width: 1536px
    }
}

.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
}

.pointer-events-none {
    pointer-events: none
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.\!absolute {
    position: absolute !important
}

.absolute {
    position: absolute
}

.\!relative {
    position: relative !important
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.\!bottom-0 {
    bottom: 0 !important
}

.\!left-\[5rem\] {
    left: 5rem !important
}

.\!right-0 {
    right: 0 !important
}

.\!right-10 {
    right: 2.5rem !important
}

.\!right-4 {
    right: 1rem !important
}

.\!top-0 {
    top: 0 !important
}

.\!top-1\/2 {
    top: 50% !important
}

.\!top-\[-4px\] {
    top: -4px !important
}

.\!top-\[45\%\] {
    top: 45% !important
}

.\!top-auto {
    top: auto !important
}

.bottom-0 {
    bottom: 0
}

.bottom-4 {
    bottom: 1rem
}

.bottom-\[-1px\] {
    bottom: -1px
}

.bottom-\[40px\] {
    bottom: 40px
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-2\.5 {
    left: .625rem
}

.left-\[25px\] {
    left: 25px
}

.left-\[26\%\] {
    left: 26%
}

.right-0 {
    right: 0
}

.right-2 {
    right: .5rem
}

.right-4 {
    right: 1rem
}

.right-8 {
    right: 2rem
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-10 {
    top: 2.5rem
}

.top-2 {
    top: .5rem
}

.top-3 {
    top: .75rem
}

.top-\[0\.6rem\] {
    top: .6rem
}

.top-\[127px\] {
    top: 127px
}

.top-\[12px\] {
    top: 12px
}

.top-\[2\.2rem\] {
    top: 2.2rem
}

.top-\[49\%\] {
    top: 49%
}

.top-auto {
    top: auto
}

.isolate {
    isolation: isolate
}

.\!z-\[999\] {
    z-index: 999 !important
}

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

.z-\[1\] {
    z-index: 1
}

.z-\[2\] {
    z-index: 2
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.\!m-0 {
    margin: 0 !important
}

.m-0 {
    margin: 0
}

.m-16 {
    margin: 4rem
}

.m-5 {
    margin: 1.25rem
}

.m-\[20px\] {
    margin: 20px
}

.m-auto {
    margin: auto
}

.\!mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.\!my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important
}

.\!my-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.\!my-20 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.mx-12 {
    margin-left: 3rem;
    margin-right: 3rem
}

.mx-16 {
    margin-left: 4rem;
    margin-right: 4rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mx-\[10px\] {
    margin-left: 10px;
    margin-right: 10px
}

.mx-\[20px\] {
    margin-left: 20px;
    margin-right: 20px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-\[25px\] {
    margin-top: 25px;
    margin-bottom: 25px
}

.my-\[2rem\] {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.\!-mb-20 {
    margin-bottom: -5rem !important
}

.\!mb-0 {
    margin-bottom: 0 !important
}

.\!mr-0 {
    margin-right: 0 !important
}

.\!mt-0 {
    margin-top: 0 !important
}

.\!mt-12 {
    margin-top: 3rem !important
}

.\!mt-5 {
    margin-top: 1.25rem !important
}

.\!mt-6 {
    margin-top: 1.5rem !important
}

.\!mt-8,
.\!mt-\[2rem\] {
    margin-top: 2rem !important
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-14 {
    margin-bottom: 3.5rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-56 {
    margin-bottom: 14rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-9 {
    margin-bottom: 2.25rem
}

.mb-\[10px\] {
    margin-bottom: 10px
}

.mb-\[11px\] {
    margin-bottom: 11px
}

.mb-\[20px\] {
    margin-bottom: 20px
}

.mb-\[30px\] {
    margin-bottom: 30px
}

.mb-\[3rem\] {
    margin-bottom: 3rem
}

.mb-\[40px\] {
    margin-bottom: 40px
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-8 {
    margin-left: 2rem
}

.ml-\[10px\] {
    margin-left: 10px
}

.ml-\[25px\] {
    margin-left: 25px
}

.ml-\[40px\] {
    margin-left: 40px
}

.ml-auto {
    margin-left: auto
}

.mr-2 {
    margin-right: .5rem
}

.mr-20 {
    margin-right: 5rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mr-\[40px\] {
    margin-right: 40px
}

.mr-\[80px\] {
    margin-right: 80px
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-14 {
    margin-top: 3.5rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-\[-2\.3rem\] {
    margin-top: -2.3rem
}

.mt-\[0\.7rem\] {
    margin-top: .7rem
}

.mt-\[10px\] {
    margin-top: 10px
}

.mt-\[15px\] {
    margin-top: 15px
}

.mt-\[25px\] {
    margin-top: 25px
}

.mt-\[3px\] {
    margin-top: 3px
}

.mt-\[50px\] {
    margin-top: 50px
}

.mt-\[5px\] {
    margin-top: 5px
}

.mt-auto {
    margin-top: auto
}

.box-border {
    box-sizing: border-box
}

.\!block {
    display: block !important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.\!flex {
    display: flex !important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.\!grid {
    display: grid !important
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.\!h-16 {
    height: 4rem !important
}

.\!h-6 {
    height: 1.5rem !important
}

.\!h-8 {
    height: 2rem !important
}

.\!h-\[1\.9rem\] {
    height: 1.9rem !important
}

.\!h-\[3vh\] {
    height: 3vh !important
}

.\!h-\[60px\] {
    height: 60px !important
}

.\!h-screen {
    height: 100vh !important
}

.h-0 {
    height: 0
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-2 {
    height: .5rem
}

.h-24 {
    height: 6rem
}

.h-32 {
    height: 8rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[0\.1px\] {
    height: .1px
}

.h-\[125px\] {
    height: 125px
}

.h-\[12px\] {
    height: 12px
}

.h-\[18px\] {
    height: 18px
}

.h-\[20px\] {
    height: 20px
}

.h-\[25px\] {
    height: 25px
}

.h-\[300px\] {
    height: 300px
}

.h-\[359px\] {
    height: 359px
}

.h-\[38px\] {
    height: 38px
}

.h-\[40px\] {
    height: 40px
}

.h-\[50px\] {
    height: 50px
}

.h-\[55px\] {
    height: 55px
}

.h-\[60px\] {
    height: 60px
}

.h-\[7\.5rem\] {
    height: 7.5rem
}

.h-\[7vh\] {
    height: 7vh
}

.h-\[calc\(100vh-111px\)\] {
    height: calc(100vh - 111px)
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-\[359px\] {
    max-height: 359px
}

.max-h-\[90vh\] {
    max-height: 90vh
}

.min-h-12 {
    min-height: 3rem
}

.min-h-16 {
    min-height: 4rem
}

.min-h-20 {
    min-height: 5rem
}

.min-h-24 {
    min-height: 6rem
}

.min-h-96 {
    min-height: 24rem
}

.min-h-\[50px\] {
    min-height: 50px
}

.min-h-\[60px\] {
    min-height: 60px
}

.min-h-\[6rem\] {
    min-height: 6rem
}

.min-h-screen {
    min-height: 100vh
}

.\!w-1\/12 {
    width: 8.333333% !important
}

.\!w-12 {
    width: 3rem !important
}

.\!w-4 {
    width: 1rem !important
}

.\!w-6 {
    width: 1.5rem !important
}

.\!w-8 {
    width: 2rem !important
}

.\!w-\[1\.9rem\] {
    width: 1.9rem !important
}

.\!w-\[7\.5rem\] {
    width: 7.5rem !important
}

.\!w-auto {
    width: auto !important
}

.\!w-full {
    width: 100% !important
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-1\/4 {
    width: 25%
}

.w-10 {
    width: 2.5rem
}

.w-11\/12 {
    width: 91.666667%
}

.w-12 {
    width: 3rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-3\/5 {
    width: 60%
}

.w-4 {
    width: 1rem
}

.w-6 {
    width: 1.5rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-80 {
    width: 20rem
}

.w-\[-webkit-fill-available\] {
    width: -webkit-fill-available
}

.w-\[100px\] {
    width: 100px
}

.w-\[140px\] {
    width: 140px
}

.w-\[147px\] {
    width: 147px
}

.w-\[20px\] {
    width: 20px
}

.w-\[25px\] {
    width: 25px
}

.w-\[275px\] {
    width: 275px
}

.w-\[312\.31px\] {
    width: 312.31px
}

.w-\[360px\] {
    width: 360px
}

.w-\[400px\] {
    width: 400px
}

.w-\[40px\] {
    width: 40px
}

.w-\[49px\] {
    width: 49px
}

.w-\[50\%\] {
    width: 50%
}

.w-\[50px\] {
    width: 50px
}

.w-\[55px\] {
    width: 55px
}

.w-\[6\%\] {
    width: 6%
}

.w-\[65\%\] {
    width: 65%
}

.w-\[700px\] {
    width: 700px
}

.w-\[78\%\] {
    width: 78%
}

.w-\[92\%\] {
    width: 92%
}

.w-\[95\%\] {
    width: 95%
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.\!min-w-0 {
    min-width: 0 !important
}

.\!min-w-36 {
    min-width: 9rem !important
}

.min-w-60 {
    min-width: 15rem
}

.min-w-\[150px\] {
    min-width: 150px
}

.\!max-w-full {
    max-width: 100% !important
}

.\!max-w-none {
    max-width: none !important
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-32 {
    max-width: 8rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-\[1200px\] {
    max-width: 1200px
}

.max-w-\[1568px\] {
    max-width: 1568px
}

.max-w-\[40rem\] {
    max-width: 40rem
}

.max-w-\[50rem\] {
    max-width: 50rem
}

.max-w-\[580px\] {
    max-width: 580px
}

.max-w-\[95\%\] {
    max-width: 95%
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 32rem
}

.max-w-none {
    max-width: none
}

.max-w-xl {
    max-width: 36rem
}

.max-w-xs {
    max-width: 20rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-none {
    flex: none
}

.flex-shrink {
    flex-shrink: 1
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.\!basis-full {
    flex-basis: 100% !important
}

.basis-full {
    flex-basis: 100%
}

.origin-\[0\] {
    transform-origin: 0
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-4 {
    --tw-translate-y: -1rem
}

.-translate-y-4,
.rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.scale-75,
.scale-\[1\.5\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.5\] {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.scale-\[1\] {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-\[1\],
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.cursor-zoom-in {
    cursor: zoom-in
}

.resize {
    resize: both
}

.list-none {
    list-style-type: none
}

.\!appearance-none {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important
}

.\!grid-cols-\[0fr_1fr\] {
    grid-template-columns: 0fr 1fr !important
}

.\!grid-cols-\[repeat\(4\2c _1fr\)_2fr\] {
    grid-template-columns: repeat(4, 1fr) 2fr !important
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.content-center {
    align-content: center
}

.\!items-start {
    align-items: flex-start !important
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.\!justify-start {
    justify-content: flex-start !important
}

.justify-start {
    justify-content: flex-start
}

.\!justify-end {
    justify-content: flex-end !important
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.\!justify-between {
    justify-content: space-between !important
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-items-center {
    justify-items: center
}

.gap-0 {
    gap: 0
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-24 {
    gap: 6rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-9 {
    gap: 2.25rem
}

.gap-\[14px\] {
    gap: 14px
}

.gap-\[15px\] {
    gap: 15px
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem*var(--tw-space-x-reverse));
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem*var(--tw-space-x-reverse));
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem*var(--tw-space-x-reverse));
    margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse))
}

.space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem*var(--tw-space-y-reverse))
}

.space-y-14>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3.5rem*var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem*var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
}

.place-self-start {
    place-self: start
}

.place-self-center {
    place-self: center
}

.justify-self-center {
    justify-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.\!overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-y-visible {
    overflow-y: visible
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.\!rounded-none {
    border-radius: 0 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-\[50px\] {
    border-radius: 50px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.\!border {
    border-width: 1px !important
}

.\!border-0 {
    border-width: 0 !important
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-y {
    border-top-width: 1px;
    border-bottom-width: 1px
}

.\!border-t-0 {
    border-top-width: 0 !important
}

.border-b {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.\!border-none {
    border-style: none !important
}

.border-none {
    border-style: none
}

.\!border-\[\#2c2a27\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(37 55 70/var(--tw-border-opacity, 1)) !important
}

.\!border-\[\#c6c6c6\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(198 198 198/var(--tw-border-opacity, 1)) !important
}

.\!border-white {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1)) !important
}

.border-\[\#2c2a27\] {
    --tw-border-opacity: 1;
    border-color: rgb(37 55 70/var(--tw-border-opacity, 1))
}

.border-\[\#2c2a27\] {
    --tw-border-opacity: 1;
    border-color: rgb(44 42 39/var(--tw-border-opacity, 1))
}

.border-\[\#919191\] {
    --tw-border-opacity: 1;
    border-color: rgb(145 145 145/var(--tw-border-opacity, 1))
}

.border-\[\#c6c6c6\] {
    --tw-border-opacity: 1;
    border-color: rgb(198 198 198/var(--tw-border-opacity, 1))
}

.border-\[\#ccc\] {
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204/var(--tw-border-opacity, 1))
}

.border-\[\#eee\] {
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238/var(--tw-border-opacity, 1))
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
}

.border-divider {
    --tw-border-opacity: 1;
    border-color: rgb(198 198 198/var(--tw-border-opacity, 1))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175/var(--tw-border-opacity, 1))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(37 55 70/var(--tw-border-opacity, 1))
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/var(--tw-border-opacity, 1))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.border-y-divider {
    border-top-color: rgb(198 198 198/var(--tw-border-opacity, 1))
}

.border-b-divider,
.border-y-divider {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(198 198 198/var(--tw-border-opacity, 1))
}

.border-t-divider {
    --tw-border-opacity: 1;
    border-top-color: rgb(198 198 198/var(--tw-border-opacity, 1))
}

.\!bg-\[\#2c2a27\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(37 55 70/var(--tw-bg-opacity, 1)) !important
}

.\!bg-\[\#c00\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(204 0 0/var(--tw-bg-opacity, 1)) !important
}

.\!bg-\[\#f6f6f6\],
.\!bg-bodycart {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1)) !important
}

.\!bg-checkout-d {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(23 130 64/var(--tw-bg-opacity, 1)) !important
}

.\!bg-transparent {
    background-color: transparent !important
}

.\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#2c2a27\] {
    --tw-bg-opacity: 1;
    background-color: rgb(37 55 70/var(--tw-bg-opacity, 1))
}

.bg-\[\#a6192e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(166 25 46/var(--tw-bg-opacity, 1))
}

.bg-\[\#c6c6c6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(198 198 198/var(--tw-bg-opacity, 1))
}

.bg-\[\#f6f6f6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.bg-\[\#f8f8f8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity, 1))
}

.bg-\[\#f9f7f2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 247 242/var(--tw-bg-opacity, 1))
}

.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black\/50 {
    background-color: rgba(0, 0, 0, .5)
}

.bg-black\/60 {
    background-color: rgba(0, 0, 0, .6)
}

.bg-bodycart {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.bg-divider {
    --tw-bg-opacity: 1;
    background-color: rgb(198 198 198/var(--tw-bg-opacity, 1))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity, 1))
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity, 1))
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39/var(--tw-bg-opacity, 1))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(37 55 70/var(--tw-bg-opacity, 1))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.bg-\[length\:auto_100\%\] {
    background-size: auto 100%
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.\!p-0 {
    padding: 0 !important
}

.\!p-8 {
    padding: 2rem !important
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-16 {
    padding: 4rem
}

.p-2 {
    padding: .5rem
}

.p-24 {
    padding: 6rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-7 {
    padding: 1.75rem
}

.p-8 {
    padding: 2rem
}

.p-\[12px\] {
    padding: 12px
}

.p-\[17px_25px_18px_40px\] {
    padding: 17px 25px 18px 40px
}

.p-\[2\.4rem\] {
    padding: 2.4rem
}

.p-\[30px\] {
    padding: 30px
}

.p-\[40px_20px_50px_20px\] {
    padding: 40px 20px 50px
}

.p-\[40px_40px_50px_40px\] {
    padding: 40px 40px 50px
}

.\!px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.\!py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.\!py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.\!py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-\[1\.1rem\] {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-\[11\.5px\] {
    padding-top: 11.5px;
    padding-bottom: 11.5px
}

.py-\[11px\] {
    padding-top: 11px;
    padding-bottom: 11px
}

.py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px
}

.py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-\[2rem\] {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px
}

.py-\[3px\] {
    padding-top: 3px;
    padding-bottom: 3px
}

.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px
}

.\!pb-8 {
    padding-bottom: 2rem !important
}

.\!pl-0 {
    padding-left: 0 !important
}

.\!pl-20 {
    padding-left: 5rem !important
}

.\!pl-\[19px\] {
    padding-left: 19px !important
}

.\!pr-16 {
    padding-right: 4rem !important
}

.\!pt-0 {
    padding-top: 0 !important
}

.\!pt-1 {
    padding-top: .25rem !important
}

.\!pt-\[1\.8rem\] {
    padding-top: 1.8rem !important
}

.\!pt-\[17px\] {
    padding-top: 17px !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[1\.1rem\] {
    padding-bottom: 1.1rem
}

.pb-\[10\] {
    padding-bottom: 10
}

.pb-\[10px\] {
    padding-bottom: 10px
}

.pb-\[19px\] {
    padding-bottom: 19px
}

.pb-\[24px\] {
    padding-bottom: 24px
}

.pb-\[29px\] {
    padding-bottom: 29px
}

.pb-\[3px\] {
    padding-bottom: 3px
}

.pb-\[40px\] {
    padding-bottom: 40px
}

.pb-\[50px\] {
    padding-bottom: 50px
}

.pl-0 {
    padding-left: 0
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-8 {
    padding-left: 2rem
}

.pl-\[15px\] {
    padding-left: 15px
}

.pl-\[4\.4rem\] {
    padding-left: 4.4rem
}

.pr-0 {
    padding-right: 0
}

.pr-2 {
    padding-right: .5rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: .25rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[10px\] {
    padding-top: 10px
}

.pt-\[11px\] {
    padding-top: 11px
}

.pt-\[18px\] {
    padding-top: 18px
}

.pt-\[2\.5px\] {
    padding-top: 2.5px
}

.pt-\[22px\] {
    padding-top: 22px
}

.pt-\[25px\] {
    padding-top: 25px
}

.pt-\[30px\] {
    padding-top: 30px
}

.pt-\[3px\] {
    padding-top: 3px
}

.pt-\[6\.8rem\] {
    padding-top: 6.8rem
}

.pt-\[70px\] {
    padding-top: 70px
}

.pt-\[7rem\] {
    padding-top: 7rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.\!font-dsRegular {
    font-family: "DS PF DIN Max" !important
}

.font-\[\'DS PF DIN Max\'\2c serif\] {
    font-family: "DS PF DIN Max"
}

.font-\[DS PF DIN Max\] {
    font-family: "DS PF DIN Max"
}

.font-\[stretch-75\] {
    font-family: stretch-75
}

.font-dsExtended {
    font-family: "DS PF DIN Max"
}

.font-dsRegular {
    font-family: "DS PF DIN Max"
}

.font-garamond {
    font-family: "DS PF DIN Max"
}

.font-serif {
    font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif
}

.\!text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.\!text-\[1\.1rem\] {
    font-size: 1.1rem !important
}

.\!text-\[1\.3rem\] {
    font-size: 1.3rem !important
}

.\!text-\[1\.6rem\] {
    font-size: 1.6rem !important
}

.\!text-\[12px\] {
    font-size: 12px !important
}

.\!text-\[20px\] {
    font-size: 20px !important
}

.\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.\!text-bodysize {
    font-size: 1.3rem !important
}

.\!text-lg {
    font-size: 1.125rem !important
}

.\!text-lg,
.\!text-xl {
    line-height: 1.75rem !important
}

.\!text-xl {
    font-size: 1.25rem !important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-\[0\.94rem\] {
    font-size: .94rem
}

.text-\[1\.1rem\] {
    font-size: 1.1rem
}

.text-\[1\.3rem\] {
    font-size: 1.3rem
}

.text-\[1\.5rem\] {
    font-size: 1.5rem
}

.text-\[1\.6rem\] {
    font-size: 1.6rem
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[15px\] {
    font-size: 15px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[1rem\] {
    font-size: 1rem
}

.text-\[2\.3rem\] {
    font-size: 2.3rem
}

.text-\[2\.8rem\] {
    font-size: 2.8rem
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[2rem\] {
    font-size: 2rem
}

.text-\[30px\] {
    font-size: 30px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-bodysize {
    font-size: 1.3rem
}

.text-custom-2\.8 {
    font-size: 2.8rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.\!font-bold {
    font-weight: 700 !important
}

.\!font-medium {
    font-weight: 500 !important
}

.\!font-normal {
    font-weight: 400 !important
}

.font-\[400\] {
    font-weight: 400
}

.font-\[DS_Trade_Gothic\] {
    font-weight: DS PF DIN Max, PF DIN Max
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.\!leading-\[1\.5\] {
    line-height: 1.5 !important
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-\[1\.125\] {
    line-height: 1.125
}

.leading-\[1\.1\] {
    line-height: 1.1
}

.leading-\[1\.2857142857\] {
    line-height: 1.2857142857
}

.leading-\[1\.2\] {
    line-height: 1.2
}

.leading-\[1\.3846153846\] {
    line-height: 1.3846153846
}

.leading-\[1\.538\] {
    line-height: 1.538
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-tight {
    line-height: 1.25
}

.\!tracking-\[0\.6px\] {
    letter-spacing: .6px !important
}

.tracking-\[0\.5rem\] {
    letter-spacing: .5rem
}

.tracking-\[0\.6px\] {
    letter-spacing: .6px
}

.tracking-\[0\],
.tracking-normal {
    letter-spacing: 0
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-widest {
    letter-spacing: .1em
}

.\!text-\[\#2c2a27\] {
    --tw-text-opacity: 1 !important;
    color: rgb(37 55 70/var(--tw-text-opacity, 1)) !important
}

.\!text-bodycolor {
    --tw-text-opacity: 1 !important;
    color: rgb(94 94 94/var(--tw-text-opacity, 1)) !important
}

.\!text-primary {
    --tw-text-opacity: 1 !important;
    color: rgb(37 55 70/var(--tw-text-opacity, 1)) !important
}

.\!text-secondary {
    --tw-text-opacity: 1 !important;
    color: rgb(94 94 94/var(--tw-text-opacity, 1)) !important
}

.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.text-\[\#1a1a1a\] {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity, 1))
}

.text-\[\#1c1c1c\] {
    --tw-text-opacity: 1;
    color: rgb(28 28 28/var(--tw-text-opacity, 1))
}

.text-\[\#2c2a27\] {
    --tw-text-opacity: 1;
    color: rgb(37 55 70/var(--tw-text-opacity, 1))
}

.text-\[\#2c2a27\] {
    --tw-text-opacity: 1;
    color: rgb(44 42 39/var(--tw-text-opacity, 1))
}

.text-\[\#374151\] {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.text-\[\#5E5E5E\],
.text-\[\#5e5e5e\] {
    --tw-text-opacity: 1;
    color: rgb(94 94 94/var(--tw-text-opacity, 1))
}

.text-\[\#666666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1))
}

.text-\[\#BE1E2D\] {
    --tw-text-opacity: 1;
    color: rgb(190 30 45/var(--tw-text-opacity, 1))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity, 1))
}

.text-bodycolor {
    --tw-text-opacity: 1;
    color: rgb(94 94 94/var(--tw-text-opacity, 1))
}

.text-checkout-d {
    --tw-text-opacity: 1;
    color: rgb(23 130 64/var(--tw-text-opacity, 1))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74/var(--tw-text-opacity, 1))
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61/var(--tw-text-opacity, 1))
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(37 55 70/var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity, 1))
}

.text-secondary {
    --tw-text-opacity: 1;
    color: rgb(94 94 94/var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.\!underline {
    text-decoration-line: underline !important
}

.underline {
    text-decoration-line: underline
}

.\!no-underline {
    text-decoration-line: none !important
}

.opacity-30 {
    opacity: .3
}

.opacity-50 {
    opacity: .5
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.\!outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.outline {
    outline-style: solid
}

.\!outline-offset-0 {
    outline-offset: 0 !important
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.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-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-none {
    transition-property: none !important
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\[grid-area\:content\] {
    grid-area: content
}

.\[grid-area\:image\] {
    grid-area: image
}

/* Removed conflicting font-face definitions to use central definitions in tailwind.css */


.logo .logo-icon {
    font-family: Responsive Icons
}

[data-icon=eye-filled-hco]:before {
    content: "\F185";
    font-size: 2rem
}

[data-icon=eye-hco]:before {
    content: "\F187";
    font-size: 2rem
}

[data-icon=close-anf]:before {
    content: "\F145";
    font-size: 1.5rem
}

.my-test {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.catalog-header {
    position: relative;
    z-index: 10;
    min-height: 40px;
    --tw-bg-opacity: 1;
    background-color: rgb(242 240 236/var(--tw-bg-opacity, 1))
}

.catelog-header-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px
}

.header-tabs {
    display: flex;
    height: 50px
}

.header-tabs li {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center
}

.header-tabs li.active,
.header-tabs li:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.header-tabs li:hover {
    cursor: pointer
}

.header-tabs li a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.shopify-section-group-footer-group,
footer.footer {
    background-color: #f8f8f8
}

.scrolled-past-header .catalog-header {
    display: none
}

.container {
    margin: 0 auto;
    max-width: 1568px
}

@media (max-width:359px) {
    modal-dialog#regionalPreferencesModal {
        padding: 0;

        .template-popup {
            width: 100%;
            max-width: 359px;
            height: 100%
        }
    }
}

[data-contrast=high] .contrast-high {
    background-color: #2C2A27 !important;
    color: #fff !important
}

.wishlist-share-wrapper {
    display: flex;
    gap: 20px;
    margin: 25px 0 40px !important
}

.product-form__quantity-and-buy-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    margin: 40px 0 0 !important
}

.product-form__quantity-and-buy-buttons .product-form__input {
    max-width: 140px;
    width: 120px;
    margin-right: 20px
}

.product-form__quantity-and-buy-buttons .product-form__buy-buttons {
    width: 100%
}

.button {
    align-items: center;
    background: none;
    border-radius: 50px;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    display: inline-flex;
    font-family: "DS PF DIN Max";
    font-size: 1.5rem;
    font-stretch: 75%;
    font-weight: 600;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1.2;
    min-height: 50px;
    padding-block: 0;
    padding-inline: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: null;
    transition: background-color .4s, border-color .4s, color .4s
}

.button:focus {
    outline-offset: 5px
}

.button>span {
    pointer-events: none
}

.button[data-disabled=true] {
    border: 0;
    cursor: default;
    opacity: 1;
    pointer-events: none
}

.button[data-disabled=true]:active,
.button[data-disabled=true]:hover {
    background: #7d7a74
}

.button>[data-state]:only-child {
    will-change: opacity
}

.button>[data-state=processing] .spinner {
    animation: ds-spin 1.2s steps(12) infinite;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px
}

.button>[data-state=processing] .spinner,
.button[data-variant=borderless]>[data-state=processing] .spinner,
.button[data-variant=tertiary-light]>[data-state=processing] .spinner {
    background-image: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-default'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3E%3C/rect%3E%3Crect  x='46' y='34' fill-opacity='.15' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(0 50 50) translate(0 -32)'%3E %3C/rect%3E%3Crect  x='46' y='34' fill-opacity='.35' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(30 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' fill-opacity='.55' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(60 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' fill-opacity='.75' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(90 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(120 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(150 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(180 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(210 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(240 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(270 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(300 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(330 50 50) translate(0 -32)'%3E%3C/rect%3E%3C/svg%3E")
}

.button[data-variant=borderless-button],
.button[data-variant=borderless] {
    min-height: 25px;
    padding-block: 0;
    padding-inline: 0;
    text-transform: null;
    color: #233b4d
}

.button[data-variant=borderless-button]:not(:disabled):hover,
.button[data-variant=borderless]:not(:disabled):hover {
    color: #233b4d
}

.button[data-variant=borderless-button][data-theme=inverse],
.button[data-variant=borderless][data-theme=inverse] {
    color: #fcfcfa
}

.button[data-variant=borderless-button][data-theme=inverse]:not(:disabled):hover,
.button[data-variant=borderless][data-theme=inverse]:not(:disabled):hover {
    color: #d2d0ce
}

.button[data-variant=borderless-button][data-theme=seasonal],
.button[data-variant=borderless][data-theme=seasonal] {
    color: #fff1d0
}

.button[data-variant=borderless-button][data-theme=seasonal]:not(:disabled):hover,
.button[data-variant=borderless][data-theme=seasonal]:not(:disabled):hover {
    color: #f7e1b4
}

.button[data-variant=borderless-button][data-theme=seasonal-inverse],
.button[data-variant=borderless][data-theme=seasonal-inverse] {
    color: #b3282e
}

.button[data-variant=borderless-button][data-theme=seasonal-inverse]:not(:disabled):hover,
.button[data-variant=borderless][data-theme=seasonal-inverse]:not(:disabled):hover {
    color: #c2001d
}

.button[data-variant=secondary][data-theme=inverse],
.scope-1892 .button[data-variant=secondary-button][data-theme=inverse] {
    background: #fcfcfa;
    color: #233b4d
}

.button[data-variant=tertiary-light] {
    border-width: 2px;
    padding-block: 3px;
    text-transform: null;
    border-color: #d2d0ce;
    color: #233b4d
}

.button[data-variant=primary] {
    text-transform: null;
    width: 100%;
    background: #0075c9;
    color: #fcfcfa
}

.button[data-variant=secondary] {
    background: #2c2a27;
    color: #fcfcfa
}

.button[data-variant=borderless-button]>.spin-container,
.button[data-variant=borderless-button]>[data-icon],
.button[data-variant=borderless]>.spin-container,
.button[data-variant=borderless]>[data-icon] {
    font-size: 2.5rem;
    margin-right: 15px
}

[data-icon]:before {
    font-family: Responsive Icons;
    font-size: 24px
}

[data-icon=account-circle-hco]:before {
    content: "\f103"
}

[data-icon=heart-filled]:before {
    content: "\F1C3"
}

.logo-icon[data-brand=hol]:before {
    content: "\f103"
}

[data-icon=plus]:before {
    content: "\F235";
    font-size: 15px
}

[data-icon=question-outline]:before {
    content: "\F243";
    font-size: 2rem
}

[data-icon=minus]:before {
    content: "\F217";
    font-size: 15px
}

[data-icon=hco-logo-horizontal]:before {
    content: "";
    font-size: 1.8rem
}

[data-icon=bag-outline]:before {
    content: "\F120"
}

[data-icon=heart]:before {
    content: "\F1C6"
}

[data-icon=close-hco]:before {
    content: "\F150"
}

[data-icon=right-thin]:before {
    content: "\F266";
    font-size: 1.5rem
}

[data-icon=share-anf]:before {
    content: "\F26F"
}

[data-icon=search]:before {
    content: "\f26b";
    color: #6c6c6a;
    font-weight: 300;
    font-size: 2rem
}

[data-icon=down-anf]:before {
    content: "\f167";
    color: #6c6c6a;
    font-weight: 300;
    font-size: 2rem
}

[data-icon=down-thin]:before {
    content: "\F16F ";
    font-size: 1rem
}

[data-icon=search] {
    font-size: 2rem;
    line-height: 1;
    margin-right: 10px
}

[data-icon=zoom-plus]:before {
    content: "\F2D0";
    font-size: 1.5rem
}

[data-icon=check-hco]:before {
    content: "\F140 ";
    color: #178240;
    font-size: 3rem
}

[data-icon=check-hco-text]:before {
    content: "\F140 ";
    color: #fff
}

[data-icon=clock-hco]:before {
    content: "\F142";
    font-size: 2rem
}

[data-icon=seagull]:before {
    content: "\F268";
    font-size: 2rem
}

[data-icon=logo-horizontal]:before {
    font-family: Responsive Icons;
    content: "\F1FD";
    font-size: 24px
}

[data-icon=hco-logo-horizontal]:before {
    font-family: Responsive Icons;
    content: "\f1BE";
    font-size: 24px
}

[data-icon=kids-logo--horizontal]:before {
    content: "\F1D3";
    font-size: 1.1rem;
    transform: scale(.6)
}

.group:hover [data-icon=kids-logo--horizontal]:before {
    content: "\F10B";
    font-size: 10px;
    transform: scale(.6)
}

.footer-logo [data-icon=seagull]:before {
    font-size: 6.4rem;
    color: #233b4d
}

.logo-secondary [data-icon=logo-horizontal]:before {
    font-size: 1.4rem
}

.logo-secondary [data-icon=hco-logo-horizontal]:hover,
.logo-secondary [data-icon=kids-logo--horizontal]:hover,
.logo-secondary [data-icon=logo-horizontal]:hover {
    color: #233b4d !important
}

.hco-logo [data-icon=hco-logo-horizontal]:before {
    font-size: 1.5rem
}

.header .logo-link {
    align-items: center;
    display: flex;
    margin-left: 20px;
    margin-right: 25px;
    text-decoration: none
}

.list-menu__item {
    color: #233b4d
}

.menu-link_list {
    height: 75px;
    line-height: 75px;
    padding-right: 40px;
    white-space: nowrap;
    position: static;
    visibility: visible
}

.header__icons {
    display: flex;
    gap: 25px;
    align-items: center;
    height: 75px;
    margin-right: 25px
}

.customer,
.link {
    -webkit-text-decoration: auto;
    text-decoration: auto
}

.header__search {
    border-radius: 50px;
    width: 200px;
    border-color: #d2d0ce;
    border-width: 2px
}

@media screen and (min-width:1500px) {
    .header__search {
        width: 300px
    }
}

header-drawer {
    margin-left: 0 !important
}

.newsletter-form__button {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important
}

.search-text {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.2rem;
    font-family: "DS PF DIN Max";
    font-stretch: 75%;
    text-transform: capitalize;
    justify-content: flex-start !important;
    color: #6c6c6a;
    font-weight: 300;
    transition: all .5s ease-in-out
}

.announement-text {
    font-size: 1.3rem;
    line-height: 1
}

.announement-text,
.button-link {
    font-family: "DS PF DIN Max";
    font-stretch: 75%;
    font-weight: 400;
    letter-spacing: .03em;
    color: #fcfcfa
}

.button-link {
    font-size: 1.2rem;
    text-decoration: underline;
    line-height: 1.2;
    text-transform: capitalize
}

.button-link:hover {
    color: #233b4d
}

.mobile_search_icon .header__search {
    border: none;
    width: 30px
}

@media screen and (max-width:768px) {
    .header__icons {
        gap: 0
    }
}

.visible {
    display: block
}

.headline-description {
    font-family: "DS PF DIN Max";
    letter-spacing: 0;
    font-weight: 400;
    line-height: 1.2;
    text-transform: none;
    font-stretch: 75%
}

.button[data-variant=tertiary-button-dark],
.button[data-variant=tertiary-dark] {
    border-width: 2px;
    padding-block: 3px;
    text-transform: null;
    border-color: #233b4d;
    color: #233b4d
}

.button[data-variant=tertiary-button-dark]:not(:disabled):hover,
.button[data-variant=tertiary-button-dark][data-disabled=true],
.button[data-variant=tertiary-dark]:not(:disabled):hover,
.button[data-variant=tertiary-dark][data-disabled=true] {
    background: #2c2a27;
    border-color: #233b4d;
    color: #fcfcfa
}

.button:after,
.button:before {
    display: none
}

.button[data-variant=tertiary-dark][data-theme=inverse] {
    border-color: #fcfcfa;
    color: #fcfcfa
}

.button[data-variant=tertiary-dark][data-theme=inverse]:hover {
    background: #f2f0ec;
    border-color: #f2f0ec;
    color: #233b4d
}

.button[data-full-width=true] {
    width: 100%
}

.lockup-wrapper {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 10px
}

.banner-description {
    font-family: "DS PF DIN Max";
    letter-spacing: 0;
    font-weight: 400;
    line-height: 1.2;
    text-transform: none;
    font-stretch: 75%;
    font-size: 2rem
}

.lockup[data-align=center-left] {
    margin-left: 2%;
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center
}

.lockup[data-align=center-left] .content-area {
    text-align: left
}

.lockup[data-align=center] {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-self: center
}

.lockup[data-align=center] .content-area {
    text-align: center;
    margin: 0 auto
}

.lockup[data-align=center] .content-area picture {
    margin: auto
}

.lockup[data-align=bottom-right] {
    margin-left: 2%;
    height: 100%;
    width: 50%;
    display: flex;
    align-items: flex-end
}

.lockup-wrapper[data-align=bottom-right] {
    display: flex;
    justify-content: flex-end
}

.lockup[data-align=bottom-right] .content-area picture {
    margin: 0 auto
}

.lockup[data-align=bottom-right] .content-area .button {
    margin-bottom: 40px
}

.headline h2 {
    font-weight: 700;
    font-size: 1.8em
}

.headline h2,
.headline p {
    font-family: "DS PF DIN Max";
    font-stretch: 75%;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none
}

.headline p {
    font-weight: 400;
    font-size: 1em
}

.lockup[data-align=bottom-right] .button-area,
.lockup[data-align=center] .button-area {
    justify-content: center
}

.loading__spinner.hidden {
    display: none !important
}

.accordion details>summary [data-icon=minus],
.accordion details[open]>summary [data-icon=plus] {
    display: none
}

.accordion details[open]>summary [data-icon=minus],
quick-add-modal .product-list-page {
    display: block
}

.product-list-page {
    display: grid;
    grid-template-columns: auto auto;
    gap: 4px;
    padding: 0;
    margin: 0
}

.product-list-page .product-media-container {
    width: 100% !important
}

.product-list-page .product__media-item {
    width: 100% !important;
    max-width: 100% !important
}

.size-picker {
    margin-top: 25px
}

.size-picker label {
    min-width: 52px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: auto;
    height: 52px;
    margin: 0;
    padding: 10px !important;
}

.length-picker {
    margin-top: 40px !important
}

.length-picker label {
    min-width: 104px;
    width: auto;
    align-content: center;
    border-radius: 26px;
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: 700;
    height: auto;
    letter-spacing: .2px;
    line-height: 2rem;
    min-height: 52px;
    overflow: hidden;
    padding: 8px
}

.length-picker label:hover {
    background: #5b5a59 !important;
    color: #fff !important
}

.product-form__input legend {
    font-weight: 700;
    margin: 40px 0 20px !important
}

.product-form__input legend span {
    font-weight: 400
}

.product__page-container .accordion summary {
    padding: 22px 40px 24px 0
}

.product__page-container .accordion summary h2 {
    color: #233b4d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "DS PF DIN Max";
    font-stretch: 75%;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: null;
    background: none;
    border-style: none;
    cursor: pointer;
    display: block;
    position: relative;
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.4666666667
}

.label-as-image {
    padding: 2px !important
}

.label-as-image span {
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: unset;
    border: 2px solid transparent;
    cursor: pointer;
    padding: 0
}

.drop-down-quantity {
    display: inline-block;
    position: relative;
    width: 100%;
    color: #6c6c6a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5384615385
}

.drop-down-quantity,
.drop-down-quantity select {
    font-family: "DS PF DIN Max";
    font-stretch: 75%;
    letter-spacing: 0;
    text-transform: null
}

.drop-down-quantity select {
    border-style: none;
    border-width: 1px;
    font-weight: 600;
    font-size: 1.6rem;
    height: 60px;
    line-height: 1.5;
    padding-left: 0;
    padding-top: 18px;
    border-bottom: 1px solid #5b5a59;
    text-align: left
}

.drop-down-quantity select:active,
.drop-down-quantity select:focus {
    border: none;
    box-shadow: none
}

.product-form__buttons button {
    height: 60px
}

.product__page-container .product__title h1 {
    font-family: "DS PF DIN Max";
    font-size: 2.8rem;
    font-stretch: 50%;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1.2857142857;
    text-transform: null
}

hr {
    border-top: 1px solid #d2d0ce
}

.product__info-container .product-form {
    margin: 0 !important
}

.horizontal-line-separator {
    margin: 40px 0
}

.product-grid-container {
    .quick-add {
        display: none;
        border-radius: 50px
    }

    li.custom-product-card:hover .quick-add {
        display: block;
        position: absolute;
        bottom: 5px;
        background: hsla(0, 0%, 100%, .8);
        width: 90%;
        left: 5%;
        z-index: 2
    }

    li.custom-product-card:hover .quick-add:hover {
        background: #fff
    }
}

details[open]>.search-modal {
    min-height: 180px;
    top: -50px
}

.search-modal__content {
    align-items: flex-start
}

.search-logo {
    display: flex;
    justify-self: center;
    align-items: center
}

.customer .field:after,
.customer select:after,
.field:after,
.localization-form__select:after,
.select:after {
    border-radius: 25px !important
}

.search__button {
    left: 0 !important
}

.search__input.field__input {
    padding-left: 35px
}

.search-modal__form .field {
    box-shadow: none;
    outline: none
}

.search-modal__form .field:before {
    display: none
}

.search__input.field__input {
    border-radius: 25px !important
}

.search-modal__close-button {
    position: absolute;
    top: 0;
    right: 25px
}

.search-modal__form .field__label {
    padding-left: 15px
}

.drop-down-quantity::active,
.drop-down-quantity::hover {
    outline: none
}

@media screen and (min-width:0px) and (max-width:824px) {
    .desktop-view {
        display: none
    }

    .mobile-view {
        display: block
    }

    .facets__heading {
        margin: 10px 20px !important
    }

    .active-facets-desktop {
        display: none !important
    }

    .mobile-facets__header-inner {
        text-align: left
    }

    .mobile-facets__clear-wrapper {
        justify-content: flex-start !important
    }

    .facets-vertical .facets-wrapper {
        width: 100% !important
    }
}

@media screen and (min-width:825px) {
    .facets-vertical-sort {
        padding: 0 .75rem;
        max-width: 1568px;
        margin: 0
    }

    .slider-counter {
        display: none !important
    }

    .mobile-view {
        display: none
    }

    .desktop-view {
        display: block
    }

    .search-modal {
        top: -50px !important;
        min-height: 160px !important
    }

    .header__inline-menu ul {
        gap: 25px
    }

    .header__inline-menu ul li {
        padding-right: 0
    }

    .list-menu--inline {
        flex-wrap: unset !important
    }

    .header-menu--inline {
        overflow: hidden
    }

    .header__menu-item {
        height: 75px !important
    }

    .mega-menu__content {
        left: -60px !important;
        min-width: -moz-fit-content !important;
        min-width: fit-content !important;
        padding: 0 !important
    }

    .menu-item {
        position: relative !important;
        border-bottom: 2px solid transparent
    }

    .mega-menu__list {
        display: flex !important;
        padding: 0 !important
    }

    .mega-menu__list .sub-menu-item {
        min-width: 260px !important;
        margin: 42px 0 60px
    }

    .mega-menu__list:first-child {
        margin-left: 60px !important
    }

    .mega-menu-link__item {
        color: #5e5e5e;
        text-decoration: none;
        font-size: 13px
    }

    .product-page-content-container {
        padding: 0 3% !important;
        max-width: 1568px !important;
        margin: 0 auto
    }
}

.catalog-MyListNotifications-module__flyout {
    border-width: medium 1px 1px;
    background-color: #fcfcfa;
    color: #233b4d;
    font-size: 1.5rem;
    text-align: center;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    z-index: 1000;
    top: 55px;
    background-color: #233b4d;
    color: #fcfcfa;
    border-color: currentcolor transparent transparent;
    border-top: 0 transparent
}

.catalog-MyListNotifications-module__firstTime.catalog-MyListNotifications-module__loggedOut {
    padding: 50px 60px 60px
}

.catalog-MyListNotifications-module__firstTime {
    width: 439px;
    height: auto
}

@media screen and (min-width:540px) and (max-width:1024px) {
    .catalog-MyListNotifications-module__flyout {
        left: 0;
        padding: 0;
        width: 375px;
        height: 120px
    }

    .catalog-MyListNotifications-module__myListButton {
        display: none !important
    }

    .catalog-MyListNotifications-module__firstTime {
        width: 375px
    }
}

@media screen and (max-width:540px) {
    .catalog-MyListNotifications-module__myListButton {
        display: none !important
    }

    .catalog-MyListNotifications-module__flyout {
        width: 100%;
        height: 120px
    }
}

@media screen and (max-width:1024px) {
    .catalog-MyListNotifications-module__firstTime.catalog-MyListNotifications-module__loggedOut {
        padding: 0
    }
}

@media screen and (min-width:1025px) {
    .catalog-MyListNotifications-module__flyout {
        right: 0;
        border-style: solid;
        padding: 10px;
        top: 75px
    }
}

.catalog-MyListNotifications-module__bigMessage {
    font-family: "DS PF DIN Max";
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: .6px;
    font-weight: 400;
    font-stretch: 75%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.catalog-MyListNotifications-module__smallMessage {
    font-family: "DS PF DIN Max";
    font-stretch: 75%;
    font-weight: 400;
    letter-spacing: .04em;
    margin-top: 15px;
    font-size: 1.5rem
}

.catalog-MyListNotifications-module__smallMessage a {
    cursor: pointer;
    text-decoration: underline
}

.catalog-MyListNotifications-module__myListButton {
    margin-top: 15px
}

@media (max-width:768px) {
    .lockup-wrapper {
        left: 0
    }

    .lockup[data-align=bottom-right],
    .lockup[data-align=center-left],
    .lockup[data-align=center] {
        align-items: flex-end;
        text-align: center;
        width: 100%
    }

    .lockup[data-align=bottom-right] .content-area,
    .lockup[data-align=center] .content-area {
        text-align: center;
        width: 80%;
        padding-bottom: 25px
    }

    .lockup[data-align=bottom-right] .content-area {
        margin: 0 auto
    }

    .lockup[data-align=center-left] .content-area {
        text-align: center;
        padding-bottom: 25px
    }

    .lockup[data-align=center-left] .content-area picture {
        margin: 0 auto
    }

    .banner-description {
        font-size: 13px
    }

    .mobile-button .button[data-variant=tertiary-dark][data-theme=inverse] {
        border-color: #233b4d !important;
        color: #233b4d !important
    }

    .button-area {
        justify-content: center
    }
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding: 1rem
}

h1 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700
}

.sign-in-text {
    margin-bottom: 1rem;
    display: flex;
    justify-content: flex-end;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1))
}

.product {
    display: flex;
    align-items: center
}

.product>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem*var(--tw-space-x-reverse));
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
}

.product img {
    height: 15rem;
    width: 10rem;
    -o-object-fit: cover;
    object-fit: cover
}

.product-info p:first-child {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600
}

.product-info p:last-child {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

@media (max-width:640px) {
    .container {
        padding: .5rem
    }

    h1 {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .product {
        flex-direction: column
    }

    .product>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.5rem*var(--tw-space-y-reverse))
    }

    .product img {
        height: auto;
        width: 100%
    }

    .product-info p:first-child {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.list-menu__item {
    color: #233b4d;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 75px;
    position: relative;
    font-stretch: 75%;
    letter-spacing: 0;
    text-transform: capitalize;
    margin: 0;
    padding: 0
}

.header__inline-menu ul li {
    line-height: 75px;
    padding-right: 20px;
    white-space: nowrap;
    position: static;
    visibility: visible
}

.mega-menu__link--active,
.mega-menu__link:hover {
    text-decoration: none
}

@media screen and (min-width:1024px) {
    .large-screen {
        display: block
    }

    .small-screen {
        display: none
    }

    .account-modal {
        min-width: 220px
    }

    .search-modal {
        top: -50px !important;
        min-height: 160px !important
    }

    .header__inline-menu ul {
        gap: 25px
    }

    .header__inline-menu ul li {
        padding-right: 0
    }

    .list-menu--inline {
        flex-wrap: unset !important
    }

    .header-menu--inline {
        overflow: hidden
    }

    .header__menu-item {
        height: 75px !important
    }

    .mega-menu__content {
        left: -60px !important;
        min-width: -moz-fit-content !important;
        min-width: fit-content !important;
        padding: 0 !important
    }

    .menu-item {
        position: relative !important;
        border-bottom: 2px solid transparent
    }

    .mega-menu__list {
        display: flex !important;
        padding: 0 !important
    }

    .mega-menu__list .sub-menu-item {
        min-width: 260px !important;
        margin: 42px 0 60px
    }

    .mega-menu__list:first-child {
        margin-left: 60px !important
    }

    .mega-menu-link__item {
        color: #5e5e5e;
        text-decoration: none;
        font-size: 13px
    }
}

@media screen and (max-width:1024px) {
    .large-screen {
        display: none
    }

    .small-screen {
        display: block
    }

    .header__inline-menu {
        display: none !important
    }

    .header__icons {
        gap: 0
    }

    header-drawer {
        display: block !important
    }

    .header__heading,
    .header__heading-link {
        text-align: center !important
    }

    .header {
        grid-template-columns: 1fr 2fr 1fr !important
    }

    .header__heading-link {
        grid-area: unset !important;
        justify-self: center !important
    }

    .header-tabs li {
        min-width: 50%;
        height: 60px
    }

    .catalog-header {
        height: 60px
    }

    .header-outer {
        height: 55px !important;
        padding-bottom: 2px
    }

    .header {
        height: 55px !important;
        padding: 0 !important
    }

    [data-icon=logo-horizontal]:before {
        font-size: 1.5rem
    }

    .header__icons {
        margin-right: 10px
    }

    [data-icon=menu-anf]:before {
        font-size: 3rem
    }

    .header-drawer,
    .header__icon--menu {
        width: 60px
    }

    [data-icon=search-anf]:before {
        font-size: 3rem
    }

    .header__icon .icon {
        width: auto
    }

    [data-icon=account-circle-anf]:before,
    [data-icon=bag-anf]:before {
        font-size: 3rem
    }

    .header__menu-item {
        height: 55px !important
    }

    .search-modal {
        top: -60px;
        min-height: 180px
    }

    .list-menu--inline-mobile {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .list-menu--disclosure {
        position: relative !important
    }

    .header__menu-item {
        padding: 0 !important
    }

    .header__submenu {
        box-shadow: none !important;
        border: none !important;
        background: #fff !important
    }

    .header__submenu .list-menu__item {
        font-size: 13px;
        font-weight: 400;
        text-decoration: underline
    }

    .header__submenu h3 {
        font-size: 1.5rem;
        line-height: 1.4666666667;
        font-weight: 600
    }
}

.overlay-button {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    display: none;
    justify-content: space-between;
    padding: 0 6px 10px;
    top: auto;
    gap: 10px
}

.wishlist-area:hover .overlay-button {
    display: flex
}

.overlay-button [data-icon=heart-filled-anf]:before {
    font-size: 14px
}

.overlay-button .button {
    letter-spacing: .6px;
    font-size: .8rem
}

.button[data-variant=overlay-button] {
    background: hsla(0, 0%, 100%, .8);
    color: #233b4d;
    min-width: auto
}

.drawer-modal {
    background-color: #f7f5f2;
    margin-top: 0;
    max-width: 450px;
    min-height: 100vh;
    padding: 25px 25px 45px
}

.drawer-modal .modal-close-button {
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    background-color: hsla(0, 0%, 100%, .6);
    line-height: 35px
}

.drawer-modal [data-icon=close-hco]:before {
    font-size: 1.5rem;
    height: 40px;
    padding: 12px;
    width: 40px
}

.breadcrumb-section {
    background-color: #f6f6f6
}

.breadcrumb {
    margin: 0 auto;
    max-width: 1568px;
    padding: 8px 0 8px 22px;
    font-family: "DS PF DIN Max";
    font-size: 1.3rem;
    color: #5e5e5e
}

.wishlist-icon {
    width: 26px
}

.country-flag-icon {
    margin-left: 15px;
    width: 28px
}

@media screen and (min-width:750px) {
    .page-width {
        padding: 0 5%
    }
}

.product-collection-list .facets-vertical {
    padding: 0 .75rem;
    max-width: 1568px;
    margin: 0
}

.product-collection-list .facets-vertical .facets-wrapper {
    width: 275px
}

.product-collection-list .facets__form-vertical #FacetsWrapperDesktop {
    width: 250px
}

.product-collection-list .facets__summary .icon-caret {
    right: 10px !important
}

.product-collection-list .facets__disclosure-vertical {
    background: #f2f0ec;
    border-radius: 0 0 8px 8px
}

.product-collection-list .facets__summary {
    padding: 18px 40px 20px 20px !important
}

.product-collection-list .facets-layout-list {
    padding: 0 40px 0 20px !important
}

.product-collection-list .facet-checkbox {
    align-items: center
}

.product-collection-list .facet-checkbox>svg {
    background-color: transparent;
    border: 2px solid #2c2a27;
    border-radius: 6px;
    color: #fcfcfa;
    height: 25px;
    line-height: 1.6153846154;
    width: 25px
}

.product-collection-list .facet-checkbox input[type=checkbox]:checked+svg {
    background: #2c2a27;
    color: #233b4d
}

.product-collection-list .facet-checkbox .svg-wrapper {
    left: .7rem !important;
    height: 18px !important;
    color: #fff !important
}

.product-collection-list .active-facets__button-inner {
    height: 40px;
    background-color: #f6f6f6;
    border: none;
    box-shadow: none !important;
    font-weight: 400 !important;
    font-size: 1rem !important
}

.product-collection-list .grid__item {
    padding: 10px
}

.product-collection-list .grid__item:hover {
    --animation-order: 1;
    box-shadow: bisque;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
    content: ""
}

.product-collection-list .price-item--regular {
    font-weight: 600
}

.color-swatch-collection {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: unset;
    border: 2px solid transparent;
    cursor: pointer;
    padding: 0
}

.grid_accordion__content {
    background-color: #f6f6f6;
    border-radius: 0;
    padding: 30px 30px 40px;
    text-align: left
}

.grid_accordion__content h4 {
    color: #233b4d;
    font-family: "DS PF DIN Max";
    font-size: 1.3rem;
    font-stretch: 100%;
    font-weight: 700;
    letter-spacing: .6px;
    line-height: 1.5384615385
}

.grid_accordion__content hr {
    margin: 25px 0
}

.grid_accordion__content ul {
    list-style-type: disc;
    margin-top: 25px;
    padding-left: 0;
    color: #5e5e5e
}

.grid_accordion__content .body-size {
    margin-bottom: 5px;
    font-size: 1rem;
    color: #5e5e5e
}

.grid_accordion__content .body-length {
    color: #233b4d;
}

.grid_accordion__content p {
    font-size: 13px;
    line-height: 2rem
}

.hco-headline {
    font-stretch: 50%
}

.hco-headline,
.hco-headline-para {
    color: #233b4d;
    font-family: "DS PF DIN Max";
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 1;
    display: block;
    position: relative
}

.hco-headline-para {
    font-stretch: 75%
}

.container-customer-help {
    box-sizing: border-box;
    min-height: calc(100vh - 92px);
    padding: 40px 20px 30px;
    max-width: 450px
}

@media screen and (min-width:360px) {
    .container-customer-help {
        padding: 40px 25px 30px
    }
}

@media screen and (min-width:700px) {
    .container-customer-help {
        padding: 40px 40px 70px;
        max-width: 850px
    }
}

@media screen and (min-width:1025px) {
    .container-customer-help {
        min-height: 700px;
        padding: 55px 7% 70px;
        max-width: 950px
    }
}

@media screen and (min-width:1200px) {
    .container-customer-help {
        padding: 70px 7%
    }
}

.anf-body p {
    color: #5e5e5e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "DS PF DIN Max";
    font-size: 1.3rem;
    font-stretch: 100%;
    font-weight: 400;
    letter-spacing: .6px;
    line-height: 1.5384615385;
    margin-bottom: 20px
}

.policies-text h3,
.policies-text h4,
.policies-text h5 {
    margin: 30px 0 10px
}

.policies-text h2 {
    color: #233b4d;
    font-family: "DS PF DIN Max";
    font-size: 2.8rem;
    font-stretch: 100%;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2857142857
}

.policies-text h3 {
    font-size: 2rem;
    line-height: 1.4;
    border-top: 1px solid #c6c6c6;
    padding-top: 20px
}

.policies-text h3,
.policies-text h4 {
    color: #233b4d;
    font-family: "DS PF DIN Max";
    font-stretch: 100%;
    font-weight: 700;
    letter-spacing: .6px
}

.policies-text h4 {
    font-size: 1.5rem;
    line-height: 1.4666666667
}

.policies-text h5 {
    font-size: 1.3rem;
    line-height: 1.5384615385
}

.policies-text h5,
.policies-text h6 {
    color: #233b4d;
    font-family: "DS PF DIN Max";
    font-stretch: 100%;
    font-weight: 700;
    letter-spacing: .6px
}

.policies-text h6 {
    font-size: 1.2rem
}

.policies-text p {
    margin-bottom: 20px
}

.policies-text li {
    padding-bottom: 10px;
    padding-left: 10px
}

.policies-text dl,
.policies-text ol,
.policies-text ul {
    margin-bottom: 20px;
    padding-left: 30px
}

.policies-text .list-section-reset {
    counter-reset: count;
    padding-left: 0
}

.policies-text .list-section-reset>li {
    list-style: none;
    padding-left: 25px;
    position: relative
}

.policies-text .list-section-reset>li:before {
    content: counter(count) ". ";
    counter-increment: count;
    left: 0;
    position: absolute
}

.policies-text .paren-wrapped {
    counter-reset: list
}

.policies-text .paren-wrapped>li {
    list-style: none;
    position: relative
}

.policies-text .paren-wrapped>li:before {
    content: "(" counter(list, lower-alpha) ") ";
    counter-increment: list;
    left: -1.4rem;
    position: absolute
}

.policies-text .bullet-point {
    list-style-type: disc
}

.policies-text .bullet-point .bullet-point>li {
    list-style-type: circle
}

.policies-text .no-bullet-points {
    list-style: none
}

.policies-text li>ol,
.policies-text li>ul {
    margin-bottom: 20px;
    margin-top: 10px
}

.policies-text .large-bold-text,
.policies-text b,
.policies-text strong {
    color: #233b4d;
    font-weight: 700
}

.policies-text .large-bold-text,
.policies-text strong {
    font-size: 1.5rem;
    letter-spacing: .6px;
    line-height: 1.4666666667
}

.policies-text dd {
    margin-bottom: 10px;
    margin-left: 30px
}

.policies-text .title-policy {
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 10px
}

.policies-text .title-policy+h3 {
    border-top: none;
    padding-top: 0
}

.policies-text .title-policy .brand,
.policies-text .title-policy .lead-in-title {
    color: #233b4d;
    font-family: "DS PF DIN Max";
    font-size: 1.5rem;
    font-stretch: 100%;
    font-weight: 700;
    letter-spacing: .6px;
    line-height: 1.4666666667
}

@media screen and (max-width:1024px) {
    .policies-text .title-policy {
        display: flex;
        flex-direction: column
    }

    .policies-text .updated-date {
        margin-bottom: 5px;
        order: -1
    }
}

@media screen and (min-width:1025px) {
    .policies-text .title-policy {
        align-items: flex-end;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .policies-text .title-policy .brand,
    .policies-text .title-policy .lead-in-title {
        flex-basis: 100%
    }
}

.policies-text .table-wrapper {
    max-width: 100%;
    overflow-x: auto
}

.policies-text table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    width: 100%
}

.policies-text table th {
    color: #233b4d;
    font-family: "DS PF DIN Max";
    font-size: 1.3rem;
    font-stretch: 100%;
    font-weight: 700;
    letter-spacing: .6px;
    line-height: 1.5384615385;
    padding: 15px 20px 15px 0;
    text-align: left
}

.policies-text table td {
    border: 0;
    border-bottom: 1px solid #c6c6c6;
    padding: 15px 20px 15px 0
}

.policies-text table thead th {
    border: 0;
    border-bottom: 3px solid #2c2a27
}

.container1-help {
    margin-left: auto;
    margin-right: auto;
    max-width: 1025px;
    padding: 20px;
    width: 100%;
    background-color: #fff;
    background-image: none
}

#recover:target~.login-form_heading,
#recover:target~.login-form_heading+div {
    display: none !important
}

.pickup-availability-preview {
    padding: 10px !important;
    border: 1px solid #2c2a27
}

.policies-scope {
    color: #5e5e5e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "DS PF DIN Max";
    font-size: 1.3rem;
    font-stretch: 100%;
    font-weight: 400;
    letter-spacing: .6px;
    line-height: 1.5384615385;
    margin-bottom: 20px
}

.policies-scope .policy-heading {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-start;
    padding: 14px 20px
}

@media screen and (min-width:360px) {
    .policies-scope .policy-heading {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (min-width:700px) {
    .policies-scope .policy-heading {
        padding-left: 30px;
        padding-right: 30px
    }
}

.policies-scope .policy-heading .icon {
    margin-bottom: 1px;
    margin-right: 10px;
    margin-top: 1px
}

.policies-scope .policy-heading .icon:before {
    display: block;
    font-size: 2rem;
    line-height: 1;
    width: 20px
}

.policies-scope .policy-heading .h3 {
    font-stretch: 100%;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 700;
    font-family: "DS PF DIN Max"
}

@media screen and (min-width:700px) {
    .policies-scope .policy-heading .h3 {
        font-size: 1.5rem
    }
}

.policies-scope .policy-heading .text {
    margin-top: 1px
}

.policies-scope .policy-heading .link {
    display: block;
    font-family: "DS PF DIN Max";
    font-size: 1.3rem;
    margin-top: 1px;
    text-align: right
}

.policies-scope .policy-heading.align-right {
    justify-content: flex-end
}

.policies-scope .policy-heading.align-right .text {
    font-family: "DS PF DIN Max";
    font-size: 1.5rem
}

.policies-scope .policy-heading-account-block {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding: 14px 20px
}

@media screen and (min-width:360px) {
    .policies-scope .policy-heading-account-block {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (min-width:700px) {
    .policies-scope .policy-heading-account-block {
        padding-left: 30px;
        padding-right: 30px
    }
}

.policies-scope .policy-heading-account-block .h3 {
    font-stretch: 100%;
    font-size: 1.5rem;
    line-height: 1.2
}

@media screen and (min-width:700px) {
    .policies-scope .policy-heading-account-block .h3 {
        font-size: 1.5rem
    }
}

.btn-link {
    font-size: 13px !important;
    text-decoration: underline;
    cursor: pointer;
    font-family: "DS PF DIN Max";
    font-stretch: 100%;
    font-weight: 400;
    letter-spacing: .6px
}

.modal-close-button-icon {
    font-size: 1.5rem;
    height: 40px;
    padding: 12px;
    width: 40px;
    background: #f6f4f4;
    border-radius: 50%;
    color: #233b4d;
    cursor: pointer;
    border: none;
    position: absolute !important;
    right: 25px !important
}

.tabs-wrapper {
    padding: 40px
}

.tabs-nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
    border-bottom: 1px solid #ddd
}

.tabs-nav li {
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    width: 50%;
    color: #233b4d;
    font-weight: 700;
    min-height: 60px;
    text-align: center
}

.tabs-nav li.active {
    border-color: #000;
    border-bottom: 3px solid #2c2a27;
    font-weight: 700
}

.tab-pane {
    display: none;
    padding: 1rem 0
}

.tab-pane.active {
    display: block
}

hr {
    border-style: none;
    border-top: 1px solid #c6c6c6
}

.region-and-measurement {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.size-guide-content hr {
    margin: 30px 0
}

.size-guide-section h4 {
    color: #233b4d;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .6px;
    line-height: 1.5384615385
}

.size-guide__measurements-text {
    max-width: 200px
}

.size-guide__label-wrapper {
    display: flex;
    align-items: center
}

.size-guide__label-wrapper p,
.size-guide__measurement-size {
    font-famil: "Trebuchet MS";
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: .6px;
    line-height: 1.5384615385
}

.product-popup-modal_sizeguide__content {
    border-radius: var(--popup-corner-radius);
    background-color: rgb(var(--color-background));
    overflow: auto;
    height: 80%;
    left: 50%;
    transform: translateX(-50%);
    margin: 5rem auto 0;
    width: 92%;
    position: absolute;
    top: 0;
    border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
    border-style: solid;
    border-width: var(--popup-border-width);
    box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
}

.size-guide-images-wrapper {
    border-radius: 0;
    left: 0;
    overflow: hidden;
    top: 0;
    width: 100%
}

.size-guide-images {
    background-color: #f6f6f6;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.size-guide-image img {
    border: 0;
    border-radius: 0
}

.size-guide-info-wrapper {
    background: #fff;
    box-shadow: 0 0 15px 0 #f6f6f6;
    margin: -120px 15px 0;
    padding: 30px 25px;
    position: relative
}

.size-guide__measurements {
    align-items: center;
    display: flex;
    margin-bottom: 5px
}

.size-guide__measurements_list {
    justify-content: space-between;
    display: flex;
    margin-bottom: 5px
}

.size-guide__measurements-text {
    display: flex;
    align-items: center
}

.tooltip-text h3 {
    color: #fff;
    font-size: 12px;
    font-family: "DS PF DIN Max";
    font-stretch: 100%;
    font-weight: 700;
    letter-spacing: .6px
}

.tooltip-text p {
    color: #fff
}

.drop-down {
    display: inline-block;
    position: relative;
    color: #5e5e5e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.3rem;
    line-height: 1.5384615385
}

.drop-down,
.drop-down>select {
    width: 100%;
    font-family: "DS PF DIN Max";
    font-stretch: 100%;
    font-weight: 400;
    letter-spacing: .6px
}

.drop-down>select {
    font-size: 1.6rem;
    height: 60px;
    line-height: 1.5;
    padding-left: 19px;
    padding-top: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    cursor: pointer;
    background: #fff;
    border: 1px solid #c6c6c6;
    color: #233b4d
}

.drop-down>select[data-filled=true] {
    font-weight: 400
}

.drop-down>select[data-filled=true]+.placeholder {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    font-size: 1rem;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: auto;
    white-space: nowrap;
    width: 1px;
    left: 0;
    padding-left: 20px
}

.drop-down>select[data-filled=true]~.float-label {
    display: block
}

.drop-down>.float-label {
    color: #5e5e5e;
    font-size: 1rem;
    letter-spacing: .08rem;
    padding-left: 20px;
    display: none;
    line-height: 1.5;
    pointer-events: none;
    position: absolute;
    top: 12px
}

.region-and-measurement .drop-down:focus-visible {
    outline-color: #025fcc !important;
    border-radius: 1px;
    padding: 0;
    outline-offset: 2.5px
}

.arrow-icon {
    position: absolute;
    font-size: 1.6rem;
    line-height: 2.75;
    right: 10px
}

.measurement-toggle {
    width: 120px;
    display: flex;
    height: 48px;
    margin: 0;
    text-transform: uppercase;
    border: 1px solid #c6c6c6;
    border-radius: 0
}

.toggle-block {
    position: relative;
    width: 50%;
    display: flex
}

.toggle .toggle-radio {
    opacity: 0;
    position: absolute
}

.toggle .toggle-label {
    align-items: center;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 48px;
    overflow: hidden;
    width: 100%
}

.toggle .toggle-block:first-child>.toggle-radio+.toggle-label:before {
    border-radius: 0 0 0 0;
    left: 100%
}

.toggle .toggle-label:before {
    bottom: -1px;
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    transition: left .4s;
    width: calc(100% + 1px);
    z-index: 0
}

.toggle-text {
    z-index: 2
}

.toggle input[type=radio]:checked+label {
    color: #fff;
    background-color: #2c2a27
}

.toggle-radio:checked {
    background: red
}

.toggle-radio:checked+.toggle-label {
    background: #222;
    color: #fff;
    border-color: #222
}

.size-tables__title {
    color: #233b4d;
    font-size: 2rem;
    margin: 30px 0 25px;
    font-stretch: 100%;
    font-weight: 700;
    letter-spacing: .6px
}

.size-tables__description {
    margin-bottom: 30px;
    color: #5e5e5e;
    font-size: 12px;
    font-weight: 400
}

.size-tables-data {
    width: 100%
}

.size-tables__table {
    border-collapse: separate;
    text-align: center;
    font-size: 1.3rem;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #f6f6f6
}

.size-tables__table thead {
    background-color: #f6f6f6;
    color: #233b4d;
    border-collapse: separate;
    text-align: center
}

.size-tables__table tr {
    background-color: #fff
}

.alt-background-color {
    background-color: #f6f6f6 !important
}

.size-tables__table tr td,
.size-tables__table tr th {
    border-bottom: 1px solid #c6c6c6;
    border-left: 0;
    border-right: 1px solid #c6c6c6;
    border-top: 0
}

.size-tables__table td,
.size-tables__table th {
    padding: 10px
}

.size-tables__table tr td.size-guide__primary-column,
.size-tables__table tr th.size-guide__primary-column {
    border-left: 1px solid #c6c6c6
}

.color-picker {
    display: flex;
    flex-wrap: wrap
}

.color-picker .swatch-input__label {
    padding: 0 !important
}

@media screen and (min-width:1025px) {
    .size-guide-images-wrapper {
        min-height: 306px;
        overflow: hidden
    }

    .size-guide-info-wrapper {
        margin-top: -270px
    }
}

.color-picker {
    gap: 16px
}

@media screen and (min-width:540px) {
    .size-guide-images-wrapper {
        min-height: 441px
    }

    .size-guide-info-wrapper {
        margin-left: 40px;
        margin-top: -400px;
        max-width: 410px;
        width: 75%
    }

    .region-and-measurement {
        flex-direction: row
    }

    .region-and-measurement .drop-down {
        max-width: 335px;
        padding: 0;
        width: calc(100% - 140px)
    }
}

@media screen and (min-width:1025px) {
    .size-guide-images {
        max-height: 306px;
        width: 100%
    }
}

@media screen and (min-width:360px) {
    .size-guide-images {
        justify-content: flex-end
    }

    .size-guide-image {
        max-width: 350px
    }
}

@media screen and (min-width:1025px) {
    .product-popup-modal_sizeguide__content {
        max-width: 1020px
    }
}

@media screen and (min-width:540px) {
    .product-popup-modal_sizeguide__content {
        width: 75%
    }
}

.product-page-wrapper {
    display: block;
    padding: 0
}

.collection-button {
    min-width: auto !important
}

@media (min-width:825px) {
    .product-page-wrapper {
        display: flex;
        margin-top: 30px;
        min-height: 100vh
    }
}

@media (min-width:1025px) {
    .product-page-wrapper {
        margin: 30px auto 0;
        width: 958px
    }
}

@media (min-width:1229px) {
    .product-page-wrapper {
        width: calc(100% - 50px)
    }
}

@media (min-width:1400px) {
    .product-page-wrapper {
        width: calc(100% - 59px)
    }
}

@media (min-width:1645px) {
    .product-page-wrapper {
        width: 1260px
    }
}

.show-measurement {
    display: flex;
    justify-content: center
}

.sticky-note {
    position: sticky;
    bottom: 0.5px;
    background-color: white;
    font-family: "DS PF DIN Max";
    max-width: 300px;
    margin-left: 190px;
    margin: 20px auto
}

.overlay-measurement {
    border: 1px solid #c6c6c6;
    height: 50px;
    padding: 10px 20px
}

.model-text {
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    margin: 0;
    letter-spacing: .6px
}

.highlighted-text-wrapper {
    margin-top: 20px;
    margin-bottom: 10px
}

.shop-similar__container {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    gap: 4px;
    padding: 14px;
    background-color: #f6f6f6;
    line-height: 20px
}

.shop-similar__label {
    margin-left: 8px;
    font-size: 13px;
    font-weight: 400;
    color: #233b4d
}

.shop-similar__container a {
    font-size: 13px;
    color: #233b4d;
    text-decoration: underline
}

.modalclost-btn {
    margin-right: 20px
}

.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;

    .tooltip-icon {
        display: none
    }
}

.tooltip-container.tooltip-container--active {
    [data-icon=question-outline] {
        display: none
    }

    .tooltip-icon {
        display: inline-block;
        font-size: 2rem
    }

    .tooltip-icon:before {
        content: "";
        font-family: Responsive Icons;
        color: #5e5e5e
    }
}

.tooltip-container .tooltip-text {
    visibility: hidden;
    width: 315px;
    background-color: #233b4d;
    color: #fff;
    text-align: left;
    padding: 15px 20px;
    border-radius: 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .35s, visibility .35s;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .6px;
    line-height: 1.5384615385
}

.tooltip-container.tooltip-container--active .tooltip-text:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color: #1e2a38
}

.tooltip-container.tooltip-container--active .tooltip-text {
    visibility: visible;
    opacity: 1;
    z-index: 9 !important
}

@media (min-width:1229px) {
    .product-page-content-container {
        padding: 0 6% !important;
        margin: 0 auto
    }
}

.product-form__input .form__label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-transform: capitalize
}

.product-form__update-buttons {
    display: none
}

.template-popup {
    border-radius: 8px !important
}

.customer .field input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "DS PF DIN Max";
    font-stretch: 75%;
    letter-spacing: 0;
    border-radius: 0;
    border-width: 1px;
    border-style: none none solid;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    min-height: 60px;
    padding-left: 0;
    padding-right: 0;
    transition: border-color .4s, color .4s;
    border: none !important;
    border-bottom: 1px solid #5b5a59 !important;
    color: #233b4d;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.customer .field input:focus {
    box-shadow: none !important
}

.customer .field input:focus,
.customer .field input:focus-visible {
    border: none !important;
    box-shadow: none !important
}

.input-field>input:not([readonly]):not([aria-invalid=true]):focus {
    border-color: #4e6f84;
    box-shadow: 0 1px 0 0 #4e6f84
}

.input-field>input:focus {
    outline-offset: 5px
}

.tooltip-btn {
    min-width: 20px !important;
    max-width: 20px !important
}

.customer button {
    border-radius: 50px !important
}

button.login-sign-btn:hover {
    background: #2c2a27 !important;
    color: #fcfcfa !important
}

.tabs-wrapper {
    margin-top: 50px
}

.placeholder\:text-\[\#aaa\]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(170 170 170/var(--tw-text-opacity, 1))
}

.placeholder\:text-\[\#aaa\]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(170 170 170/var(--tw-text-opacity, 1))
}

.placeholder\:text-secondary::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(94 94 94/var(--tw-text-opacity, 1))
}

.placeholder\:text-secondary::placeholder {
    --tw-text-opacity: 1;
    color: rgb(94 94 94/var(--tw-text-opacity, 1))
}

.before\:pr-\[15px\]:before {
    content: var(--tw-content);
    padding-right: 15px
}

.before\:content-\[\'\|\'\]:before {
    --tw-content: "|";
    content: var(--tw-content)
}

.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
}

.first\:mt-0:first-child {
    margin-top: 0
}

.hover\:border-b-2:hover {
    border-bottom-width: 2px
}

.hover\:\!border-\[\#4b4b4b\]:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(75 75 75/var(--tw-border-opacity, 1)) !important
}

.hover\:border-black:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
}

.hover\:\!bg-\[\#4b4b4b\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(75 75 75/var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-\[\#1e2c38\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 44 56/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#2c2a27\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 55 70/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#333\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

.hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.hover\:bg-black\/80:hover {
    background-color: rgba(0, 0, 0, .8)
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity, 1))
}

.hover\:bg-secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(94 94 94/var(--tw-bg-opacity, 1))
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.hover\:\!fill-\[\#2c2a27\]:hover {
    fill: #2c2a27 !important
}

.hover\:\!text-white:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgb(30 58 138/var(--tw-text-opacity, 1))
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(37 55 70/var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:\!no-underline:hover {
    text-decoration-line: none !important
}

.focus\:\!border-none:focus {
    border-style: none !important
}

.focus\:border-\[\#2c2a27\]:focus {
    --tw-border-opacity: 1;
    border-color: rgb(37 55 70/var(--tw-border-opacity, 1))
}

.focus\:\!outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline:focus {
    outline-style: solid
}

.focus\:\!ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:ring-0:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.active\:\!border-none:active {
    border-style: none !important
}

.active\:\!outline-none:active {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.active\:\!ring-0:active {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.disabled\:opacity-100:disabled {
    opacity: 1
}

.group[open] .group-open\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group[open] .group-open\:font-bold {
    font-weight: 700
}

.peer:checked~.peer-checked\:inline-block {
    display: inline-block
}

.peer:checked~.peer-checked\:translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:checked~.peer-checked\:border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(37 55 70/var(--tw-border-opacity, 1))
}

.peer:checked~.peer-checked\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity, 1))
}

.peer:checked~.peer-checked\:bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(37 55 70/var(--tw-bg-opacity, 1))
}

.peer:checked~.peer-checked\:bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28/var(--tw-bg-opacity, 1))
}

.peer:checked~.peer-checked\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.peer:-moz-placeholder~.peer-placeholder-shown\:top-\[1\.2rem\] {
    top: 1.2rem
}

.peer:placeholder-shown~.peer-placeholder-shown\:top-\[1\.2rem\] {
    top: 1.2rem
}

.peer:-moz-placeholder~.peer-placeholder-shown\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:-moz-placeholder~.peer-placeholder-shown\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:placeholder-shown~.peer-placeholder-shown\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:-translate-y-4 {
    --tw-translate-y: -1rem
}

.peer:focus~.peer-focus\:-translate-y-4,
.peer:focus~.peer-focus\:scale-75 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.peer:focus~.peer-focus\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

@media not all and (min-width:1024px) {
    .max-lg\:flex {
        display: flex
    }

    .max-lg\:\!hidden {
        display: none !important
    }

    .max-lg\:hidden {
        display: none
    }

    .max-lg\:w-\[29\%\] {
        width: 29%
    }

    .max-lg\:w-\[69\%\] {
        width: 69%
    }

    .max-lg\:w-full {
        width: 100%
    }

    .max-lg\:items-center {
        align-items: center
    }

    .max-lg\:justify-end {
        justify-content: flex-end
    }

    .max-lg\:justify-between {
        justify-content: space-between
    }

    .max-lg\:gap-0 {
        gap: 0
    }

    .max-lg\:gap-3 {
        gap: .75rem
    }

    .max-lg\:border {
        border-width: 1px
    }

    .max-lg\:border-\[\#c6c6c6\] {
        --tw-border-opacity: 1;
        border-color: rgb(198 198 198/var(--tw-border-opacity, 1))
    }

    .max-lg\:p-0 {
        padding: 0
    }

    .max-lg\:px-\[5px\] {
        padding-left: 5px;
        padding-right: 5px
    }

    .max-lg\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .max-lg\:\!pl-\[12px\] {
        padding-left: 12px !important
    }

    .max-lg\:\!pt-0 {
        padding-top: 0 !important
    }

    .max-lg\:pr-\[12px\] {
        padding-right: 12px
    }
}

@media not all and (min-width:768px) {
    .max-md\:hidden {
        display: none
    }

    .max-md\:\!w-full {
        width: 100% !important
    }

    .max-md\:w-1\/2 {
        width: 50%
    }

    .max-md\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .max-md\:w-full {
        width: 100%
    }

    .max-md\:flex-col {
        flex-direction: column
    }

    .max-md\:justify-between {
        justify-content: space-between
    }

    .max-md\:gap-0 {
        gap: 0
    }

    .max-md\:border-\[\#2c2a27\] {
        --tw-border-opacity: 1;
        border-color: rgb(37 55 70/var(--tw-border-opacity, 1))
    }

    .max-md\:p-10 {
        padding: 2.5rem
    }

    .max-md\:p-5 {
        padding: 1.25rem
    }

    .max-md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .max-md\:text-primary {
        --tw-text-opacity: 1;
        color: rgb(37 55 70/var(--tw-text-opacity, 1))
    }
}

@media (min-width:640px) {
    .sm\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .sm\:\!block {
        display: block !important
    }

    .sm\:\!flex {
        display: flex !important
    }

    .sm\:hidden {
        display: none
    }

    .sm\:min-w-\[700px\] {
        min-width: 700px
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}

@media (min-width:768px) {
    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:-mx-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .md\:mx-7 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:mb-\[15px\] {
        margin-bottom: 15px
    }

    .md\:mt-\[6rem\] {
        margin-top: 6rem
    }

    .md\:\!block {
        display: block !important
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-1\/5 {
        width: 20%
    }

    .md\:w-4\/5 {
        width: 80%
    }

    .md\:w-\[30\%\] {
        width: 30%
    }

    .md\:w-\[580px\] {
        width: 580px
    }

    .md\:w-\[70\%\] {
        width: 70%
    }

    .md\:w-full {
        width: 100%
    }

    .md\:shrink-0 {
        flex-shrink: 0
    }

    .md\:basis-\[166px\] {
        flex-basis: 166px
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:flex-wrap {
        flex-wrap: wrap
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .md\:justify-items-center {
        justify-items: center
    }

    .md\:gap-10 {
        gap: 2.5rem
    }

    .md\:place-self-center {
        place-self: center
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:\!pt-0 {
        padding-top: 0 !important
    }

    .md\:pr-\[1\.6rem\] {
        padding-right: 1.6rem
    }

    .md\:pt-4 {
        padding-top: 1rem
    }

    .md\:pt-8 {
        padding-top: 2rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width:1024px) {
    .lg\:pointer-events-auto {
        pointer-events: auto
    }

    .lg\:mx-32 {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .lg\:mt-5 {
        margin-top: 1.25rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-44 {
        height: 11rem
    }

    .lg\:min-h-\[95px\] {
        min-height: 95px
    }

    @media (min-width:1024px) {
        .lg\:lg\:w-1\/3 {
            width: 33.333333%
        }
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-1\/6 {
        width: 16.666667%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-2\/5 {
        width: 40%
    }

    .lg\:w-2\/6 {
        width: 33.333333%
    }

    .lg\:w-3\/4 {
        width: 75%
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-4\/5 {
        width: 80%
    }

    .lg\:w-60 {
        width: 15rem
    }

    .lg\:w-\[2\.6\%\] {
        width: 2.6%
    }

    .lg\:w-\[228px\] {
        width: 228px
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:overflow-x-hidden {
        overflow-x: hidden
    }

    .lg\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .lg\:p-12 {
        padding: 3rem
    }

    .lg\:p-16 {
        padding: 4rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .lg\:px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .lg\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pb-32 {
        padding-bottom: 8rem
    }

    .lg\:pb-8 {
        padding-bottom: 2rem
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pl-\[22px\] {
        padding-left: 22px
    }

    .lg\:pr-\[30px\] {
        padding-right: 30px
    }

    .lg\:pt-12 {
        padding-top: 3rem
    }

    .lg\:pt-16 {
        padding-top: 4rem
    }

    .lg\:pt-20 {
        padding-top: 5rem
    }

    .lg\:pt-8 {
        padding-top: 2rem
    }

    .lg\:pt-\[10px\] {
        padding-top: 10px
    }

    .lg\:text-right {
        text-align: right
    }

    .lg\:text-start {
        text-align: start
    }

    .lg\:opacity-70 {
        opacity: .7
    }
}

@media (min-width:1280px) {
    .xl\:inline {
        display: inline
    }

    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

@media (min-width:1536px) {
    .\32xl\:w-\[300px\] {
        width: 300px
    }
}

@media (prefers-color-scheme:dark) {

    .dark\:bg-\[\#c6c6c6\],
    .dark\:bg-divider {
        --tw-bg-opacity: 1;
        background-color: rgb(198 198 198/var(--tw-bg-opacity, 1))
    }
}

*/