.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
                            display :none !important;
                        }
                        @layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *,:before,:after,::backdrop {
            --tw-rotate-x:initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-duration: initial
        }
    }
}

@layer theme {
    :root,:host {
        --font-sans: "Avantt",sans-serif;
        --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --spacing: .25rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --radius-sm: .25rem;
        --radius-md: .5rem;
        --radius-lg: .75rem;
        --radius-xl: 1rem;
        --animate-spin: spin 1s linear infinite;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-display: "FKScreamer","Avantt",sans-serif;
        --color-white: #fff;
        --color-neutral-100: #fbf9f8;
        --color-neutral-200: #f3f3f3;
        --color-neutral-300: #e5e3de;
        --color-neutral-400: #bbb;
        --color-neutral-500: #cdc8bf;
        --color-neutral-600: #757470;
        --color-neutral-700: #4f4f51;
        --color-neutral-800: #3a3a3c;
        --color-neutral-900: #252427;
        --color-violet-100: #e4d5fd;
        --color-violet-700: #6243b9;
        --color-violet-900: #4d2e8c;
        --color-mint-300: #b4ffc2;
        --color-mint-700: #24b416;
        --color-mint-900: #147e11;
        --color-red-300: #ffc0c7;
        --color-red-700: #e64562;
        --color-red-800: #d0304e;
        --color-red-900: #bb243e;
        --color-teal-100: #def9fc;
        --color-teal-300: #a3e5ec;
        --color-teal-600: #4cb2bd;
        --color-teal-700: #3696a0;
        --color-teal-900: #1b5d64;
        --color-ochre-300: #fad775;
        --color-ochre-600: #cf9600;
        --color-ochre-800: #9a6c00;
        --color-primary: var(--color-neutral-900);
        --color-secondary: var(--color-neutral-700);
        --color-tertiary: var(--color-neutral-600);
        --color-inverse: var(--color-white);
        --color-accent: var(--color-violet-700);
        --color-error: var(--color-red-700);
        --color-warning: var(--color-ochre-600);
        --color-success: var(--color-mint-700);
        --color-info: var(--color-teal-600);
        --text-color-primary: var(--color-primary);
        --text-color-secondary: var(--color-secondary);
        --text-color-muted: var(--color-tertiary);
        --background-color-inverse-primary: var(--color-primary);
        --border-color-enabled: var(--color-neutral-300);
        --radius-none: 0rem;
        --shadow-active-light: 0 0 40px 0 #00000026;
        --shadow-subtle-light: 0 0 10px 0 #0000000d;
        --container-max: 90rem;
        --container-gutter-sm: calc(var(--spacing)*4);
        --container-gutter-lg: calc(var(--spacing)*10)
    }
}

@layer base {
    *,:after,:before,::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr: where([title]) {
        -webkit-text-decoration:underline dotted;
        text-decoration: underline dotted
    }

    h1,h2,h3,h4,h5,h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,strong {
        font-weight: bolder
    }

    code,kbd,samp,pre {
        font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
        font-feature-settings: var(--default-mono-font-feature-settings,normal);
        font-variation-settings: var(--default-mono-font-variation-settings,normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol,ul,menu {
        list-style: none
    }

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

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

    button,input,select,optgroup,textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select: is([multiple],[size])) optgroup {
        font-weight:bolder
    }

    :where(select: is([multiple],[size])) optgroup option {
        padding-inline-start:20px
    }

    ::file-selector-button {
        margin-inline-end:4px}

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color:currentColor
        }

        @supports (color: color-mix(in lab,red,red)) {
            ::placeholder {
                color:color-mix(in oklab,currentcolor 50%,transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

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

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit {
        padding-block:0}

    ::-webkit-datetime-edit-year-field {
        padding-block:0}

    ::-webkit-datetime-edit-month-field {
        padding-block:0}

    ::-webkit-datetime-edit-day-field {
        padding-block:0}

    ::-webkit-datetime-edit-hour-field {
        padding-block:0}

    ::-webkit-datetime-edit-minute-field {
        padding-block:0}

    ::-webkit-datetime-edit-second-field {
        padding-block:0}

    ::-webkit-datetime-edit-millisecond-field {
        padding-block:0}

    ::-webkit-datetime-edit-meridiem-field {
        padding-block:0}

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

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

    button,input: where([type=button],[type=reset],[type=submit]) {
        appearance:button
    }

    ::file-selector-button {
        appearance: button
    }

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

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

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

    html {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    p,h1,h2,h3,h4,h5,h6 {
        overflow-wrap: break-word
    }
}

@layer components.components {
    .site-container {
        width: 100%;
        max-width: var(--container-max);
        padding-inline:var(--container-gutter-sm);margin-inline: auto
    }

    @media(min-width: 64rem) {
        .site-container {
            padding-inline:var(--container-gutter-lg)
        }
    }

    .breakout {
        margin-inline:calc(var(--container-gutter-sm)*-1)}

    @media(min-width: 64rem) {
        .breakout {
            margin-inline:calc(var(--container-gutter-lg)*-1)
        }
    }
}

@layer utilities {
    .visible {
        visibility: visible
    }

    .sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .col-6 {
        grid-column: 6
    }

    .col-12 {
        grid-column: 12
    }

    .col-span-2 {
        grid-column: span 2/span 2
    }

    .container {
        width: 100%
    }

    @media(min-width: 22rem) {
        .container {
            max-width:22rem
        }
    }

    @media(min-width: 30rem) {
        .container {
            max-width:30rem
        }
    }

    @media(min-width: 40rem) {
        .container {
            max-width:40rem
        }
    }

    @media(min-width: 48rem) {
        .container {
            max-width:48rem
        }
    }

    @media(min-width: 64rem) {
        .container {
            max-width:64rem
        }
    }

    @media(min-width: 80rem) {
        .container {
            max-width:80rem
        }
    }

    @media(min-width: 96rem) {
        .container {
            max-width:96rem
        }
    }

    .m-0 {
        margin: calc(var(--spacing)*0)
    }

    .-my-1 {
        margin-block:calc(var(--spacing)*-1)}

    .my-1 {
        margin-block: calc(var(--spacing)*1)
    }

    .my-2 {
        margin-block:calc(var(--spacing)*2)}

    .my-4 {
        margin-block: calc(var(--spacing)*4)
    }

    .mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .mb-32 {
        margin-bottom: calc(var(--spacing)*32)
    }

    .ml-1 {
        margin-left: calc(var(--spacing)*1)
    }

    .ml-2 {
        margin-left: calc(var(--spacing)*2)
    }

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

    .scrollbar-hidden {
        scrollbar-width: none
    }

    .scrollbar-hidden::-webkit-scrollbar {
        display: none
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .list-item {
        display: list-item
    }

    .table {
        display: table
    }

    .size-4 {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .size-16 {
        width: calc(var(--spacing)*16);
        height: calc(var(--spacing)*16)
    }

    .h-2 {
        height: calc(var(--spacing)*2)
    }

    .h-auto {
        height: auto
    }

    .w-7 {
        width: calc(var(--spacing)*7)
    }

    .w-30 {
        width: calc(var(--spacing)*30)
    }

    .w-full {
        width: 100%
    }

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

    .min-w-0 {
        min-width: calc(var(--spacing)*0)
    }

    .min-w-7 {
        min-width: calc(var(--spacing)*7)
    }

    .min-w-min {
        min-width: min-content
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .flex-grow {
        flex-grow: 1
    }

    .border-collapse {
        border-collapse: collapse
    }

    .transform {
        transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
    }

    .animate-spin {
        animation: var(--animate-spin)
    }

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

    .snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness)
    }

    .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory
    }

    .snap-start {
        scroll-snap-align: start
    }

    .scroll-pl-4 {
        scroll-padding-left: calc(var(--spacing)*4)
    }

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

    .appearance-none {
        appearance: none
    }

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

    .flex-col {
        flex-direction: column
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

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

    .justify-center {
        justify-content: center
    }

    .gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .gap-5 {
        gap: calc(var(--spacing)*5)
    }

    .gap-8 {
        gap: calc(var(--spacing)*8)
    }

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

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

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-lg {
        border-radius: var(--radius-lg)
    }

    .rounded-md {
        border-radius: var(--radius-md)
    }

    .rounded-none {
        border-radius: var(--radius-none)
    }

    .rounded-sm {
        border-radius: var(--radius-sm)
    }

    .rounded-xl {
        border-radius: var(--radius-xl)
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-3 {
        border-style: var(--tw-border-style);
        border-width: 3px
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-none {
        --tw-border-style: none;
        border-style: none
    }

    .border-enabled {
        border-color: var(--border-color-enabled)
    }

    .border-primary {
        border-color: var(--color-primary)
    }

    .border-b-transparent {
        border-bottom-color: #0000
    }

    .bg-neutral-200 {
        background-color: var(--color-neutral-200)
    }

    .bg-transparent {
        background-color: #0000
    }

    .p-1 {
        padding: calc(var(--spacing)*1)
    }

    .p-3 {
        padding: calc(var(--spacing)*3)
    }

    .px-4 {
        padding-inline:calc(var(--spacing)*4)}

    .py-0 {
        padding-block: calc(var(--spacing)*0)
    }

    .py-2 {
        padding-block:calc(var(--spacing)*2)}

    .py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .py-6 {
        padding-block:calc(var(--spacing)*6)}

    .py-8 {
        padding-block: calc(var(--spacing)*8)
    }

    .py-16 {
        padding-block:calc(var(--spacing)*16)}

    .pt-0 {
        padding-top: calc(var(--spacing)*0)
    }

    .pt-2 {
        padding-top: calc(var(--spacing)*2)
    }

    .pt-4 {
        padding-top: calc(var(--spacing)*4)
    }

    .pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .pt-8 {
        padding-top: calc(var(--spacing)*8)
    }

    .pt-12 {
        padding-top: calc(var(--spacing)*12)
    }

    .pt-16 {
        padding-top: calc(var(--spacing)*16)
    }

    .pr-8 {
        padding-right: calc(var(--spacing)*8)
    }

    .pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    .pb-2 {
        padding-bottom: calc(var(--spacing)*2)
    }

    .pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }

    .pb-6 {
        padding-bottom: calc(var(--spacing)*6)
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
    }

    .pb-9 {
        padding-bottom: calc(var(--spacing)*9)
    }

    .pb-12 {
        padding-bottom: calc(var(--spacing)*12)
    }

    .pb-16 {
        padding-bottom: calc(var(--spacing)*16)
    }

    .text-center {
        text-align: center
    }

    .text-right {
        text-align: right
    }

    .align-top {
        vertical-align: top
    }

    .font-display {
        font-family: var(--font-display)
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

    .leading-\[120\%\]\! {
        --tw-leading: 120%!important;
        line-height: 120%!important
    }

    .text-muted {
        color: var(--text-color-muted)
    }

    .text-neutral-600 {
        color: var(--color-neutral-600)
    }

    .text-primary {
        color: var(--text-color-primary)
    }

    .text-secondary {
        color: var(--text-color-secondary)
    }

    .text-tertiary {
        color: var(--color-tertiary)
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .uppercase {
        text-transform: uppercase
    }

    .underline {
        text-decoration-line: underline
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-80 {
        opacity: .8
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }

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

    .transition {
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }

    .group-aria-checked\: invert:is(:where(.group)[aria-checked=true] *) {
        --tw-invert:invert(100%);
        filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }

    .aria-checked\: border-b-2[aria-checked=true] {
        border-bottom-style:var(--tw-border-style);
        border-bottom-width: 2px
    }

    .aria-checked\: border-primary[aria-checked=true] {
        border-color:var(--color-primary)
    }

    .aria-checked\: bg-inverse-primary[aria-checked=true] {
        background-color:var(--background-color-inverse-primary)
    }

    .aria-checked\: text-inverse[aria-checked=true] {
        color:var(--color-inverse)
    }

    .aria-checked\: text-primary[aria-checked=true] {
        color:var(--text-color-primary)
    }

    @media(min-width: 22rem) {
        .xxs\:grid-cols-2 {
            grid-template-columns:repeat(2,minmax(0,1fr))
        }

        .xxs\:flex-row {
            flex-direction: row
        }

        .xxs\:gap-4 {
            gap: calc(var(--spacing)*4)
        }
    }

    @media(min-width: 40rem) {
        .sm\:col-auto {
            grid-column:auto
        }
    }

    @media(min-width: 48rem) {
        .md\:-m-1 {
            margin:calc(var(--spacing)*-1)
        }

        .md\:my-2 {
            margin-block:calc(var(--spacing)*2)}

        .md\: my-4 {
            margin-block:calc(var(--spacing)*4)
        }

        .md\:ml-4 {
            margin-left: calc(var(--spacing)*4)
        }

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

        .md\:flex-row {
            flex-direction: row
        }

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

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

        .md\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .md\:py-1 {
            padding-block:calc(var(--spacing)*1)}

        .md\: py-12 {
            padding-block:calc(var(--spacing)*12)
        }

        .md\:py-20 {
            padding-block:calc(var(--spacing)*20)}

        .md\: pt-4 {
            padding-top:calc(var(--spacing)*4)
        }

        .md\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .md\:pt-12 {
            padding-top: calc(var(--spacing)*12)
        }

        .md\:pt-20 {
            padding-top: calc(var(--spacing)*20)
        }

        .md\:pb-4 {
            padding-bottom: calc(var(--spacing)*4)
        }

        .md\:pb-12 {
            padding-bottom: calc(var(--spacing)*12)
        }

        .md\:pb-20 {
            padding-bottom: calc(var(--spacing)*20)
        }

        .md\:text-center {
            text-align: center
        }
    }

    @media(min-width: 64rem) {
        .lg\:-mx-2 {
            margin-inline:calc(var(--spacing)*-2)
        }

        .lg\:mx-0 {
            margin-inline:calc(var(--spacing)*0)}

        .lg\: scroll-pl-2 {
            scroll-padding-left:calc(var(--spacing)*2)
        }

        .lg\:px-2 {
            padding-inline:calc(var(--spacing)*2)}
    }

    @media(min-width: 80rem) {
        .xl\:grid-cols-4 {
            grid-template-columns:repeat(4,minmax(0,1fr))
        }
    }
}

@font-face {
    font-family: FKScreamer;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(FKScreamer Medium),local(FKScreamer-Medium),url(https://cdn.shopify.com/s/files/1/0514/3740/4334/files/FKScreamer-medium_6b5f6b78-30dc-44c2-b655-a2fe7aadd984.woff2)format("woff2")
}

@font-face {
    font-family: Avantt;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Avantt Medium),local(Avantt-Medium),url(https://cdn.shopify.com/s/files/1/0514/3740/4334/files/Avantt-medium.woff2)format("woff2")
}

@font-face {
    font-family: Avantt;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(Avantt Medium),local(Avantt-Medium),url(https://cdn.shopify.com/s/files/1/0514/3740/4334/files/Avantt-medium.woff2)format("woff2")
}

@font-face {
    font-family: Avantt;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(Avantt Medium),local(Avantt-Medium),url(https://cdn.shopify.com/s/files/1/0514/3740/4334/files/Avantt-medium.woff2)format("woff2")
}

@font-face {
    font-family: BespokeSerif;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local(BespokeSerif LightItalic),local(BespokeSerif-LightItalic),url(/cdn/shop/files/BespokeSerif-LightItalic.woff2)format("woff2"),url(/cdn/shop/files/BespokeSerif-LightItalic.woff)format("woff")
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    display : none !important;
}
.search__input.field__input {
    padding-right: 3.125rem
}

.search__button {
    right: var(--inputs-border-width);
    top: var(--inputs-border-width)
}

.search__button.focused,.search__button:focus-visible {
    box-shadow: 0 0 0 .1875rem rgb(var(--color-background)),0 0 0 .25rem rgba(var(--color-foreground));
    background-color: rgb(var(--color-background));
    outline: 0;
    z-index: 2
}

@supports not selector(:focus-visible) {
    .search__button:focus {
        box-shadow: 0 0 0 .1875rem rgb(var(--color-background)),0 0 0 .25rem rgba(var(--color-foreground));
        background-color: rgb(var(--color-background));
        outline: 0;
        z-index: 2
    }
}

.search__button .icon {
    height: 1.125rem;
    width: 1.125rem
}

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

/*# sourceMappingURL=/cdn/shop/t/3274/assets/component-search.css.map?v=100363637626331741071768400187 */
slider-component {
  position: relative;
  display: block;
}

@media screen and (max-width: 989px) {
  .no-js slider-component .slider {
    padding-bottom: 1.875rem;
  }
}

.slider__slide {
  --focus-outline-padding: 0.3125rem;
  scroll-snap-align: start;
  flex-shrink: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 749px) {
  .slider.slider--mobile {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 0.625rem;
  }

  .product__media-list.slider.slider--mobile {
    overscroll-behavior: auto none;
    margin-bottom: 0;
  }

  .slider.slider--mobile .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), 0);
    padding-bottom: 0;
  }

  .slider.slider--mobile.contains-card--standard
    .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--mobile.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

@media screen and (min-width: 750px) {
  .slider.slider--tablet-up {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }

  .slider.slider--tablet-up .slider__slide {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 989px) {
  .slider.slider--tablet {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }

  .slider.slider--tablet .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), 0);
    padding-bottom: max(var(--focus-outline-padding), 0);
  }

  .slider.slider--tablet.contains-card--standard
    .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--tablet.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

.slider--everywhere {
  position: relative;
  flex-wrap: inherit;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0.625rem;
}

.slider.slider--everywhere .slider__slide {
  margin-bottom: 0;
  scroll-snap-align: center;
}

@media screen and (min-width: 990px) {
  .slider-component-desktop.container {
    max-width: none;
  }

  .slider--desktop {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 0.625rem;
  }

  .slider.slider--desktop .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), 0);
    padding-bottom: max(var(--focus-outline-padding), 0);
  }

  .slider--desktop.grid--5-col-desktop .grid__item {
    width: calc(100% / 5);
  }

  .slider--desktop.grid--4-col-desktop .grid__item {
    width: calc(100% / 4);
  }

  .slider--desktop.grid--3-col-desktop .grid__item {
    width: calc(100% / 3);
  }

  .slider--desktop.grid--2-col-desktop .grid__item {
    width: calc(100% / 2);
  }

  .slider--desktop.grid--1-col-desktop .grid__item {
    width: 100%;
  }

  .slider.slider--desktop.contains-card--standard
    .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--desktop.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

@media (prefers-reduced-motion) {
  .slider {
    scroll-behavior: auto;
  }
}

/* Scrollbar */

.slider {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  height: 0.25rem;
  width: 0.25rem;
  display: none;
}

.no-js .slider {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.no-js .slider::-webkit-scrollbar {
  display: initial;
}

.slider::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground));
  border-radius: var(--rounded-sm);
  border: 0;
}

.slider::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), 0.04);
  border-radius: var(--rounded-sm);
}

.slider-counter {
  display: flex;
  justify-content: center;
  min-width: 2.75rem;
}

@media screen and (min-width: 750px) {
  .slider-counter--dots {
    margin: 0 0.75rem;
  }
}

.slider-counter__link {
  padding: 0.1875rem;
}

.slider-counter__link--dots .dot {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: var(--rounded-full);
  padding: 0;
  display: block;
  background-color: rgba(var(--color-foreground), 0.05);
}

.slider-counter__link--active.slider-counter__link--dots .dot {
  background-color: rgba(var(--color-foreground), 1);
}

@media screen and (forced-colors: active) {
  .slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: CanvasText;
  }
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  background-color: rgba(var(--color-foreground), 0.15);
}

.slider-counter__link--dots .dot,
.slider-counter__link--numbers {
  transition: transform 0.2s ease-in-out;
}

.slider-counter__link--active.slider-counter__link--numbers,
.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
.slider-counter__link--numbers:hover {
  transform: scale(1.1);
}

.slider-counter__link--numbers {
  color: rgba(var(--color-foreground), 0.5);
  text-decoration: none;
  background-color: transparent;
  padding: 0.375rem;
  font-size: 16px;
}

.slider-counter--counter {
  font-size: 16px;
}

.slider-counter__link--numbers:hover {
  color: rgb(var(--color-foreground));
}

.slider-counter__link--active.slider-counter__link--numbers {
  text-decoration: underline;
  color: rgb(var(--color-foreground));
}

.slider-buttons {
  display: flex;
  align-items: center;
  justify-content: center;

  margin-top: var(--space-4);
}

@media screen and (min-width: 990px) {
  .slider:not(.slider--everywhere):not(.slider--desktop) + .slider-buttons {
    display: none;
  }
  .slider-buttons {
    margin-top: var(--space-8);
  }
}

@media screen and (max-width: 989px) {
  .slider--desktop:not(.slider--tablet) + .slider-buttons {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .slider--mobile + .slider-buttons {
    display: none;
  }
}

.slider-button {
  color: rgba(var(--color-foreground), 1);
  background: transparent;
  border: none;
  cursor: pointer;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-button:not([disabled]):hover {
  color: rgb(var(--color-foreground));
}

@media screen and (min-width: 750px) {
  .slider-button {
    height: 28px;
  }
}

@media screen and (max-width: 749px) {
  .slider-button {
    height: 20px;
  }
}

.slider-button .icon {
  height: 0.375rem;
}

.slider-button[disabled] .icon {
  color: rgba(var(--color-foreground), 0.3);
  cursor: not-allowed;
}

.slider-button--next .icon {
  transform: rotate(-90deg);
}

.slider-button--prev .icon {
  transform: rotate(90deg);
}

.slider-button--next:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1);
}

.slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1);
}

/* Slider dots */
slider-component {
  --slider-dot-size: 10px;
  --slider-dot-touch-target: 24px;
}

.slider-dots {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: var(--space-6) 0;
}

.slider-dots--desktop {
  display: none;
}

.slider-dots .dot {
  position: relative;
  width: var(--slider-dot-touch-target);
  height: var(--slider-dot-touch-target);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  background: transparent;
}

.slider-dots .dot::before {
  content: '';
  width: var(--slider-dot-size);
  height: var(--slider-dot-size);
  border-radius: var(--rounded-full);
  background: #252427;
  opacity: 0.5;
}

.slider-dots .dot.active::before {
  opacity: 1;
}

@media screen and (min-width: 989px) {
  .slider-dots--desktop {
    display: flex;
  }

  .slider-dots--mobile {
    display: none;
  }
}
slider-component {
    position: relative;
    display: block
}

@media screen and (max-width: 989px) {
    .no-js slider-component .slider {
        padding-bottom:1.875rem
    }
}

.slider__slide {
    --focus-outline-padding: .3125rem;
    scroll-snap-align: start;
    flex-shrink: 0;
    padding-bottom: 0
}

@media screen and (max-width: 749px) {
    .slider.slider--mobile {
        position:relative;
        flex-wrap: inherit;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        margin-bottom: .625rem
    }

    .product__media-list.slider.slider--mobile {
        overscroll-behavior: auto none;
        margin-bottom: 0
    }

    .slider.slider--mobile .slider__slide {
        margin-bottom: 0;
        padding-top: max(var(--focus-outline-padding),0);
        padding-bottom: 0
    }

    .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
        padding-bottom: var(--focus-outline-padding)
    }

    .slider.slider--mobile.contains-content-container .slider__slide {
        --focus-outline-padding: 0rem
    }
}

@media screen and (min-width: 750px) {
    .slider.slider--tablet-up {
        position:relative;
        flex-wrap: inherit;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch
    }

    .slider.slider--tablet-up .slider__slide {
        margin-bottom: 0
    }
}

@media screen and (max-width: 989px) {
    .slider.slider--tablet {
        position:relative;
        flex-wrap: inherit;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch
    }

    .slider.slider--tablet .slider__slide {
        margin-bottom: 0;
        padding-top: max(var(--focus-outline-padding),0);
        padding-bottom: max(var(--focus-outline-padding),0)
    }

    .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
        padding-bottom: var(--focus-outline-padding)
    }

    .slider.slider--tablet.contains-content-container .slider__slide {
        --focus-outline-padding: 0rem
    }
}

.slider--everywhere {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: .625rem
}

.slider.slider--everywhere .slider__slide {
    margin-bottom: 0;
    scroll-snap-align: center
}

@media screen and (min-width: 990px) {
    .slider-component-desktop.container {
        max-width:none
    }

    .slider--desktop {
        position: relative;
        flex-wrap: inherit;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        margin-bottom: .625rem
    }

    .slider.slider--desktop .slider__slide {
        margin-bottom: 0;
        padding-top: max(var(--focus-outline-padding),0);
        padding-bottom: max(var(--focus-outline-padding),0)
    }

    .slider--desktop.grid--5-col-desktop .grid__item {
        width: 20%
    }

    .slider--desktop.grid--4-col-desktop .grid__item {
        width: 25%
    }

    .slider--desktop.grid--3-col-desktop .grid__item {
        width: calc(100% / 3)
    }

    .slider--desktop.grid--2-col-desktop .grid__item {
        width: 50%
    }

    .slider--desktop.grid--1-col-desktop .grid__item {
        width: 100%
    }

    .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
        padding-bottom: var(--focus-outline-padding)
    }

    .slider.slider--desktop.contains-content-container .slider__slide {
        --focus-outline-padding: 0rem
    }
}

@media (prefers-reduced-motion) {
    .slider {
        scroll-behavior: auto
    }
}

.slider {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.slider::-webkit-scrollbar {
    height: .25rem;
    width: .25rem;
    display: none
}

.no-js .slider {
    -ms-overflow-style: auto;
    scrollbar-width: auto
}

.no-js .slider::-webkit-scrollbar {
    display: initial
}

.slider::-webkit-scrollbar-thumb {
    background-color: rgb(var(--color-foreground));
    border-radius: var(--rounded-sm);
    border: 0
}

.slider::-webkit-scrollbar-track {
    background: rgba(var(--color-foreground),.04);
    border-radius: var(--rounded-sm)
}

.slider-counter {
    display: flex;
    justify-content: center;
    min-width: 2.75rem
}

@media screen and (min-width: 750px) {
    .slider-counter--dots {
        margin:0 .75rem
    }
}

.slider-counter__link {
    padding: .1875rem
}

.slider-counter__link--dots .dot {
    width: .625rem;
    height: .625rem;
    border-radius: var(--rounded-full);
    padding: 0;
    display: block;
    background-color: rgba(var(--color-foreground),.05)
}

.slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: rgba(var(--color-foreground),1)
}

@media screen and (forced-colors: active) {
    .slider-counter__link--active.slider-counter__link--dots .dot {
        background-color: CanvasText
    }
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
    background-color: rgba(var(--color-foreground),.15)
}

.slider-counter__link--dots .dot,.slider-counter__link--numbers {
    transition: transform .2s ease-in-out
}

.slider-counter__link--active.slider-counter__link--numbers,.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,.slider-counter__link--numbers:hover {
    transform: scale(1.1)
}

.slider-counter__link--numbers {
    color: rgba(var(--color-foreground),.5);
    text-decoration: none;
    background-color: transparent;
    padding: .375rem;
    font-size: 16px
}

.slider-counter--counter {
    font-size: 16px
}

.slider-counter__link--numbers:hover {
    color: rgb(var(--color-foreground))
}

.slider-counter__link--active.slider-counter__link--numbers {
    text-decoration: underline;
    color: rgb(var(--color-foreground))
}

.slider-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--space-4)
}

@media screen and (min-width: 990px) {
    .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
        display:none
    }

    .slider-buttons {
        margin-top: var(--space-8)
    }
}

@media screen and (max-width: 989px) {
    .slider--desktop:not(.slider--tablet)+.slider-buttons {
        display:none
    }
}

@media screen and (min-width: 750px) {
    .slider--mobile+.slider-buttons {
        display:none
    }
}

.slider-button {
    color: rgba(var(--color-foreground),1);
    background: transparent;
    border: none;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center
}

.slider-button:not([disabled]):hover {
    color: rgb(var(--color-foreground))
}

@media screen and (min-width: 750px) {
    .slider-button {
        height:28px
    }
}

@media screen and (max-width: 749px) {
    .slider-button {
        height:20px
    }
}

.slider-button .icon {
    height: .375rem
}

.slider-button[disabled] .icon {
    color: rgba(var(--color-foreground),.3);
    cursor: not-allowed
}

.slider-button--next .icon {
    transform: rotate(-90deg)
}

.slider-button--prev .icon {
    transform: rotate(90deg)
}

.slider-button--next:not([disabled]):hover .icon {
    transform: rotate(-90deg) scale(1.1)
}

.slider-button--prev:not([disabled]):hover .icon {
    transform: rotate(90deg) scale(1.1)
}

slider-component {
    --slider-dot-size: 10px;
    --slider-dot-touch-target: 24px
}

.slider-dots {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: var(--space-6) 0
}

.slider-dots--desktop {
    display: none
}

.slider-dots .dot {
    position: relative;
    width: var(--slider-dot-touch-target);
    height: var(--slider-dot-touch-target);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    cursor: pointer;
    background: transparent
}

.slider-dots .dot:before {
    content: "";
    width: var(--slider-dot-size);
    height: var(--slider-dot-size);
    border-radius: var(--rounded-full);
    background: #252427;
    opacity: .5
}

.slider-dots .dot.active:before {
    opacity: 1
}

@media screen and (min-width: 989px) {
    .slider-dots--desktop {
        display:flex
    }

    .slider-dots--mobile {
        display: none
    }
}

/*# sourceMappingURL=/cdn/shop/t/3274/assets/component-slider.css.map?v=6236490520362997661770807774 */

                        /* Show pause icon */
                        button.button-pause.pause .icon-play {
                            display: none;
                        }

                        button.button-pause.pause .icon-pause {
                            display: block;
                        }

                        /* Show play icon */
                        button.button-pause.play .icon-play {
                            display: block;
                        }

                        button.button-pause.play .icon-pause {
                            display: none;
                        }

                        .button-pause {
                            background-color: #4f4f5199;
                            border-radius: var(--rounded-full);
                            border: none;
                            width: 24px;
                            height: 24px;
                            padding: 0;
                            margin: 0;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            cursor: pointer;
                        }

                        .button-pause svg.icon-pause {
                            width: 15px;
                            height: auto;
                        }

                        .button-pause svg.icon-play {
                            width: 6px;
                            height: auto;
                        }
                    
    @charset "UTF-8";:root {
    --rounded-none: 0rem;
    --rounded-sm: .25rem;
    --rounded-md: .5rem;
    --rounded-lg: .75rem;
    --rounded-xl: 1rem;
    --rounded-full: 624.938rem;
    --breakpoint-sm: 640px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1280px;
    --breakpoint-xxl: 1536px;
    --system-primary: #252427;
    --system-inverse: #ffffff;
    --system-accent: #6243b9;
    --system-error: #e64562;
    --system-warning: #cf9600;
    --system-success: #24b416;
    --system-info: #4cb2bd;
    --system-background-default-primary: #ffffff;
    --system-background-default-inverse-primary: #252427;
    --system-background-default-inverse-secondary: #3a3a3c;
    --system-background-default-secondary: #fbf9f8;
    --system-background-default-disabled: rgba(251, 249, 248, .5);
    --system-border-enabled: #e5e3de;
    --system-border-transparent: rgba(229, 227, 222, .2);
    --system-border-selected: #252427;
    --system-border-focus: #3696a0;
    --system-border-disabled: #f3f3f3;
    --system-border-inverse-enabled: #fbf9f8;
    --system-border-inverse-hover: #f3f3f3;
    --system-border-inverse-transparent: rgba(251, 249, 248, .2);
    --system-border-inverse-selected: #ffffff;
    --system-border-inverse-disabled: #e5e3de;
    --system-border-inverse-focus: #a3e5ec;
    --system-overlay-light: rgba(255, 255, 255, .8);
    --system-overlay-dark: rgba(37, 36, 39, .5);
    --system-neutral-50: #ffffff;
    --system-neutral-100: #fbf9f8;
    --system-neutral-200: #f3f3f3;
    --system-neutral-300: #e5e3de;
    --system-neutral-400: #bbbbbb;
    --system-neutral-500: #cdc8bf;
    --system-neutral-600: #757470;
    --system-neutral-700: #4f4f51;
    --system-neutral-800: #3a3a3c;
    --system-neutral-900: #252427;
    --system-secondary: #4f4f51;
    --system-tertiary: #757470;
    --semantic-text-primary: #252427;
    --semantic-text-secondary: #4f4f51;
    --semantic-text-muted: #757470;
    --semantic-text-inverse-primary: #ffffff;
    --semantic-text-inverse-secondary: #e5e3de;
    --semantic-text-inverse-text-tertiary: #bbbbbb;
    --semantic-text-disabled: #bbbbbb;
    --semantic-border-hover: #252427;
    --semantic-border-enabled: #e5e3de;
    --semantic-border-selected: #252427;
    --semantic-border-focus: #3696a0;
    --semantic-border-disabled: #f3f3f3;
    --semantic-border-transparent: rgba(229, 227, 222, .2);
    --semantic-border-inverse-enabled: #fbf9f8;
    --semantic-border-inverse-hover: #ffffff;
    --semantic-border-inverse-selected: #ffffff;
    --semantic-border-inverse-focus: #a3e5ec;
    --semantic-border-inverse-disabled: #e5e3de;
    --semantic-border-inverse-transparent: rgba(251, 249, 248, .2);
    --semantic-status-warning-background-light: #fad775;
    --semantic-status-warning-text-light: #9a6c00;
    --semantic-status-warning-background: #cf9600;
    --semantic-status-warning-text: #cf9600;
    --semantic-status-warning-border: #e5e3de;
    --semantic-status-warning-icon-light: #9a6c00;
    --semantic-status-warning-icon: #cf9600;
    --semantic-status-neutral-background: #e5e3de;
    --semantic-status-neutral-text: #4f4f51;
    --semantic-status-neutral-border: #bbbbbb;
    --semantic-status-error-background-light: #ffc0c7;
    --semantic-status-error-text-light: #d0304e;
    --semantic-status-error-background: #e64562;
    --semantic-status-error-text: #e64562;
    --semantic-status-error-border: #252427;
    --semantic-status-error-icon-light: #d0304e;
    --semantic-status-error-icon: #e64562;
    --semantic-status-success-background-light: #b4ffc2;
    --semantic-status-success-text-light: #147e11;
    --semantic-status-success-background: #24b416;
    --semantic-status-success-text: #24b416;
    --semantic-status-success-border: #e5e3de;
    --semantic-status-success-icon-light: #147e11;
    --semantic-status-success-icon: #24b416;
    --semantic-status-info-text: #4cb2bd;
    --semantic-status-info-background-light: #def9fc;
    --semantic-status-info-background: #4cb2bd;
    --semantic-status-info-border: #3696a0;
    --semantic-status-info-icon: #4cb2bd;
    --semantic-status-info-icon-light: #1b5d64;
    --semantic-status-limited-background: #e5e3de;
    --semantic-status-limited-text: #4f4f51;
    --semantic-status-limited-border: #bbbbbb;
    --semantic-status-urgent-background: #252427;
    --semantic-status-urgent-text: #ffffff;
    --semantic-status-urgent-border: #4f4f51;
    --semantic-marketing-promo-background: #bb243e;
    --semantic-marketing-promo-label: #bb243e;
    --semantic-marketing-promo-content: #ffffff;
    --semantic-marketing-price-was: #bbbbbb;
    --semantic-marketing-price-now: #bb243e;
    --semantic-emphasis-accent-background: #e4d5fd;
    --semantic-emphasis-accent-content: #4d2e8c;
    --semantic-emphasis-accent-border: #6243b9;
    --semantic-cta-primary-pressed: #757470;
    --semantic-cta-primary-enabled: #252427;
    --semantic-cta-primary-disabled: #bbbbbb;
    --semantic-cta-primary-hover: #4f4f51;
    --semantic-cta-destructive-enabled: #e64562;
    --semantic-cta-destructive-pressed: #bb243e;
    --semantic-cta-destructive-hover: #d0304e;
    --semantic-cta-inverse-enabled: #ffffff;
    --semantic-cta-inverse-pressed: #bbbbbb;
    --semantic-cta-inverse-hover: #e5e3de;
    --semantic-cta-inverse-disabled: #cdc8bf;
    --semantic-cta-secondary-enabled: #4f4f51;
    --semantic-cta-secondary-hover: #757470;
    --semantic-cta-secondary-pressed: #cdc8bf;
    --semantic-icons-inverse-primary: #ffffff;
    --semantic-icons-inverse-secondary: #e5e3de;
    --semantic-icons-inverse-muted: #bbbbbb;
    --semantic-icons-primary: #252427;
    --semantic-icons-secondary: #4f4f51;
    --semantic-icons-muted: #757470;
    --semantic-icons-disabled: #bbbbbb;
    --semantic-background-primary: #ffffff;
    --semantic-background-secondary: #fbf9f8;
    --semantic-background-inverse-primary: #252427;
    --semantic-background-inverse-secondary: #3a3a3c;
    --semantic-background-inverse-tertiary: #4f4f51;
    --semantic-background-inverse-disabled: #757470;
    --semantic-background-disabled: rgba(251, 249, 248, .5);
    --primitives-lavender-50: #fbf4ff;
    --primitives-lavender-100: #f2e8ff;
    --primitives-lavender-200: #e5dcff;
    --primitives-lavender-300: #d2cfe9;
    --primitives-lavender-400: #b8a4d1;
    --primitives-lavender-500: #a28ebd;
    --primitives-lavender-600: #8b78a8;
    --primitives-lavender-700: #766294;
    --primitives-lavender-800: #5a3c85;
    --primitives-lavender-900: #472a7a;
    --primitives-blue-50: #fbfeff;
    --primitives-blue-100: #f5fbfe;
    --primitives-blue-200: #edf7fb;
    --primitives-blue-300: #e5f4f8;
    --primitives-blue-400: #ddf2f4;
    --primitives-blue-500: #bed6dc;
    --primitives-blue-600: #a4c1cb;
    --primitives-blue-700: #88a9b3;
    --primitives-blue-800: #6c919b;
    --primitives-blue-900: #4a6b73;
    --primitives-salmon-50: #fffbf7;
    --primitives-salmon-100: #fff7f0;
    --primitives-salmon-200: #fff2e7;
    --primitives-salmon-300: #ffeadd;
    --primitives-salmon-400: #ffe1d3;
    --primitives-salmon-500: #ffd7c7;
    --primitives-salmon-600: #f7af9a;
    --primitives-salmon-700: #df9480;
    --primitives-salmon-800: #c47a66;
    --primitives-salmon-900: #aa604d;
    --primitives-neutral-50: #ffffff;
    --primitives-neutral-100: #fbf9f8;
    --primitives-neutral-200: #f3f3f3;
    --primitives-neutral-300: #e5e3de;
    --primitives-neutral-400: #bbbbbb;
    --primitives-neutral-500: #cdc8bf;
    --primitives-neutral-600: #757470;
    --primitives-neutral-700: #4f4f51;
    --primitives-neutral-800: #3a3a3c;
    --primitives-neutral-900: #252427;
    --primitives-neutral-neutral-300-opacity-20: rgba(229, 227, 222, .2);
    --primitives-neutral-neutral-50-opacity-20: rgba(255, 255, 255, .2);
    --primitives-neutral-neutral-50-opacity-80: rgba(255, 255, 255, .8);
    --primitives-neutral-neutral-100-opacity-50: rgba(251, 249, 248, .5);
    --primitives-neutral-neutral-100-opacity-20: rgba(251, 249, 248, .2);
    --primitives-neutral-neutral-900-opacity-50: rgba(37, 36, 39, .5);
    --primitives-neutral-neutral-700-opacity-50: rgba(79, 79, 81, .5);
    --primitives-neutral-neutral-800-opacity-80: rgba(58, 58, 60, .8);
    --primitives-violet-50: #f5eeff;
    --primitives-violet-100: #e4d5fd;
    --primitives-violet-200: #d0b8f8;
    --primitives-violet-300: #b89af0;
    --primitives-violet-400: #a184e8;
    --primitives-violet-500: #8e6edd;
    --primitives-violet-600: #7956cb;
    --primitives-violet-700: #6243b9;
    --primitives-violet-800: #5a379f;
    --primitives-violet-900: #4d2e8c;
    --primitives-mint-50: #f8fff8;
    --primitives-mint-100: #eefff0;
    --primitives-mint-200: #d8ffe0;
    --primitives-mint-300: #b4ffc2;
    --primitives-mint-400: #56f847;
    --primitives-mint-500: #3bef1a;
    --primitives-mint-600: #2fcc18;
    --primitives-mint-700: #24b416;
    --primitives-mint-800: #1c9f14;
    --primitives-mint-900: #147e11;
    --primitives-red-50: #fff5f5;
    --primitives-red-100: #ffeded;
    --primitives-red-200: #ffd6dc;
    --primitives-red-300: #ffc0c7;
    --primitives-red-400: #ff8585;
    --primitives-red-500: #ff708f;
    --primitives-red-600: #f35a78;
    --primitives-red-700: #e64562;
    --primitives-red-800: #d0304e;
    --primitives-red-900: #bb243e;
    --primitives-teal-50: #f0fdff;
    --primitives-teal-100: #def9fc;
    --primitives-teal-200: #c1f2f7;
    --primitives-teal-300: #a3e5ec;
    --primitives-teal-400: #84d5dc;
    --primitives-teal-500: #65c5ce;
    --primitives-teal-600: #4cb2bd;
    --primitives-teal-700: #3696a0;
    --primitives-teal-800: #287a83;
    --primitives-teal-900: #1b5d64;
    --primitives-ochre-50: #fffff5;
    --primitives-ochre-100: #fff5d1;
    --primitives-ochre-200: #fde9a2;
    --primitives-ochre-300: #fad775;
    --primitives-ochre-400: #f7c14a;
    --primitives-ochre-500: #e6aa00;
    --primitives-ochre-600: #cf9600;
    --primitives-ochre-700: #b58200;
    --primitives-ochre-800: #9a6c00;
    --primitives-ochre-900: #805a00;
    --shadow-focused: 0 0 0 2px #ffffff, 0 0 0 4px #71c7d1;
    --shadow-none: 0 0 0 0 #00000026;
    --shadow-pressed-light: 0 0 4px 0 #00000033;
    --shadow-pressed-dark: 0 0 8px 0 #ffffff14;
    --shadow-hover-light: 0 0 12px 0 #0000001a;
    --shadow-hover-dark: 0 0 12px 0 #0000001a;
    --shadow-embedded-light: 0 1px 3px 0 #0000000d;
    --shadow-embedded-dark: 0 0 3px 0 #ffffff0d;
    --shadow-active-light: 0 0 40px 0 #00000026;
    --shadow-active-dark: 0 0 40px 0 #ffffff1a;
    --shadow-subtle-light: 0 0 10px 0 #0000000d;
    --shadow-subtle-dark: 0 0 20px 0 #ffffff0d;
    --space-0: 0rem;
    --space-half: .125rem;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-12: 3rem;
    --space-8: 2rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-32: 8rem;
    --section-6: 1.5rem;
    --section-12: 3rem;
    --section-16: 4rem;
    --section-20: 5rem
}

.container,.page-width,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {
    .container-sm,.container,.page-width {
        max-width:540px
    }
}

@media(min-width: 768px) {
    .container-md,.container-sm,.container,.page-width {
        max-width:720px
    }
}

@media(min-width: 992px) {
    .container-lg,.container-md,.container-sm,.container,.page-width {
        max-width:960px
    }
}

@media(min-width: 1200px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container,.page-width {
        max-width:1140px
    }
}

@media(min-width: 1400px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container,.page-width {
        max-width:1440px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: .25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: .5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media(min-width: 576px) {
    .col-sm {
        flex:1 0 0
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 768px) {
    .col-md {
        flex:1 0 0
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex:1 0 0
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex:1 0 0
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1400px) {
    .col-xxl {
        flex:1 0 0
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.container,.page-width,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    padding-right: calc(var(--spacing) * 4);
    padding-left: calc(var(--spacing) * 4)
}

@media screen and (min-width: 990px) {
    .container,.page-width,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
        padding-right:calc(var(--spacing) * 10);
        padding-left: calc(var(--spacing) * 10)
    }
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: initial;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

#quiz-kit-app-wrapper,#quiz-kit-spinner {
    min-height: 1053px!important
}

#quiz-kit-container {
    overflow: hidden
}

[id^=quiz-kit-question-icon-text-item].active-class picture {
    filter: invert(1)
}

@media screen and (min-width: 750px) {
    [id^=quiz-kit-question-icon-text-item]:hover picture {
        filter:invert(1)
    }
}

form-embed#app-embed {
    letter-spacing: -.03px;
    --forms-body-font: normal 400 20px "Avantt", sans-serif;
    --forms-heading-font: normal 600 30px "Avantt", sans-serif;
    --form-field-border-radius: 40px;
    --form-field-border: 0 0 0 1px var(--system-primary);
    --form-field-padding: 22px;
    --form-field-padding-top: 22px;
    --form-field-padding-bottom: 22px;
    --form-text-color: var(--system-primary);
    --form-placeholder-color: var(--system-primary);
    --input-label-transform: translate(25%, calc(var(--form-field-padding-top) * -1)) scale(.5);
    --button-padding: 22px;
    --button-border-radius: 40px
}

#gorgias-chat-container {
    display: none
}

.gKiIfm h3 {
    font-size: 22px!important
}

.sc-fzowVh.huqSCu button {
    text-transform: inherit;
    border-radius: 25px!important;
    padding: 25px!important;
    font-weight: 400!important;
    font-size: 20px!important;
    line-height: 21px!important
}

#plus-drawer a:not([href="#"]) svg {
    display: none
}

@media(forced-colors:active) {
    .icon {
        color: CanvasText;
        fill: CanvasText!important
    }

    .icon-close-small path {
        stroke: CanvasText
    }
}

:root {
    --duration-short: .1s;
    --duration-default: .2s;
    --duration-long: .5s
}

.contains-card,.card {
    --border-width: var(--card-border-width);
    --border-opacity: var(--card-border-opacity)
}

.contains-content-container,.content-container {
    --border-width: var(--text-boxes-border-width);
    --border-opacity: var(--text-boxes-border-opacity)
}

.contains-media,.global-media-settings {
    --border-width: var(--media-border-width);
    --border-opacity: var(--media-border-opacity)
}

@media(prefers-reduced-motion:no-preference) {
    html {
        scroll-behavior: smooth
    }
}

.no-js:not(html) {
    display: none!important
}

html.no-js .no-js:not(html) {
    display: block!important
}

.no-js-inline {
    display: none!important
}

html.no-js .no-js-inline {
    display: inline-block!important
}

html.no-js .no-js-hidden {
    display: none!important
}

a {
    --alpha-link: .6
}

.skip-to-content-link.button:not(:focus) {
    height: 0;
    margin: 0;
    min-height: 0
}

.skip-to-content-link:focus {
    z-index: 9999;
    position: inherit;
    overflow: auto;
    width: auto;
    padding: 0 1.875rem;
    margin: .625rem;
    height: auto;
    clip: auto
}

.full-width-link {
    position: absolute;
    inset: 0;
    z-index: 2
}

.link,.customer a {
    cursor: pointer;
    display: inline-block;
    border: none;
    box-shadow: none;
    text-decoration: underline;
    text-underline-offset: .1875rem;
    font-size: .875rem;
    font-family: inherit
}

.link-with-icon {
    display: inline-flex;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .0625rem;
    text-decoration: none;
    margin-bottom: 2.8125rem;
    white-space: nowrap
}

.link-with-icon .icon {
    width: .9375rem;
    margin-left: .625rem
}

.full-unstyled-link {
    text-decoration: none;
    color: currentColor;
    display: inline-flex;
    align-items: center
}

.underlined-link,.customer a {
    text-underline-offset: .1875rem;
    text-decoration-thickness: .0625rem;
    transition: text-decoration-thickness ease .1s
}

.circle-divider:after {
    content: "•";
    margin: 0 .8125rem 0 .9375rem
}

.circle-divider:last-of-type:after {
    display: none
}

.icon-arrow {
    width: .9375rem
}

h3 .icon-arrow,.h3 .icon-arrow {
    width: calc(var(--font-heading-scale) * .9375rem)
}

.animate-arrow .icon-arrow path {
    transform: translate(-.1563rem);
    transition: transform .1s ease
}

.animate-arrow:hover .icon-arrow path {
    transform: translate(-.0313rem)
}

table:not([class]) {
    table-layout: fixed;
    border-collapse: collapse;
    font-size: .875rem;
    border-style: hidden
}

table:not([class]) td,table:not([class]) th {
    padding: 1em
}

hr {
    border: none;
    height: .0625rem;
    display: block;
    margin: 3.125rem 0
}

@media screen and (min-width: 750px) {
    hr {
        margin:4.375rem 0
    }
}

.content-container {
    position: relative
}

.content-container:empty {
    display: none
}

.content-container:after {
    content: "";
    position: absolute;
    top: calc(var(--text-boxes-border-width) * -1);
    right: calc(var(--text-boxes-border-width) * -1);
    bottom: calc(var(--text-boxes-border-width) * -1);
    left: calc(var(--text-boxes-border-width) * -1);
    z-index: -1
}

.content-container--full-width:after {
    left: 0;
    right: 0;
    border-radius: 0
}

@media screen and (max-width: 749px) {
    .content-container--full-width-mobile {
        border-left:none;
        border-right: none;
        border-radius: 0
    }

    .content-container--full-width-mobile:after {
        display: none
    }

    .banner-mobile-image .banner__box {
        padding: 60% 0 30%;
        padding-left: 2.1875rem;
        padding-right: 2.1875rem;
        position: relative;
        height: fit-content;
        align-items: center;
        text-align: center;
        width: 100%;
        word-wrap: break-word;
        z-index: 1
    }

    .banner-mobile-image .banner__media {
        position: absolute!important
    }
}

.global-media-settings {
    position: relative;
    overflow: visible!important
}

.global-media-settings:after {
    content: "";
    position: absolute;
    top: calc(var(--media-border-width) * -1);
    right: calc(var(--media-border-width) * -1);
    bottom: calc(var(--media-border-width) * -1);
    left: calc(var(--media-border-width) * -1);
    z-index: -1
}

.global-media-settings--no-shadow {
    overflow: hidden!important
}

.global-media-settings--no-shadow:after {
    content: none
}

.content-container--full-width,.global-media-settings--full-width,.global-media-settings--full-width img {
    border-radius: 0;
    border-left: none;
    border-right: none
}

.ratio {
    display: flex;
    position: relative;
    align-items: stretch
}

.ratio:before {
    content: "";
    width: 0;
    height: 0;
    padding-bottom: var(--ratio-percent)
}

#chat-button.active {
    display: none
}

#chat-button {
    transition: transform .25s ease-in-out
}

#chat-button.move-up {
    transform: translateY(-50px)
}

.grecaptcha-badge {
    visibility: hidden
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 {
    font-family: Avantt,sans-serif;
    font-style: normal;
    font-weight: 500;
    color: rgb(var(--color-foreground))
}

.heading1 {
    font-size: 5rem;
    line-height: 96%;
    letter-spacing: -.03em
}

@media screen and (max-width: 639.9px) {
    .heading1 {
        font-size:4rem
    }
}

.heading-section {
    font-size: 3rem;
    line-height: 96%;
    letter-spacing: -.03em;
    max-width: 640px;
    text-wrap: balance;
    margin-bottom: calc(var(--spacing) * 6)
}

@media screen and (min-width: 768px) {
    .heading-section {
        margin-bottom:calc(var(--spacing) * 12);
        font-size: 4rem
    }
}

h1,.h1,.heading1 {
    font-size: 3rem;
    line-height: 96%;
    letter-spacing: -.0187rem
}

@media screen and (max-width: 639.9px) {
    h1,.h1,.heading1 {
        font-size:2.5rem
    }
}

h2,.h2,.heading2 {
    font-size: 2.5rem;
    line-height: 96%;
    letter-spacing: -.03em
}

@media screen and (max-width: 639.9px) {
    h2,.h2,.heading2 {
        font-size:2rem
    }
}

h3,.h3,.heading3 {
    font-size: 2rem;
    line-height: 150%;
    letter-spacing: -.03em
}

@media screen and (max-width: 639.9px) {
    h3,.h3,.heading3 {
        font-size:1.5rem
    }
}

h4,.h4,.heading4,h5,.h5,.heading5,h6,.h6,.heading6 {
    font-size: 1.5rem;
    line-height: 150%;
    letter-spacing: -.03em
}

.display-compact-text-6xl {
    font-family: Avantt,sans-serif;
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.03em
}

.display-wide-text-7xl {
    font-family: Avantt,sans-serif;
    font-size: 5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.03em
}

.heading-compact-text-xl {
    font-family: Avantt,sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 133%;
    letter-spacing: -.03em
}

.heading-wide-text-6xl {
    font-family: Avantt,sans-serif;
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.03em
}

.display--large,.callout-wrapper--font-display .callout-box p {
    font-family: FKScreamer,Avantt,sans-serif;
    font-size: 16rem;
    font-style: normal;
    font-weight: 500;
    line-height: 80%;
    letter-spacing: 0;
    text-transform: uppercase
}

@media screen and (max-width: 639.9px) {
    .display--large,.callout-wrapper--font-display .callout-box p {
        font-size:9.375rem
    }
}

.display--medium {
    font-family: FKScreamer,Avantt,sans-serif;
    font-size: 9.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 80%;
    letter-spacing: 0;
    text-transform: uppercase
}

@media screen and (max-width: 639.9px) {
    .display--medium {
        font-size:5rem;
        line-height: 80%
    }
}

.display--heading {
    font-family: Avantt,sans-serif;
    font-size: 6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 6rem;
    letter-spacing: -.05em
}

@media screen and (max-width: 639.9px) {
    .display--heading {
        font-size:3rem;
        line-height: 100%
    }
}

.display--small {
    font-family: FKScreamer,Avantt,sans-serif;
    font-size: 7.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 80%;
    letter-spacing: 0;
    text-transform: uppercase
}

.body {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em
}

.body--bold {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em;
    font-weight: 600
}

.body--small,.product-wizard--wrapper .price-component .price,.product-wizard--wrapper .price-component .compare-price,.list-menu li a {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em
}

.body--small--bold {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em;
    font-weight: 600
}

.body--large,.callout-box p {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -.03em
}

.paragraph-text--lg {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.02em
}

.paragraph-text--base {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em
}

.paragraph-text--s {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 142.8%;
    letter-spacing: -.02em
}

.paragraph-text--xs {
    font-family: Avantt,sans-serif;
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 133.3%;
    letter-spacing: -.02em
}

.paragraph-text--xxs {
    font-family: Avantt,sans-serif;
    font-size: .625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 133.3%;
    letter-spacing: -.02em
}

.overline--small {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.03em
}

.label {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 180%;
    letter-spacing: -.03em
}

.label--small {
    font-family: Avantt,sans-serif;
    font-size: .625rem;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.03em
}

.label--medium {
    font-family: Avantt,sans-serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: 133%;
    letter-spacing: -.03em
}

.label--large,.label--icon {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 128%;
    letter-spacing: -.03em
}

.label-text--xl {
    font-family: Avantt,sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 116.7%;
    letter-spacing: 0
}

.label-text--lg {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0
}

.label-text--base {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: 0
}

.label-text--s {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: 0
}

.label-text--xs {
    font-family: Avantt,sans-serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0
}

.label-text--xxs {
    font-family: Avantt,sans-serif;
    font-size: .625rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0
}

.text-button {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 200%;
    letter-spacing: -.03em
}

.text-button--small {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: -.03em
}

body {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em
}

.price__productdetail--current,.price--large .price-item,.price__productdetail--was,.price--large .price__sale .price-item.price-item--regular {
    font-size: 1.25rem
}

.price__productcard--current,.card-information .price-item {
    font-size: .875rem
}

@media screen and (min-width: 768px) {
    .price__productcard--current,.card-information .price-item {
        font-size:1.25rem
    }
}

.price__productcard--was,.card-information .price__sale .price-item.price-item--regular {
    font-size: .875rem
}

@media screen and (min-width: 768px) {
    .price__productcard--was,.card-information .price__sale .price-item.price-item--regular {
        font-size:1.25rem
    }
}

.focused,*:focus-visible {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

@supports not selector(:focus-visible) {
    *:focus {
        outline-offset: .1875rem;
        outline: .125rem solid #3696a0
    }
}

.focus-inside:has(:focus-visible) {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

@supports not selector(:focus-visible) {
    .focus-inside:has(:focus) {
        outline-offset: .1875rem;
        outline: .125rem solid #3696a0
    }
}

.focused.focus-inset,.focus-inset:focus-visible {
    outline-offset: -.125rem
}

.focused.focus-offset,.focus-offset:focus-visible {
    outline-offset: .625rem
}

@supports not selector(:focus-visible) {
    .focus-inset:focus {
        outline-offset: -.125rem
    }

    .focus-offset:focus {
        outline-offset: .625rem
    }
}

.focus-none {
    box-shadow: none!important;
    outline: 0!important
}

details>* {
    box-sizing: border-box
}

summary {
    cursor: pointer;
    list-style: none;
    position: relative
}

summary .icon-caret {
    position: absolute;
    height: .375rem;
    right: .9375rem;
    top: calc(50% - .125rem)
}

summary::-webkit-details-marker {
    display: none
}

.disclosure-has-popup {
    position: relative
}

.disclosure-has-popup[open]>summary:before {
    position: fixed;
    inset: 0;
    z-index: 2;
    display: block;
    cursor: default;
    content: " ";
    background: transparent
}

.disclosure-has-popup>summary:before {
    display: none
}

.disclosure-has-popup[open]>summary+* {
    z-index: 100
}

@media screen and (min-width: 750px) {
    .disclosure-has-popup[open]>summary+* {
        z-index:4
    }

    .facets .disclosure-has-popup[open]>summary+* {
        z-index: 3
    }
}

.clearfix:after {
    clear: both;
    content: "";
    display: table
}

.left {
    text-align: left
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.light {
    opacity: .7
}

.stacking-context {
    position: relative;
    z-index: 0
}

.element-margin-top {
    margin-top: 3.125rem
}

@media screen and (min-width: 750px) {
    .element-margin {
        margin-top:calc(3.125rem + var(--page-width-margin))
    }
}

.grid-auto-flow {
    display: grid;
    grid-auto-flow: column
}

.page-margin,.shopify-challenge__container {
    margin: 4.375rem auto
}

.rte-width {
    max-width: 51.25rem;
    margin: 0 auto 1.25rem
}

.list-unstyled {
    margin: 0;
    padding: 0;
    list-style: none
}

.overflow-hidden-mobile,.overflow-hidden-tablet {
    overflow: hidden
}

@media screen and (min-width: 750px) {
    .overflow-hidden-mobile {
        overflow:auto
    }
}

@media screen and (min-width: 990px) {
    .overflow-hidden-tablet {
        overflow:auto
    }
}

.visibility-hidden {
    visibility: hidden
}

.break {
    word-break: break-word
}

.section+.section {
    margin-top: var(--spacing-sections-mobile)
}

@media screen and (min-width: 750px) {
    .section+.section {
        margin-top:var(--spacing-sections-desktop)
    }
}

@media(prefers-reduced-motion) {
    .motion-reduce {
        transition: none!important;
        animation: none!important
    }
}

.hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap
}

.visually-hidden {
    position: absolute!important;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    width: 1px;
    word-wrap: normal!important
}

.visually-hidden.visually-hidden--inline {
    height: 1em
}

.hidden,.no-disp,.d-none {
    display: none!important
}

@media screen and (max-width: 767.9px) {
    .small-hide,.no-m {
        display:none!important
    }
}

@media screen and (min-width: 768px)and (max-width:1023.9px) {
    .medium-hide,.no-t {
        display:none!important
    }
}

@media screen and (max-width: 1023.9px) {
    .large-down-hide,.no-t-m {
        display:none!important
    }
}

@media screen and (min-width: 1024px) {
    .large-up-hide,.no-d {
        display:none!important
    }
}

@media screen and (max-width: 767.9px) {
    .medium-down-hide {
        display:none!important
    }
}

@media screen and (min-width: 768px) {
    .medium-up-hide {
        display:none!important
    }
}

.initially-hidden {
    max-height: 0!important;
    padding: 0!important
}

:root {
    --price-default: #252427;
    --price-was: #4f4f51;
    --price-current: #bb243e
}

.share-button__button transparent {
    color: rgb(var(--color-link))
}

.share-button__fallback:before {
    background: rgb(var(--color-background));
    box-shadow: none
}

.share-button__fallback button:hover {
    color: rgba(var(--color-foreground),.75)
}

.share-button__close,.share-button__copy {
    color: rgb(var(--color-foreground))
}

.share-button__copy:focus-visible,.share-button__close:focus-visible {
    background-color: rgb(var(--color-background))
}

@supports not selector(:focus-visible) {
    .share-button__copy:focus,.share-button__close:focus {
        background-color: rgb(var(--color-background))
    }
}

.link,.customer a {
    color: rgb(var(--color-link))
}

.link--text {
    color: rgb(var(--color-foreground))
}

.link--text:not(.pill-button):hover {
    color: rgba(var(--color-foreground),.75)
}

.underlined-link,.customer a {
    color: rgba(var(--color-link),var(--alpha-link))
}

.underlined-link:hover,.customer a:hover {
    color: rgb(var(--color-link));
    text-decoration-thickness: .125rem
}

.title-wrapper-with-link a {
    color: rgb(var(--color-link))
}

.background-secondary {
    background-color: rgba(var(--color-foreground),.04)
}

::selection {
    background-color: #6243b933
}

.color-foreground {
    color: rgb(var(--color-foreground))
}

table:not([class]) {
    box-shadow: 0 0 0 .0625rem rgba(var(--color-foreground),.2)
}

table:not([class]) td,table:not([class]) th {
    padding: 1em;
    border: .0625rem solid rgba(var(--color-foreground),.2)
}

hr {
    background-color: rgba(var(--color-foreground),.2)
}

.placeholder {
    background-color: rgba(var(--color-foreground),.04);
    color: rgba(var(--color-foreground),.55);
    fill: rgba(var(--color-foreground),.55)
}

.subtitle {
    color: rgba(var(--color-foreground))
}

@media(prefers-contrast:no-preference) {
    .subtitle {
        color: rgba(var(--color-foreground),.8)
    }
}

.media {
    background-color: rgba(var(--color-foreground),.1)
}

.modal__content {
    background: rgb(var(--color-background))
}

.badge {
    background-color: rgb(var(--color-badge-background));
    border-color: rgba(var(--color-badge-border),var(--alpha-badge-border));
    color: rgb(var(--color-foreground))
}

.gradient {
    background: rgb(var(--color-background));
    background: var(--gradient-background);
    background-attachment: fixed
}

.content-container {
    border: var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity))
}

.content-container:after {
    box-shadow: none
}

.global-media-settings {
    border: var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));
    background-color: rgb(var(--color-background))
}

.global-media-settings:after {
    box-shadow: none
}

.sb-container-button a {
    color: #fff!important
}

.lp-bf-block {
    color: #252427
}

.lp-bf-block--cta {
    color: #fff;
    background-color: #6243b9
}

.lp-bf-db {
    color: #6243b9
}

.lp-bf-quote,.sb-container {
    color: #252427
}

.transparent,.media--transparent,.field__button {
    background-color: transparent
}

.label--grey {
    background: #f3f3f3;
    color: #252427!important
}

.label--dgrey {
    background: #d9d9d9;
    color: #252427!important
}

.label--red {
    background: #ffc0c7;
    color: #252427!important
}

.label--green {
    background-color: #b4ffc2;
    color: #147e11!important
}

.label--purple {
    background: #e5dcff;
    color: #6243b9!important
}

.label--warm-grey {
    background: #e5e3de;
    color: #252427!important
}

.label--blue {
    background: #edf7fb;
    color: #287a83!important
}

.label--white {
    background: #fff;
    color: #252427!important
}

.label--violet {
    background: #e4d5fd;
    color: #4d2e8c!important
}

.label--black {
    background: #252427;
    color: #fff!important
}

.price .price-item {
    color: var(--price-default)
}

.price__sale .price-item.price-item--regular {
    color: var(--price-was)
}

.price__sale .price-item.price-item--sale {
    color: var(--price-current)
}

.field__input,.select__select,.customer .field input,.customer select {
    -webkit-appearance: none;
    appearance: none;
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box;
    transition: box-shadow .1s ease;
    height: 2.8125rem;
    min-height: calc(var(--inputs-border-width) * 2);
    min-width: calc(4.375rem + var(--inputs-border-width) * 2);
    position: relative;
    border: 0
}

.select__select {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    font-size: .75rem
}

.text-area,.select {
    display: flex;
    position: relative;
    width: 100%
}

.select .icon-caret,.customer select+svg {
    height: .375rem;
    pointer-events: none;
    position: absolute;
    top: calc(50% - .125rem);
    right: calc(var(--inputs-border-width) + .9375rem)
}

.select__select,.customer select {
    cursor: pointer;
    line-height: calc(1 + .6 / var(--font-body-scale));
    padding: 0 1.25rem;
    margin: var(--inputs-border-width);
    min-height: calc(var(--inputs-border-width) * 2)
}

.field {
    position: relative;
    width: 100%;
    display: flex;
    transition: box-shadow .1s ease
}

.customer .field {
    display: flex
}

.field--with-error {
    flex-wrap: wrap
}

.field__input,.customer .field input {
    flex-grow: 1;
    text-align: left;
    padding: .9375rem;
    margin: var(--inputs-border-width);
    transition: box-shadow .1s ease
}

.field__label,.customer .field label {
    font-size: 1rem;
    left: calc(var(--inputs-border-width) + 1.25rem);
    top: calc(.625rem + var(--inputs-border-width));
    margin-bottom: 0;
    pointer-events: none;
    position: absolute;
    transition: top .1s ease,font-size .1s ease;
    letter-spacing: .0625rem;
    line-height: 1.5
}

.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.field__input:-webkit-autofill~.field__label,.customer .field input:focus~label,.customer .field input:not(:placeholder-shown)~label,.customer .field input:-webkit-autofill~label {
    font-size: .625rem;
    top: calc(var(--inputs-border-width) + .3125rem);
    left: calc(var(--inputs-border-width) + 1.25rem);
    letter-spacing: .025rem
}

.field__input:focus,.field__input:not(:placeholder-shown),.field__input:-webkit-autofill,.customer .field input:focus,.customer .field input:not(:placeholder-shown),.customer .field input:-webkit-autofill {
    padding-top: 1.375rem;
    padding-bottom: .5rem;
    margin: var(--inputs-border-width)
}

.field__input::-webkit-search-cancel-button,.customer .field input::-webkit-search-cancel-button {
    display: none
}

.field__input::placeholder,.customer .field input::placeholder {
    opacity: 0
}

.field__button {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: currentColor;
    cursor: pointer;
    display: flex;
    height: 2.75rem;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.75rem
}

.field__button>svg {
    height: 1.5625rem;
    width: 1.5625rem
}

.text-area {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    min-height: 6.25rem;
    resize: none
}

input[type=checkbox] {
    display: inline-block;
    width: auto;
    margin-right: .3125rem
}

.form__label {
    display: block;
    margin-bottom: .375rem
}

.form__message {
    align-items: center;
    display: flex;
    font-size: .875rem;
    line-height: 1;
    margin-top: .625rem
}

.form__message--large {
    font-size: 1rem
}

.customer .field .form__message {
    font-size: .875rem;
    text-align: left
}

.form__message .icon,.customer .form__message svg {
    flex-shrink: 0;
    height: .8125rem;
    margin-right: .3125rem;
    width: .8125rem
}

.form__message--large .icon,.customer .form__message svg {
    height: .9375rem;
    width: .9375rem;
    margin-right: .625rem
}

.customer .field .form__message svg {
    align-self: start
}

.form-status {
    margin: 0;
    font-size: 1rem
}

.form-status-list {
    padding: 0;
    margin: 1.25rem 0 2.5rem
}

.form-status-list li {
    list-style-position: inside
}

.form-status-list .link:first-letter {
    text-transform: capitalize
}

.field__input,.select__select,.customer .field input,.customer select {
    background-color: rgb(var(--color-background));
    color: rgb(var(--color-foreground));
    border-radius: .75rem;
    border: 1px solid #252427
}

.field__input:focus,.select__select:focus,.customer .field input:focus,.customer select:focus {
    border: 1.5px solid #252427
}

.select__select .select__select {
    color: rgb(var(--color-foreground))
}

@media(prefers-contrast:no-preference) {
    .select__select .select__select {
        color: rgba(var(--color-foreground),.8)
    }
}

.field__label,.customer .field label {
    color: rgba(var(--color-foreground))
}

@media(prefers-contrast:no-preference) {
    .field__label,.customer .field label {
        color: rgba(var(--color-foreground),.8)
    }
}

.field__input:-webkit-autofill~.field__button,.field__input:-webkit-autofill~.field__label,.customer .field input:-webkit-autofill~label {
    color: #000
}

.legacy-grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    padding: 0;
    list-style: none;
    column-gap: var(--grid-mobile-horizontal-spacing);
    row-gap: var(--grid-mobile-vertical-spacing)
}

@media screen and (min-width: 750px) {
    .legacy-grid {
        column-gap:var(--grid-desktop-horizontal-spacing);
        row-gap: var(--grid-desktop-vertical-spacing)
    }
}

.legacy-grid:last-child {
    margin-bottom: 0
}

.grid__item {
    width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    flex-grow: 1;
    flex-shrink: 0
}

@media screen and (min-width: 750px) {
    .grid__item {
        width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
        max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
    }
}

.grid--gapless.legacy-grid {
    column-gap: 0;
    row-gap: 0
}

@media screen and (max-width: 749px) {
    .grid__item.slider__slide--full-width {
        width:100%;
        max-width: none
    }
}

.grid--1-col .grid__item {
    max-width: 100%;
    width: 100%
}

.grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3)
}

@media screen and (min-width: 750px) {
    .grid--3-col .grid__item {
        width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
    }
}

.grid--2-col .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2)
}

@media screen and (min-width: 750px) {
    .grid--2-col .grid__item {
        width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
    }

    .grid--4-col-tablet .grid__item {
        width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)
    }

    .grid--3-col-tablet .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
    }

    .grid--2-col-tablet .grid__item {
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
    }
}

@media screen and (max-width: 989px) {
    .grid--1-col-tablet-down .grid__item {
        width:100%;
        max-width: 100%
    }

    .slider--tablet.grid--peek {
        margin: 0;
        width: 100%
    }

    .slider--tablet.grid--peek .grid__item {
        box-sizing: content-box;
        margin: 0
    }
}

@media screen and (min-width: 990px) {
    .grid--6-col-desktop .grid__item {
        width:calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
        max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6)
    }

    .grid--5-col-desktop .grid__item {
        width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
        max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5)
    }

    .grid--4-col-desktop .grid__item {
        width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
        max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)
    }

    .grid--3-col-desktop .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
        max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
    }

    .grid--2-col-desktop .grid__item {
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
        max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
    }
}

@media screen and (min-width: 990px) {
    .grid--1-col-desktop {
        flex:0 0 100%;
        max-width: 100%
    }

    .grid--1-col-desktop .grid__item {
        width: 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 749px) {
    .grid--peek.slider--mobile {
        margin:0;
        width: 100%
    }

    .grid--peek.slider--mobile .grid__item {
        box-sizing: content-box;
        margin: 0
    }

    .grid--peek .grid__item {
        min-width: 35%
    }

    .grid--peek.slider .grid__item:first-of-type {
        margin-left: .9375rem
    }

    .grid--peek.slider .grid__item:last-of-type {
        margin-right: .9375rem
    }

    .grid--2-col-tablet-down .grid__item {
        width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2)
    }

    .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,.grid--peek .grid__item {
        width: calc(50% - var(--grid-mobile-horizontal-spacing) - 1.875rem)
    }

    .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,.slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
        width: calc(100% - var(--grid-mobile-horizontal-spacing) - 1.875rem)
    }
}

@media screen and (min-width: 750px)and (max-width:989px) {
    .slider--tablet.grid--peek .grid__item {
        width:calc(25% - var(--grid-desktop-horizontal-spacing) - 1.875rem)
    }

    .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 1.875rem)
    }

    .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,.slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
        width: calc(50% - var(--grid-desktop-horizontal-spacing) - 1.875rem)
    }

    .slider--tablet.grid--peek .grid__item:first-of-type {
        margin-left: .9375rem
    }

    .slider--tablet.grid--peek .grid__item:last-of-type {
        margin-right: .9375rem
    }

    .grid--2-col-tablet-down .grid__item {
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
    }

    .grid--1-col-tablet-down.grid--peek .grid__item {
        width: calc(100% - var(--grid-desktop-horizontal-spacing) - 1.875rem)
    }
}

@supports not (inset: 10px) {
    .legacy-grid {
        margin-left:calc(-1 * var(--grid-mobile-horizontal-spacing))
    }

    .grid__item {
        padding-left: var(--grid-mobile-horizontal-spacing);
        padding-bottom: var(--grid-mobile-vertical-spacing)
    }

    @media screen and (min-width: 750px) {
        .legacy-grid {
            margin-left:calc(-1 * var(--grid-desktop-horizontal-spacing))
        }

        .grid__item {
            padding-left: var(--grid-desktop-horizontal-spacing);
            padding-bottom: var(--grid-desktop-vertical-spacing)
        }
    }

    .grid--gapless .grid__item {
        padding-left: 0;
        padding-bottom: 0
    }

    @media screen and (min-width: 749px) {
        .grid--peek .grid__item {
            padding-left:var(--grid-mobile-horizontal-spacing)
        }
    }

    .product-grid .grid__item {
        padding-bottom: var(--grid-mobile-vertical-spacing)
    }

    @media screen and (min-width: 750px) {
        .product-grid .grid__item {
            padding-bottom:var(--grid-desktop-vertical-spacing)
        }
    }
}

.media>*:not(.zoom):not(.deferred-media__poster-button),.media>picture>img,.media model-viewer {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.media>img,.media>picture>img {
    object-fit: cover;
    object-position: center;
    transition: opacity .4s cubic-bezier(.25,.46,.45,.94)
}

.media--square {
    padding-bottom: 100%
}

.media--portrait {
    padding-bottom: 125%
}

.media--landscape {
    padding-bottom: 66.6%
}

.media--cropped {
    padding-bottom: 56%
}

.media--16-9,.media--wide {
    padding-bottom: 56.25%
}

.media--circle {
    padding-bottom: 100%;
    border-radius: 624.938rem
}

.media.media--hover-effect>img+img {
    opacity: 0
}

@media screen and (min-width: 990px) {
    .media--cropped {
        padding-bottom:63%
    }
}

deferred-media {
    display: block
}

.media-type-video video {
    width: 100%!important
}

header-drawer {
    justify-self: start;
    margin-left: -.75rem
}

#menu-drawer {
    z-index: 4
}

@media screen and (min-width: 1024px) {
    header-drawer {
        display:none
    }
}

.menu-drawer-container {
    display: flex
}

.list-menu {
    list-style: none;
    padding: 0;
    margin: 0
}

.list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap
}

.list-menu--inline>li {
    display: flex;
    align-items: center
}

.header__menu-item.list-menu__item.link.link--text.focus-inset.pill-button.button {
    min-height: 40px;
    padding: 0 .9375rem
}

.custom_menu-drawer__navigation--header a,.menu-drawer__menu-item {
    display: flex;
    align-items: center;
    font-size: 20px!important;
    line-height: 21px!important;
    letter-spacing: -.02em!important
}

.pill-button {
    background: transparent;
    --border-offset: none;
    padding: 0!important
}

.pill-button span {
    padding: 8px 27px;
    border: 1px solid #766294;
    border-radius: 624.938rem
}

.button .header__active-menu-item {
    background: #766294;
    color: #f5f5f7
}

summary.list-menu__item {
    padding-right: 1.6875rem!important
}

.pill-button svg path {
    fill: #fff
}

summary.header__menu-item.list-menu__item.link.focus-inset.pill-button.button.button--primary {
    padding-right: 0!important
}

.pill-button:hover span {
    text-decoration: none;
    background: #766294
}

.pill-button:not([disabled]):hover:after {
    box-shadow: none;
    --border-offset: 0px
}

@media screen and (min-width: 768px) {
    .list-menu__item--link {
        padding-bottom:.3125rem;
        padding-top: .3125rem
    }
}

@media screen and (max-width: 1023.9px) {
    .pill-button {
        margin-left:30px;
        width: 70%;
        border: 1px solid #766294;
        border-radius: 624.938rem;
        color: #f5f5f7
    }

    .pill-button:hover {
        background: #766294
    }
}

.menu-drawer__info-link {
    justify-content: space-between
}

.header__menu-item,.list-menu span:not(.label--small),.list-menu a:not(.label--small),.header__menu-item--standalone {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em
}

.list-menu a:not(.label--small) {
    color: initial
}

@media screen and (min-width: 1024px)and (max-width:1279.9px) {
    .header__menu-item,.list-menu span:not(.label--small),.list-menu a:not(.label--small),.header__menu-item--standalone {
        font-family:Avantt,sans-serif;
        font-size: 1rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.03em
    }
}

#shopify-section-header {
    z-index: 12
}

.shopify-section-header-sticky {
    position: sticky;
    top: 0
}

.shopify-section-header-hidden {
    transform: translateY(-100%)
}

.shopify-section-header-hidden.menu-open {
    transform: translateY(0)
}

#shopify-section-header.animate {
    transition: transform .15s ease-out
}

.header-wrapper {
    display: block;
    position: relative;
    background-color: rgb(var(--color-background))
}

.header-wrapper--border-bottom {
    border-bottom: .0625rem solid rgba(var(--color-foreground),.08)
}

.header {
    display: grid;
    grid-template-areas: "left-icon heading icons";
    grid-template-columns: 1fr 2fr 1fr;
    align-items: center
}

@media screen and (min-width: 1024px) {
    .header--top-left,.header--middle-left:not(.header--has-menu) {
        grid-template-areas:"heading icons" "navigation navigation";
        grid-template-columns: 1fr auto
    }

    .header--middle-left {
        display: flex;
        justify-content: space-between;
        column-gap: 0
    }

    .header--top-center {
        grid-template-areas: "left-icon heading icons" "navigation navigation navigation"
    }

    .header:not(.header--middle-left) .header__inline-menu {
        margin-top: .6563rem
    }
}

.header *[tabindex="-1"]:focus {
    outline: none
}

.header__heading {
    margin: 0;
    line-height: 0
}

.header>.header__heading-link {
    line-height: 0
}

.header__heading,.header__heading-link {
    grid-area: heading;
    justify-self: center
}

.header__heading-link {
    display: inline-block;
    padding: .4688rem;
    text-decoration: none;
    word-break: break-word
}

@media screen and (max-width: 767.9px) {
    .header__heading-link {
        padding:0 .4688rem
    }
}

.header__heading-link:hover .h2 {
    color: rgb(var(--color-foreground))
}

.header__heading-link .h2 {
    line-height: 1;
    color: rgba(var(--color-foreground))
}

@media(prefers-contrast:no-preference) {
    .header__heading-link .h2 {
        color: rgba(var(--color-foreground),.8)
    }
}

@media screen and (max-width: 1023.9px) {
    .header__heading,.header__heading-link {
        text-align:center
    }
}

@media screen and (min-width: 1024px) {
    .header__heading-link {
        margin-left:-.4688rem
    }

    .header__heading,.header__heading-link {
        justify-self: start
    }

    .header--top-center .header__heading-link,.header--top-center .header__heading {
        justify-self: center;
        text-align: center
    }
}

.header__icons {
    display: flex;
    grid-area: icons;
    justify-self: end
}

.header__icon:not(.header__icon--summary),.header__icon span {
    display: flex;
    align-items: center;
    justify-content: center
}

.header__icon {
    color: rgb(var(--color-foreground))
}

.header__icon span {
    height: 100%
}

.header__icon:after {
    content: none
}

.header__icon:hover .icon,.modal__close-button:hover .icon {
    transform: scale(1.07)
}

.header__icon .icon {
    height: 1.25rem;
    width: 1.25rem;
    fill: none;
    vertical-align: middle
}

.header__icon {
    height: 2.125rem;
    width: 2.75rem;
    padding: 0
}

#cart-icon-bubble {
    position: relative
}

.header__icon--cart .cart-count-bubble {
    left: calc(100% - 1.25rem);
    background: var(--semantic-marketing-promo-label);
    text-align: center;
    height: 19px;
    border-radius: 25px;
    width: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    line-height: 19px
}

.cart-count-bubble {
    position: absolute;
    top: .5313rem;
    left: calc(100% - .5313rem);
    min-width: .9375rem;
    display: block;
    font-size: .875rem
}

.cart-count-bubble,.cart-count-bubble span {
    text-decoration: none!important
}

@media screen and (min-width: 1024px)and (max-width:1279.9px) {
    .cart-count-bubble {
        font-size:.75rem
    }
}

@media screen and (max-width: 1023.9px) {
    menu-drawer~.header__icons .header__icon--account {
        display:none
    }
}

.header__icon--menu[aria-expanded=true]:before {
    content: "";
    top: 100%;
    left: 0;
    height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
    width: 100%;
    display: block;
    position: absolute;
    background: rgba(var(--color-foreground),.5);
    z-index: 4
}

.header__search {
    display: none!important
}

menu-drawer+.header__search {
    display: none
}

.header>.header__search {
    grid-area: left-icon;
    justify-self: start
}

.header:not(.header--has-menu) *>.header__search {
    display: none
}

.header__search {
    display: inline-flex;
    line-height: 0
}

.header--top-center>.header__search {
    display: none
}

.header--top-center *>.header__search {
    display: inline-flex
}

@media screen and (min-width: 1024px) {
    .header:not(.header--top-center) *>.header__search,.header--top-center>.header__search {
        display:inline-flex
    }

    .header:not(.header--top-center)>.header__search,.header--top-center *>.header__search {
        display: none
    }
}

.no-js .predictive-search {
    display: none
}

details[open]>.search-modal {
    opacity: 1;
    animation: animateMenuOpen var(--duration-default) ease
}

details[open] .modal-overlay {
    display: block
}

details[open] .modal-overlay:after {
    position: absolute;
    content: "";
    background-color: rgb(var(--color-foreground),.5);
    top: 100%;
    left: 0;
    right: 0;
    height: 100vh
}

.no-js details[open]>.header__icon--search {
    top: .625rem;
    right: .3125rem
}

.search-modal {
    opacity: 0;
    border-bottom: .0625rem solid rgba(var(--color-foreground),.08);
    min-height: calc(100% + var(--inputs-margin-offset) + 2 * var(--inputs-border-width));
    height: 100%
}

.search-modal__content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 3.125rem 0 .625rem;
    line-height: calc(1 + .8 / var(--font-body-scale));
    position: relative
}

.search-modal__content-bottom {
    bottom: calc(var(--inputs-margin-offset) / 2)
}

.search-modal__content-top {
    top: calc(var(--inputs-margin-offset) / 2)
}

.search-modal__form {
    width: 100%
}

.search-modal__close-button {
    position: absolute;
    right: .1875rem
}

@media screen and (min-width: 768px) {
    .search-modal__close-button {
        right:.625rem
    }

    .search-modal__content {
        padding: 0 3.75rem
    }
}

@media screen and (min-width: 1024px) {
    .search-modal__form {
        max-width:29.875rem
    }

    .search-modal__close-button {
        position: initial;
        margin-left: .3125rem
    }
}

.header__icon--menu .icon {
    display: block;
    position: absolute;
    opacity: 1;
    transform: scale(1);
    transition: transform .15s ease,opacity .15s ease
}

details:not([open])>.header__icon--menu .icon-close,details[open]>.header__icon--menu .icon-hamburger {
    visibility: hidden;
    opacity: 0;
    transform: scale(.8)
}

.js details[open]:not(.menu-opening)>.header__icon--menu .icon-close {
    visibility: hidden
}

.js details[open]:not(.menu-opening)>.header__icon--menu .icon-hamburger {
    visibility: visible;
    opacity: 1;
    transform: scale(1.07)
}

.js details>.header__submenu {
    opacity: 0;
    transform: translateY(-.9375rem)
}

details[open]>.header__submenu {
    animation: animateMenuOpen var(--duration-default) ease;
    animation-fill-mode: forwards;
    z-index: 1
}

@media(prefers-reduced-motion) {
    details[open]>.header__submenu {
        opacity: 1;
        transform: translateY(0)
    }
}

.header__inline-menu {
    margin-left: -.75rem;
    grid-area: navigation;
    display: none
}

.header--top-center .header__inline-menu,.header--top-center .header__heading-link {
    margin-left: 0
}

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

    .header--top-center .header__inline-menu {
        justify-self: center
    }

    .header--top-center .header__inline-menu>.list-menu--inline {
        justify-content: center
    }

    .header--middle-left .header__inline-menu {
        margin-left: 0
    }

    .header__inline-menu--list-item {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
}

.header__menu {
    padding: 0 .625rem
}

.header__menu-item:where(button) {
    background-color: transparent
}

.header__menu-item:not(.pill-button) {
    padding: .75rem;
    text-decoration: none;
    color: rgba(var(--color-foreground));
    display: flex;
    align-items: center
}

.header__menu-item:not(.pill-button):hover {
    color: rgb(var(--color-foreground));
    text-decoration: underline
}

.header__menu-item span {
    transition: text-decoration var(--duration-short) ease
}

.header__menu-item--active span,.header__menu-item:hover span {
    text-decoration: underline;
    text-underline-offset: .1875rem
}

.header__active-menu-item {
    transition: text-decoration-thickness var(--duration-short) ease;
    color: rgb(var(--color-foreground));
    text-decoration: underline;
    text-underline-offset: .1875rem
}

.button .header__active-menu-item {
    color: rgb(var(--color-button-text),.75)
}

.header__menu-item:hover .header__active-menu-item {
    text-decoration-thickness: .125rem
}

.header__submenu {
    transition: opacity var(--duration-default) ease,transform var(--duration-default) ease;
    z-index: 5!important
}

.global-settings-popup,.header__submenu.global-settings-popup {
    border-color: rgba(var(--color-foreground),var(--popup-border-opacity));
    border-style: solid;
    border-width: var(--popup-border-width);
    box-shadow: none
}

.header__submenu.list-menu {
    padding: 1.5rem 0
}

.header__submenu .header__submenu {
    background-color: rgba(var(--color-foreground),.03);
    padding: .3125rem 0;
    margin: .3125rem 0
}

.header__submenu .header__menu-item:after {
    right: 1.25rem
}

.header__submenu .header__menu-item {
    justify-content: space-between;
    padding: .5rem 1.5rem
}

.header__submenu .header__menu-item.list-menu__item-with-icon {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: flex-start
}

.header__submenu .header__submenu .header__menu-item {
    padding-left: 2.125rem
}

.header__menu-item .icon-caret {
    right: .5rem
}

.header__submenu .icon-caret {
    flex-shrink: 0;
    margin-left: .625rem;
    position: static
}

header-menu>details,details-disclosure>details {
    position: relative
}

@keyframes animateMenuOpen {
    0% {
        opacity: 0;
        transform: translateY(-.9375rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.mobile-menu__item.mobile-menu__item--first {
    justify-content: space-between
}

@media screen and (max-width: 767.9px) {
    .footer h3.footer-block__heading,.footer ul.footer-block__link-list a,.footer .copyright__content {
        font-family:Avantt,sans-serif;
        font-size: 1rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.03em
    }
}

.footer *:focus-visible,.footer *:focus {
    outline-color: #fff
}

.footer__content-top {
    padding-top: 7.5rem
}

@media screen and (max-width: 767.9px) {
    .footer__content-top {
        padding-top:3rem
    }
}

.footer__content-form--wrapper {
    border-bottom: 1px solid #757470;
    border-top: 1px solid #757470
}

.footer__content-form--wrapper .form-column {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.footer__content-form--wrapper .form-column h2 {
    margin: 0
}

.footer__content-form--wrapper .form-column--left {
    padding: 2rem 0;
    border-right: 1px solid #757470
}

@media screen and (max-width: 767.9px) {
    .footer__content-form--wrapper .form-column--left {
        border-right:none;
        padding: 1.5rem 0 0
    }
}

.footer__content-form--wrapper .form-column--right {
    padding: 1rem 0
}

@media screen and (max-width: 767.9px) {
    .footer__content-form--wrapper .form-column--right {
        padding:.5rem 0
    }
}

.footer__content-form--wrapper .form-column form.customer-form .field--wrapper {
    border: none;
    padding-right: 0;
    padding-left: 0
}

.footer__content-form--wrapper .form-column form.customer-form p.message--disclaimer {
    display: none
}

.footer__content-blocks-wrapper .footer__content-logo img {
    width: 200px;
    height: auto;
    max-width: 100%
}

@media screen and (max-width: 1023.9px) {
    .footer__content-blocks-wrapper .footer__content-logo img {
        margin-bottom:2.5rem
    }
}

.footer__content-blocks-wrapper .footer__content-blocks .footer-block h3.footer-block__heading {
    margin: 0
}

.footer__content-blocks-wrapper .footer__content-blocks .footer-block ul.footer-block__link-list {
    margin-top: .625rem
}

.footer__content-blocks-wrapper .footer__content-blocks .footer-block ul.footer-block__link-list a {
    text-decoration: none;
    color: #bbb
}

.footer__content-blocks-wrapper .footer__content-blocks .footer-block ul.footer-block__link-list a.list-menu__item--active {
    text-decoration: underline
}

.footer__content-blocks-wrapper .footer__content-blocks .footer-block ul.footer-block__link-list a:hover {
    color: #fff
}

.footer__content-payments-markets--wrapper .footer__content-markets * {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em
}

.footer__content-payments-markets--wrapper .footer__content-markets .localization-form__flag-wrapper {
    display: flex;
    align-items: center;
    gap: 4px
}

.footer__content-payments-markets--wrapper .footer__content-markets .localization-form__details-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 4px
}

.footer__content-payments-markets--wrapper .footer__content-markets .localization-form__details-wrapper .localization-form__currency {
    min-width: fit-content;
    align-self: center
}

.footer__content-payments-markets--wrapper .footer__content-markets .disclosure {
    position: relative
}

.footer__content-payments-markets--wrapper .footer__content-markets .disclosure .disclosure__item {
    border-bottom: .5px solid #757470;
    padding: .3125rem 0
}

.footer__content-payments-markets--wrapper .footer__content-markets .disclosure .disclosure__item:last-child {
    border-bottom: none
}

.footer__content-payments-markets--wrapper .footer__content-markets .disclosure .disclosure__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 240px;
    cursor: pointer;
    border: 1px solid #bbbbbb;
    border-radius: .5rem;
    padding: .9375rem;
    background-color: transparent;
    text-decoration: none
}

.footer__content-payments-markets--wrapper .footer__content-markets .disclosure .disclosure__button svg {
    width: 12px
}

.footer__content-payments-markets--wrapper .footer__content-markets .disclosure .disclosure__button:before,.footer__content-payments-markets--wrapper .footer__content-markets .disclosure .disclosure__button:after {
    content: unset
}

.footer__content-payments-markets--wrapper .footer__content-markets .disclosure .disclosure__list-wrapper {
    width: 100%;
    border: 1px solid #bbbbbb;
    overflow: hidden;
    position: absolute;
    bottom: 100%;
    transform: translateY(-.625rem);
    z-index: 2;
    background-color: rgb(var(--color-background))
}

.footer__content-payments-markets--wrapper .footer__content-markets .disclosure .disclosure__list {
    width: 100%;
    position: relative;
    overflow-y: auto;
    font-size: .875rem;
    padding-bottom: .3125rem;
    padding-top: .3125rem;
    scroll-padding: .3125rem 0;
    min-height: 5.125rem;
    max-height: 11.875rem;
    max-width: 15rem;
    min-width: 7.5rem
}

.footer__content-payments-markets--wrapper .footer__content-markets .disclosure .disclosure__link {
    padding: .3125rem .75rem;
    text-decoration: none;
    line-height: calc(1 + .8 / var(--font-body-scale));
    display: flex;
    align-items: center;
    gap: 4px
}

.footer__content-payments-markets--wrapper .footer__extra-copyright {
    padding: 1rem 0
}

.footer__content-payments-markets--wrapper .footer__extra-copyright p {
    font-size: .75rem
}

.footer__content-payments-markets--wrapper .footer__extra-copyright a {
    color: currentColor;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .footer__content-payments-markets--wrapper .footer__extra-copyright p {
        font-size:.875rem
    }
}

.footer__content-bottom--wrapper {
    border-top: 1px solid #757470
}

.footer__content-bottom--wrapper .footer__content-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.5rem 0
}

@media screen and (max-width: 767.9px) {
    .footer__content-bottom--wrapper .footer__content-bottom {
        flex-direction:column;
        align-items: center;
        justify-content: center
    }
}

.footer__content-bottom--wrapper .footer__content-bottom * {
    color: #bbb
}

.footer__content-bottom--wrapper .footer__content-bottom .footer__list-social {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.footer__content-bottom--wrapper .footer__content-bottom .footer__list-social .list-social__item a {
    padding: 0 .75rem
}

.footer__content-bottom--wrapper .footer__content-bottom .footer__list-social .list-social__item .icon {
    width: 1.125rem;
    height: 1.125rem
}

.footer__content-bottom--wrapper .footer__content-bottom .footer__list-social .list-social__item:first-child a {
    padding-left: 0
}

.footer__content-bottom--wrapper .footer__content-bottom .footer__list-social .list-social__item:last-child a {
    padding-right: 0
}

.footer__content-bottom--wrapper .footer__content-bottom .footer__copyright a {
    text-decoration: none
}

#shopify-section-announcement-bar {
    z-index: 12
}

.announcementbar__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: -.28px;
    color: rgb(var(--color-foreground));
    gap: .5rem;
    height: auto
}

@media(max-height: 512px) {
    .announcementbar__slide {
        padding:0
    }
}

.announcementbar__slide a {
    color: inherit;
    white-space: nowrap;
    flex-shrink: 1
}

.announcementbar__slide p {
    margin: 0;
    list-style: inherit;
    flex-shrink: 1
}

.announcementbar__slide .button-pause {
    flex-shrink: 0;
    border: 1px solid #ffffff;
    background-color: transparent
}

swiper-announcement:not([data-slide-count="1"]) .announcementbar__slide p {
    cursor: default
}

.title,.title-wrapper-with-link {
    margin: 1.875rem 0 1.25rem
}

.title-wrapper-with-link .title {
    margin: 0
}

.title .link {
    font-size: inherit
}

.title-wrapper {
    margin-bottom: 1.875rem
}

.title-wrapper-with-link {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: .625rem;
    margin-bottom: 1.875rem;
    flex-wrap: wrap
}

.title-wrapper-with-link.center {
    justify-content: center;
    align-items: center
}

.title--primary {
    margin: 2.5rem 0
}

.title-wrapper--self-padded-tablet-down,.title-wrapper--self-padded-mobile {
    padding-left: .9375rem;
    padding-right: .9375rem
}

@media screen and (min-width: 750px) {
    .title-wrapper--self-padded-mobile {
        padding-left:0;
        padding-right: 0
    }
}

@media screen and (min-width: 990px) {
    .title,.title-wrapper-with-link {
        margin:3.125rem 0 1.875rem
    }

    .title--primary {
        margin: 1.25rem 0
    }

    .title-wrapper-with-link {
        align-items: center
    }

    .title-wrapper-with-link .title {
        margin-bottom: 0
    }

    .title-wrapper--self-padded-tablet-down {
        padding-left: 0;
        padding-right: 0
    }
}

.title-wrapper-with-link .link-with-icon {
    margin: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.title-wrapper-with-link .link-with-icon svg {
    width: .9375rem
}

.title-wrapper-with-link a {
    margin-top: 0;
    flex-shrink: 0
}

.title-wrapper--no-top-margin {
    margin-top: 0
}

.title-wrapper--no-top-margin>.title {
    margin-top: 0
}

.subtitle {
    font-size: 1.125rem;
    line-height: calc(1 + .8 / var(--font-body-scale));
    letter-spacing: .0375rem
}

.subtitle--small {
    font-size: .875rem;
    letter-spacing: .0625rem
}

.subtitle--medium {
    font-size: 1rem;
    letter-spacing: .05rem
}

.button {
    appearance: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    min-width: calc(7.5rem + var(--buttons-border-width) * 2);
    min-height: calc(2.8125rem + var(--buttons-border-width) * 2);
    padding: 0 1.875rem;
    border: 0;
    border-radius: 624.938rem;
    font: inherit;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.03em;
    text-decoration: none;
    transition: box-shadow .1s ease;
    color: rgb(var(--color-button-text));
    background-color: rgba(var(--color-button))
}

.button::selection {
    background-color: rgba(var(--color-button-text),.3)
}

.button--sm {
    padding: 0 2rem;
    min-height: 40px;
    font-size: 1rem
}

.button--md {
    padding: 0 2.5rem;
    min-height: 48px
}

.button--lg {
    padding: 0 2.5rem;
    min-height: 64px
}

.button--xl {
    padding: 0 2.5rem;
    min-height: 80px
}

@media screen and (max-width: 767.9px) {
    .button--xl {
        min-height:64px
    }
}

.button--hero {
    height: 52px
}

@media screen and (min-width: 768px) {
    .button--hero {
        height:64px
    }
}

.button--full-width {
    display: flex;
    width: 100%
}

@media screen and (max-width: 767.9px) {
    .button--full-width-mobile {
        display:flex;
        width: 100%
    }
}

.button:disabled,.button[aria-disabled=true],.button.disabled,.customer button:disabled,.customer button[aria-disabled=true],.customer button.disabled {
    cursor: not-allowed;
    opacity: .5
}

.button:disabled {
    background-color: #e5e3de
}

.button.loading {
    position: relative
}

.button.loading>.loading-overlay__spinner {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    height: 100%;
    width: 2.1875rem;
    display: flex;
    align-items: center
}

.button.button--sm.loading>.loading-overlay__spinner,.button.button--md.loading>.loading-overlay__spinner {
    width: 1.5rem
}

.button.loading>.loading-overlay__spinner .spinner {
    width: fit-content
}

.button.loading,.button.loading * {
    color: transparent!important
}

@media screen and (forced-colors:active) {
    .button.loading {
        color: rgb(var(--color-foreground))
    }
}

.button.loading>.loading-overlay__spinner .path {
    stroke: rgb(var(--color-button-text))
}

.button--primary {
    background-color: #252427;
    color: #fff
}

@media screen and (max-width: 767.9px) {
    .button--primary:active {
        background-color:#757470
    }
}

@media screen and (min-width: 768px) {
    .button--primary:hover {
        background-color:#000
    }
}

.primary--invert {
    background-color: #fff;
    color: #252427
}

@media screen and (min-width: 768px) {
    .primary--invert:hover {
        background-color:#fbf9f8;
        box-shadow: 0 0 12px #0000001a;
        color: #252427
    }
}

.secondary {
    background-color: transparent;
    color: #252427;
    border: 1px solid #252427
}

@media screen and (max-width: 767.9px) {
    .secondary:active {
        color:#fff;
        background-color: #757470;
        border-bottom: 1px solid #757470;
        border: 1px solid #757470
    }

    .secondary:active svg path {
        fill: #fff
    }
}

@media screen and (min-width: 768px) {
    .secondary:hover {
        background-color:#fbf9f8;
        box-shadow: 0 0 12px #0000001a
    }
}

.secondary--transparent {
    background-color: transparent;
    color: #252427
}

@media screen and (max-width: 767.9px) {
    .secondary--transparent:active {
        color:#fff;
        background-color: #757470
    }

    .secondary--transparent:active svg path {
        fill: #fff
    }
}

@media screen and (min-width: 768px) {
    .secondary--transparent:hover {
        background-color:#fbf9f8;
        box-shadow: 0 0 12px #0000001a
    }
}

.secondary--invert {
    border-color: #fff;
    color: #fff
}

@media screen and (min-width: 768px) {
    .secondary--invert:hover {
        background-color:#fff;
        color: #252427
    }
}

.secondary--outlined {
    background-color: #fff;
    color: #252427;
    border: 1px solid #252427
}

@media screen and (max-width: 767.9px) {
    .secondary--outlined:active {
        color:#757470;
        border-bottom: 1px solid #757470;
        border: 1px solid #757470
    }

    .secondary--outlined:active svg path {
        fill: #757470
    }
}

@media screen and (min-width: 768px) {
    .secondary--outlined:hover {
        background-color:#fbf9f8;
        box-shadow: 0 0 12px #0000001a
    }
}

.tertiary {
    background-color: transparent;
    color: #252427;
    border-bottom: 1px solid #252427;
    border-radius: 0rem;
    padding-inline:0;padding: 1px 0
}

@media screen and (max-width: 767.9px) {
    .tertiary.button--xl {
        min-height:48px
    }

    .tertiary:active {
        color: #757470;
        border-bottom: 1px solid #757470
    }

    .tertiary:active svg path {
        fill: #757470
    }
}

@media screen and (min-width: 768px) {
    .tertiary.button--xl {
        border:none;
        font-size: 2rem
    }

    .tertiary.button--xl:hover {
        border: none;
        padding-bottom: 1px
    }

    .tertiary:hover {
        border-bottom: 2px solid #252427;
        background-color: transparent;
        padding-bottom: 0
    }
}

.tertiary--invert {
    border-color: #fff;
    color: #fff
}

@media screen and (min-width: 768px) {
    .tertiary--invert:hover {
        border-color:#fff
    }
}

.button--color-scheme.button--primary {
    background-color: rgb(var(--color-button));
    color: rgb(var(--color-button-text))
}

.button--color-scheme.button--primary:hover {
    opacity: .75
}

.button--color-scheme.secondary {
    background-color: transparent;
    color: rgb(var(--color-secondary-button-text));
    border-color: rgb(var(--color-secondary-button-text))
}

.button--color-scheme.secondary:hover {
    opacity: .75
}

.button--color-scheme.secondary--transparent {
    background-color: transparent;
    color: rgb(var(--color-secondary-button-text))
}

.button--color-scheme.secondary--transparent:hover {
    opacity: .75
}

.button--color-scheme.secondary--outlined {
    background-color: rgb(var(--color-secondary-button));
    color: rgb(var(--color-secondary-button-text));
    border-color: rgb(var(--color-secondary-button-text))
}

.button--color-scheme.secondary--outlined:hover {
    opacity: .75
}

.button--color-scheme.tertiary {
    background-color: transparent;
    color: rgb(var(--color-secondary-button-text));
    border-color: rgb(var(--color-secondary-button-text))
}

.button--color-scheme.tertiary:hover {
    opacity: .75
}

.circle--sm {
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
    padding: 0
}

.circle--md {
    min-width: 48px;
    max-width: 48px;
    min-height: 48px;
    max-height: 48px;
    padding: 0
}

.circle--lg {
    min-width: 64px;
    max-width: 64px;
    min-height: 64px;
    max-height: 64px;
    padding: 0
}

a.text-link {
    color: #252427;
    text-underline-offset: .3125rem;
    cursor: pointer;
    display: inline-block;
    border: none;
    text-decoration: underline
}

a.text-link:hover {
    color: #757470
}

a.text-link:active {
    color: #252427
}

.breadcrumbs__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #757470;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -.02em
}

.breadcrumbs__list li {
    display: inline-flex;
    align-items: center
}

.breadcrumbs__list li a {
    text-decoration: none;
    color: inherit;
    transition: color .3s ease
}

.breadcrumbs__list li a:hover,.breadcrumbs__list li span[aria-current=page] {
    color: #252427
}

.breadcrumbs__separator:after {
    content: "→";
    display: inline-block;
    margin: 0 .25rem
}

@media screen and (min-width: 768px) {
    .breadcrumbs__separator:after {
        margin:0 .5rem
    }
}

.template-product .breadcrumbs__list {
    padding: 1rem 0
}

@media screen and (min-width: 768px) {
    .template-product .breadcrumbs__list {
        padding:0 0 1rem
    }
}

.quantity {
    position: relative;
    width: calc(8.75rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
    display: flex;
    min-height: calc(var(--inputs-border-width) * 2 + 2.1875rem)
}

.quantity__input {
    font-size: .875rem;
    font-weight: 500;
    opacity: .85;
    text-align: center;
    border: 0;
    padding: 0 .3125rem;
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    appearance: none
}

.quantity__button {
    width: calc(2.8125rem / var(--font-body-scale));
    flex-shrink: 0;
    font-size: 1.125rem;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.quantity__button:first-child {
    margin-left: calc(var(--inputs-border-width))
}

.quantity__button:last-child {
    margin-right: calc(var(--inputs-border-width))
}

.quantity__button svg {
    width: .625rem;
    pointer-events: none
}

.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.quantity__input[type=number] {
    -moz-appearance: textfield
}

.product-form__quantity-ATC {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .625rem
}

.product-form__quantity-ATC .quantity.quantity-selector {
    width: fit-content;
    min-width: 130px;
    flex: 1 1 calc(40% - 1rem)
}

.product-form__quantity-ATC .quantity.quantity-selector .quantity__input {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 200%;
    letter-spacing: -.03em
}

.product-form__quantity-ATC .product-form__submit,.product-form__quantity-ATC .case-personalization__submit {
    width: fit-content;
    min-width: 100%;
    flex: 1 1 60%;
    margin: 0
}

@media screen and (min-width: 750px) {
    .product-form__quantity-ATC .product-form__submit,.product-form__quantity-ATC .case-personalization__submit {
        min-width:200px
    }
}

.quantity.quantity-selector .quantity__button {
    width: fit-content;
    padding: 1rem
}

.quantity.quantity-selector .quantity__button.disabled {
    opacity: .3;
    cursor: not-allowed
}

.quantity.quantity-selector .quantity__button:focus-visible {
    border-radius: 624.938rem
}

@supports not selector(:focus-visible) {
    .quantity.quantity-selector .quantity__button:focus {
        border-radius: 624.938rem
    }
}

.quantity.quantity-selector .quantity__button svg {
    width: 1.5rem;
    pointer-events: none
}

.quantity {
    color: rgba(var(--color-foreground))
}

.quantity__button {
    color: rgb(var(--color-foreground))
}

.quantity__button.focused,.quantity__button:focus-visible,.quantity__input:focus-visible {
    background-color: rgb(var(--color-background));
    z-index: 2
}

@supports not selector(:focus-visible) {
    .quantity__button:focus,.quantity__input:focus {
        background-color: rgb(var(--color-background));
        z-index: 2
    }
}

.modal__toggle {
    list-style-type: none
}

.no-js details[open] .modal__toggle {
    position: absolute;
    z-index: 5
}

.modal__toggle-close {
    display: none
}

.no-js details[open] svg.modal__toggle-close {
    display: flex;
    z-index: 1;
    height: 1.0625rem;
    width: 1.0625rem
}

.modal__toggle-open {
    display: flex
}

.no-js details[open] .modal__toggle-open {
    display: none
}

.no-js .modal__close-button.link {
    display: none
}

.modal__close-button.link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0rem;
    height: 2.75rem;
    width: 2.75rem
}

.modal__close-button .icon {
    width: 1.0625rem;
    height: 1.0625rem
}

.modal__content {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center
}

.media-modal {
    cursor: zoom-out
}

.media-modal .deferred-media {
    cursor: initial
}

.badge {
    border: 1px solid transparent;
    border-radius: 624.938rem;
    display: inline-block;
    font-size: .75rem;
    letter-spacing: .0625rem;
    line-height: 1;
    padding: .375rem .8125rem;
    text-align: center;
    word-break: break-word
}

.font-body-bold {
    font-weight: var(--font-body-weight-bold)
}

.label,.label--small {
    white-space: nowrap;
    display: inline-block;
    border-radius: .25rem;
    vertical-align: super;
    align-self: center
}

.label {
    padding: .3125rem .75rem
}

.label--small {
    padding: .3125rem .5rem
}

.label--no-v-padding {
    line-height: 220%;
    padding: 0rem .5rem;
    border-radius: .25rem
}

.label--no-v-padding-xs {
    line-height: 180%;
    padding: 0rem .375rem;
    border-radius: .125rem
}

.label--icon {
    width: fit-content;
    padding: .75rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 9px;
    white-space: normal
}

.label--icon svg {
    flex-shrink: 0
}

.label--icon span {
    display: flex;
    align-items: center;
    min-height: 24px
}

.chip--icon {
    font-family: Avantt,sans-serif;
    font-size: .625rem;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.03em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: .25rem .5rem;
    white-space: nowrap;
    gap: .25rem;
    border-radius: .25rem
}

.chip--icon .icon {
    width: .625rem;
    height: .625rem
}

.media__label-container {
    padding: 1rem
}

@media screen and (min-width: 768px) {
    .media__label-container {
        padding:1.5rem
    }
}

.tag {
    display: inline-flex;
    align-items: center;
    white-space: nowrap
}

.tag__label {
    display: inline-block
}

.tag__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.tag__icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: currentColor
}

.tag__descriptor {
    display: inline-block;
    font-family: Avantt,sans-serif;
    font-size: .625rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0
}

.tag--s {
    font-family: Avantt,sans-serif;
    font-size: .625rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    padding: .125rem .25rem;
    gap: .25rem;
    border-radius: .25rem
}

.tag--s .tag__icon {
    width: .75rem;
    height: .75rem
}

.tag--m {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: 0;
    padding: .25rem .5rem;
    gap: .5rem;
    border-radius: .25rem
}

.tag--m .tag__icon {
    width: 1rem;
    height: 1rem
}

.tag--l {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: 0;
    padding: .5rem 1rem;
    gap: 1rem;
    border-radius: .5rem
}

.tag--l .tag__icon {
    width: 1rem;
    height: 1rem
}

.tag--default {
    background-color: #fff;
    color: #252427
}

.tag--promo {
    background-color: #ffd6dc;
    color: #252427
}

.tag--info {
    background-color: #def9fc;
    color: #1b5d64
}

.tag--urgent {
    background-color: #252427;
    color: #fff
}

.tag--neutral {
    background-color: #f3f3f3;
    color: #252427
}

.tag--emphasis {
    background-color: #e4d5fd;
    color: #4d2e8c
}

.tag--success {
    background-color: #b4ffc2;
    color: #147e11
}

.tag--error {
    background-color: #ffc0c7;
    color: #d0304e
}

.tag--warning {
    background-color: #fad775;
    color: #9a6c00
}

.tag--muted {
    background-color: #fff;
    color: #4f4f51;
    border: 1px solid #e5e3de
}

.price {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.price__container {
    margin-right: .25rem
}

.price>*,.price .price-item {
    display: inline-block
}

.price.price--unavailable {
    visibility: hidden
}

.price--end {
    text-align: right
}

.price .price-item {
    margin: 0 .25rem 0 0
}

.price__regular .price-item--regular {
    margin-right: 0
}

.price:not(.price--show-badge) .price-item--last {
    margin: 0
}

.price__regular {
    display: block
}

.price__sale,.price__availability,.price .price__label-sale,.price--on-sale .price__regular,.price--on-sale .price__availability {
    display: none
}

.price--on-sale .price__label-sale {
    display: inline-block
}

.price--on-sale .price__sale {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.price--center {
    display: initial;
    justify-content: center
}

.price--on-sale s.price-item--regular {
    text-decoration: line-through;
    align-self: center
}

.price--large .price__container {
    margin-right: .5rem
}

.unit-price {
    display: block;
    font-size: .6875rem;
    letter-spacing: .025rem;
    line-height: calc(1 + .2 / var(--font-body-scale));
    margin-top: .125rem;
    text-transform: uppercase;
    color: rgba(var(--color-foreground))
}

@media(prefers-contrast:no-preference) {
    .unit-price {
        color: rgba(var(--color-foreground),.8)
    }
}

#yotpo-reviews-main-widget .yotpo-review-content {
    position: relative
}

#yotpo-modal .close-btn-wrapper,#yotpo-basic-modal .modal-close-btn-wrapper {
    width: 14px;
    height: 14px
}

#yotpo-mobile-filters-popup {
    z-index: 7
}

.product__info-container>*:first-child {
    min-height: 19px
}

.yotpo-star-rating-icon {
    display: initial;
    max-width: initial
}

.star-container svg path,.yotpo-star-rating-icon,.yotpo-sr-bottom-line-score,.yotpo-sr-bottom-line-right-panel .yotpo-sr-bottom-line-text {
    color: currentColor!important;
    stroke: currentColor
}

.yotpo-star-rating-icon {
    color: currentColor!important;
    stroke: currentColor
}

.star-container linearGradient stop:first-child,.yotpo-star-rating-icon linearGradient>stop:first-child {
    stop-color: currentColor
}

.card-information .yotpo-sr-bottom-line-summary {
    flex-wrap: wrap
}

@media screen and (max-width: 767.9px) {
    .card-information .yotpo-sr-bottom-line-summary div:first-child {
        margin-right:5px!important
    }
}

.card-information .yotpo-sr-bottom-line-summary>div:first-child {
    max-width: 65px
}

.card-information .yotpo-sr-bottom-line-score,.card-information .yotpo-sr-vertical-border {
    display: none!important
}

.card-information .yotpo-sr-bottom-line-text {
    font-size: .875rem!important;
    line-height: .9375rem!important
}

@media(prefers-contrast:no-preference) {
    .card-information .yotpo-sr-bottom-line-text {
        color: #757370!important
    }
}

@media screen and (max-width: 767.9px) {
    .card-information .yotpo-sr-bottom-line-text {
        font-size:.625rem!important;
        color: #252427!important
    }
}

.yotpo-sr-bottom-line-score {
    margin-bottom: -1px!important
}

.product .product__info-wrapper .yotpo-sr-bottom-line-summary {
    color: #252427
}

.product .product__info-wrapper .yotpo-sr-bottom-line-summary .star-container.yotpo-sr-star-empty {
    color: #e5e3de
}

.product .product__info-wrapper .yotpo-sr-bottom-line-summary .star-container.yotpo-sr-star-empty svg path {
    fill: #e5e3de
}

.product .product__info-wrapper .yotpo-sr-bottom-line-summary .yotpo-sr-bottom-line-text {
    text-transform: capitalize
}

.product .product__info-wrapper .yotpo-sr-bottom-line-summary .yotpo-sr-vertical-border {
    border-right: 2px solid #e5e3de!important;
    height: 16px!important
}

.rating,.rating-start,.rating-text,.rating-count {
    display: none
}

.facets-simplified-old .spinning-loader {
    display: none;
    width: 1.25rem;
    height: 1.25rem;
    border: 3px solid #000;
    border-bottom-color: transparent;
    border-radius: 624.938rem;
    box-sizing: border-box;
    animation: rotation 1s linear infinite
}

.facets-simplified-old #ProductGridContainer {
    position: relative
}

.facets-simplified-old .mobile-facets__wrapper,.facets-simplified-old .facets__wrapper {
    color: #000;
    font-size: 1rem;
    margin: 1.25rem 0;
    display: block
}

.facets-simplified-old .mobile-facets__wrapper input[type=checkbox],.facets-simplified-old .facets__wrapper input[type=checkbox] {
    accent-color: #000
}

.facets-simplified-old .facets__wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.125rem
}

.facets-simplified-old .facets__wrapper.loading .spinning-loader {
    display: inline-block
}

.facets-simplified-old .facets__wrapper .facets__title {
    position: relative
}

.facets-simplified-old .facets__wrapper .facets__title .active-items {
    position: absolute;
    top: -5px;
    right: -7px;
    font-size: .625rem
}

.facets-simplified-old .facets__wrapper details:nth-of-type(3) {
    margin-left: auto
}

.facets-simplified-old .facets__wrapper summary {
    border: 1px solid #e5e3de;
    padding: 1.25rem;
    border-radius: .5rem;
    line-height: 0
}

.facets-simplified-old .facets__wrapper summary.active {
    border-color: #000
}

.facets-simplified-old .facets__wrapper summary.active+.facets__display {
    border-color: #000
}

.facets-simplified-old .facets__wrapper summary>div {
    min-width: 11.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.facets-simplified-old .facets__wrapper summary .icon-caret {
    position: static;
    display: inline-block;
    margin-left: 10px
}

.facets-simplified-old .facets__wrapper .facets-wrap {
    border: none;
    padding: 0;
    margin: 0
}

.facets-simplified-old .facets__wrapper .facets-wrap .facets__list li {
    border-top: 1px solid #f3f3f3
}

.facets-simplified-old .facets__wrapper .facets-wrap .facets__list li .facet-checkbox {
    padding: 1.25rem .625rem
}

.facets-simplified-old .facets__wrapper .facets-wrap .facets__list li label.facet-checkbox {
    display: flex;
    gap: 5px;
    align-items: flex-start
}

.facets-simplified-old .facets__wrapper .facets-wrap .facets__list li label.facet-checkbox>span {
    margin-top: -3px
}

.facets-simplified-old .facets__wrapper .facets-wrap .facets__list li label svg {
    display: none
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__close {
    display: none
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__open {
    width: 100%;
    display: flex;
    gap: 8px;
    padding: .9375rem;
    border: 1px solid #e5e3de;
    border-radius: .5rem;
    align-items: center;
    justify-content: center
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__open svg {
    width: 24px
}

.facets-simplified-old .mobile-facets__wrapper .disclosure-has-popup {
    position: static;
    transform: unset
}

.facets-simplified-old .mobile-facets__wrapper .disclosure-has-popup[open]>summary+facet-filters-form {
    position: fixed;
    inset: 0;
    transform: unset
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets {
    height: 100%
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__header {
    width: 100%;
    padding: 1.25rem .9375rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__header.loading .spinning-loader {
    display: inline-block
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__header button {
    background: none;
    border: none;
    box-shadow: none;
    font-size: 1.25rem
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__main {
    flex: 1;
    width: 100%;
    overflow-y: scroll
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__footer {
    border-top: 1px solid #f3f3f3;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 1.25rem;
    gap: 1.25rem
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__footer .mobile-facets__clear {
    color: #000;
    font-size: 1.25rem
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__footer button {
    width: 100%
}

.facets-simplified-old .mobile-facets__wrapper h3 {
    font-size: 1rem;
    margin-top: 0
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__details {
    padding: 2rem .9375rem;
    border-top: 1px solid #f3f3f3
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label {
    padding: .625rem 1.25rem;
    border: 1px solid #e5e3de;
    border-radius: .5rem;
    display: block
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label:focus-within {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label .icon-checkmark {
    display: none
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label:has(>input:checked) {
    border-color: #000;
    background-color: #000;
    color: #fff
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label:has(>input:checked) .icon-checkmark {
    display: inline-block;
    margin-right: .3125rem
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label:has(>input:disabled) {
    background-color: #e5e3de
}

.facets-simplified-old .disclosure-has-popup[open]>summary+* {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    transform: translateY(100%);
    border: 1px solid #e5e3de;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background: #fff
}

@media screen and (max-width: 767.9px) {
    .facets-simplified-old .filters menu-drawer {
        margin:35px auto 0
    }
}

.facets-simplified-old facet-filters-form * {
    letter-spacing: 0
}

.facets-simplified-old .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label:has(>input:disabled) {
    color: gray
}

.facets-simplified-old .mobile-facets.container,.facets-simplified-old .mobile-facets.page-width {
    padding: 0
}

.facets-simplified-old .facets__item label {
    cursor: pointer
}

.facets-simplified-old .mobile-facets__open-label {
    position: relative;
    letter-spacing: 0
}

.facets-simplified-old .mobile-facets__open-label .active-items {
    position: absolute;
    top: -5px;
    right: -7px;
    font-size: .625rem
}

.rte:after {
    clear: both;
    content: "";
    display: block
}

.rte>p:first-child {
    margin-top: 0
}

.rte>p:last-child {
    margin-bottom: 0
}

.rte table {
    table-layout: fixed
}

@media screen and (min-width: 768px) {
    .rte table td {
        padding-left:.75rem;
        padding-right: .75rem
    }
}

.rte img {
    height: auto;
    max-width: 100%;
    border: var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));
    box-shadow: none;
    margin-bottom: 2px
}

.rte ul {
    padding-left: 1.25rem;
    list-style-type: disc
}

.rte li {
    list-style: inherit
}

.rte li:last-child {
    margin-bottom: 0
}

.rte a {
    color: #252427;
    text-underline-offset: .3125rem;
    text-decoration: underline
}

.rte a:hover {
    color: #757470
}

.rte a:active {
    color: #252427
}

.color-accent-1 .rte a,.color-accent-2 .rte a {
    color: inherit
}

.rte blockquote {
    display: inline-flex
}

.rte blockquote>* {
    margin: -.3125rem 0
}

.cta-card .card-title {
    font-size: 1.5rem;
    line-height: 150%;
    letter-spacing: -.03em;
    color: #252427;
    margin: 0
}

.cta-card .card__content {
    align-items: flex-end;
    max-height: fit-content;
    padding: 0;
    width: auto;
    margin: 12px
}

.cta-card .card__content .product__label {
    width: fit-content;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .cta-card .card__content {
        margin:0 16px 40px
    }

    .cta-card .card__content .product__label {
        margin-bottom: 16px
    }
}

.cta-card .quick-add {
    padding: 0
}

.cta-card .card__text {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.cta-card .card-text {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 128%;
    letter-spacing: -.03em;
    color: #757470
}

.cta-card .card__information {
    background-color: #fff;
    padding: 16px;
    border-radius: .75rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.cta__card {
    aspect-ratio: 1/2
}

@media screen and (max-width: 767.9px) {
    .cta__card {
        width:100%;
        min-height: 269px;
        aspect-ratio: unset
    }
}

.cta__card .card--text {
    background-color: unset;
    justify-content: flex-end
}

.collection .product-form__input {
    display: flex;
    gap: 8px
}

.collection .product-form__input [data-variant-swatch] {
    width: 24px;
    height: auto;
    border-radius: 624.938rem
}

.collection .product-form__input [data-variant-swatch]:has(input:focus-visible) label.variant-swatch {
    outline-offset: .25rem;
    outline: .125rem solid #3696a0
}

@supports not selector(:focus-visible) {
    .collection .product-form__input [data-variant-swatch]:has(input:focus) label.variant-swatch {
        outline-offset: .25rem;
        outline: .125rem solid #3696a0
    }
}

@media screen and (max-width: 767.9px) {
    .collection .collections-grid .tag--m,.collection .product-grid.grid--2-col-tablet-down .tag--m {
        font-family:Avantt,sans-serif;
        font-size: .625rem;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0;
        padding: .125rem .25rem;
        gap: .25rem;
        border-radius: .25rem
    }

    .collection .collections-grid .tag--m .tag__icon,.collection .product-grid.grid--2-col-tablet-down .tag--m .tag__icon {
        width: .75rem;
        height: .75rem
    }

    .collection .collections-grid .usps.body--small,.collection .collections-grid .product-wizard--wrapper .price-component .usps.price,.product-wizard--wrapper .price-component .collection .collections-grid .usps.price,.collection .collections-grid .product-wizard--wrapper .price-component .usps.compare-price,.product-wizard--wrapper .price-component .collection .collections-grid .usps.compare-price,.collection .collections-grid .list-menu li a.usps,.list-menu li .collection .collections-grid a.usps,.collection .product-grid.grid--2-col-tablet-down .usps.body--small,.collection .product-grid.grid--2-col-tablet-down .product-wizard--wrapper .price-component .usps.price,.product-wizard--wrapper .price-component .collection .product-grid.grid--2-col-tablet-down .usps.price,.collection .product-grid.grid--2-col-tablet-down .product-wizard--wrapper .price-component .usps.compare-price,.product-wizard--wrapper .price-component .collection .product-grid.grid--2-col-tablet-down .usps.compare-price,.collection .product-grid.grid--2-col-tablet-down .list-menu li a.usps,.list-menu li .collection .product-grid.grid--2-col-tablet-down a.usps {
        font-size: .875rem
    }

    .collection .collections-grid button,.collection .collections-grid .button,.collection .product-grid.grid--2-col-tablet-down button,.collection .product-grid.grid--2-col-tablet-down .button {
        font-size: .875rem;
        padding: 0 .625rem
    }

    .collection .collections-grid .yotpo-sr-bottom-line-summary,.collection .product-grid.grid--2-col-tablet-down .yotpo-sr-bottom-line-summary {
        padding: 0
    }

    .collection .collections-grid .yotpo-reviews-star-ratings-widget,.collection .product-grid.grid--2-col-tablet-down .yotpo-reviews-star-ratings-widget {
        margin-bottom: 0!important
    }

    .collection .collections-grid .card-information h3,.collection .product-grid.grid--2-col-tablet-down .card-information h3 {
        font-size: 1.25rem
    }

    .collection .product-form__input [data-variant-swatch] .variant-swatch:before {
        box-shadow: none
    }

    .collection .product-form__input [data-variant-swatch] .variant-swatch.featured-coll {
        width: 20px;
        height: 20px
    }

    .collection slider-component .product-form__input [data-variant-swatch] .variant-swatch.featured-coll {
        width: 25px;
        height: 25px
    }
}

.card-wrapper:hover .yotpo-sr-bottom-line-summary {
    text-decoration: none!important
}

.yotpo-sr-bottom-line-summary .yotpo-sr-bottom-line-right-panel {
    align-self: center
}

.cta-card {
    position: relative;
    display: block;
    text-decoration: none;
    color: inherit
}

.cta-card:hover {
    text-decoration: none
}

.cta-card .cta-card__button {
    pointer-events: none;
    cursor: inherit
}

.quick-add .button--primary.card__link {
    text-decoration: none
}

.BIS_trigger:hover,.card-wrapper:hover .BIS_trigger {
    text-decoration: none!important
}

.BIS_trigger {
    text-align: center;
    display: flex;
    min-height: 48px
}

@media screen and (max-width: 767.9px) {
    .card--standard .card__information {
        padding:1.25rem 1rem
    }

    .card--standard .card__information .card__interactive variant-swatches fieldset {
        margin-top: 0rem
    }

    .card--standard .card__information .price {
        margin-bottom: .5rem
    }

    .card--standard .card__information .yotpo-sr-bottom-line-summary svg {
        width: 10px;
        height: 10px
    }
}

.card__content {
    position: relative;
    z-index: 1
}

.card__interactive {
    position: relative;
    z-index: 2
}

.card__inner .card__link {
    z-index: 2;
    text-decoration: none!important
}

@media screen and (min-width: 1024px) {
    .card .media.media--hover-effect>img:only-child,.card-wrapper .media.media--hover-effect>img:only-child {
        transition:transform var(--duration-long) ease
    }

    .card__inner:hover .media.media--hover-effect>img:first-child:only-child {
        transform: scale(1.03)
    }

    .card__inner:hover .media.media--hover-effect>img:first-child:not(:only-child) {
        opacity: 0
    }

    .card__inner:hover .media.media--hover-effect>img+img {
        opacity: 1;
        transition: opacity .3s ease,transform var(--duration-long) ease;
        transform: scale(1.03);
        filter: brightness(90%)
    }

    .underline-links-hover:hover a {
        text-decoration: underline;
        text-underline-offset: .1875rem
    }

    .justify-center-d {
        justify-content: center
    }
}

.card__content-right {
    position: absolute
}

@media screen and (min-width: 768px) {
    .card__content-right {
        top:.5rem;
        right: .5rem
    }
}

.card__content-right {
    z-index: 3
}

@media screen and (max-width: 767.9px) {
    .card__content-right {
        bottom:.5rem;
        right: .5rem
    }
}

.card__content-right .product-virtual-try-on-launch-button {
    margin: 0;
    padding: 0 1rem;
    cursor: pointer
}

@media screen and (max-width: 767.9px) {
    .card__content-right .product-virtual-try-on-launch-button {
        min-height:28px;
        padding: 0 .5rem;
        gap: .25rem
    }

    .card__content-right .product-virtual-try-on-launch-button .button-label {
        font-size: .75rem
    }
}

@media screen and (min-width: 768px) {
    .card__inner:hover .product-virtual-try-on-launch-button {
        border-color:#fff
    }

    .card__inner:hover .product-virtual-try-on-launch-button .button-label {
        color: #fff
    }

    .card__inner:hover .product-virtual-try-on-launch-button svg path {
        fill: #fff
    }
}

.bfcm-card-product .card__interactive {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    gap: 1rem
}

.bfcm-card-product .card__interactive variant-swatches fieldset {
    margin: 0rem!important
}

.bfcm-card-product .card__interactive variant-swatches.default {
    position: relative
}

.bfcm-card-product .card__interactive variant-swatches.default:after {
    content: "";
    position: absolute;
    right: -.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: .0625rem;
    height: 100%;
    background-color: #e5e3de
}

@media screen and (max-width: 639.9px) {
    .bfcm-card-product .card__interactive variant-swatches.default:after {
        right:-.5rem
    }
}

.bfcm-card-product .card-information .usps {
    margin-top: .5rem;
    line-height: 1.25rem;
    color: #757470
}

.bfcm-card-product .card-information .reviews-count {
    color: #252427
}

.bfcm-card-product .card-information .price__sale {
    gap: .5rem;
    flex-direction: row-reverse
}

.bfcm-card-product .card-information .price__sale s.price-item {
    color: #bbb;
    font-size: .875rem
}

@media screen and (min-width: 640px) {
    .bfcm-card-product .card-information .price__sale s.price-item {
        font-size:1.25rem
    }
}

.bfcm-card-product .card-information .price__sale .price-item.price-item--sale {
    color: #6243b9
}

.product-card__use-cases {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .25rem;
    margin: .5rem 0rem;
    padding: 0rem
}

.product-card__use-cases .use-case {
    display: flex;
    flex-direction: row;
    gap: .25rem;
    align-items: center;
    justify-content: flex-start;
    margin: 0rem;
    padding: .25rem .5rem;
    width: fit-content;
    font-size: .875rem;
    color: #4f4f51;
    line-height: 1rem;
    border: 1px solid #e5e3de;
    border-radius: .25rem
}

@media screen and (max-width: 639.9px) {
    .product-card__use-cases .use-case {
        font-size:.75rem;
        padding: 2px .25rem
    }
}

.card__media .media span.bfcm_card-label {
    top: 1rem;
    left: 1rem;
    z-index: 9
}

.loop-featured-products-reviews {
    display: flex;
    gap: .25rem;
    flex-direction: row;
    justify-content: center;
    margin: 0rem auto .75rem;
    color: #252427;
    font-size: .875rem
}

@media screen and (min-width: 640px) {
    .loop-featured-products-reviews {
        font-size:1rem
    }
}

.loop-featured-products-reviews .native-product-reviews_stars {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .125rem
}

.loop-featured-products-reviews .reviews-text {
    margin: 0rem
}

.bfcm-2025 .title {
    margin: .75rem auto 1.5rem;
    font-size: 3rem
}

@media screen and (min-width: 768px) {
    .bfcm-2025 .title {
        margin:.75rem auto 2.5rem;
        font-size: 4rem
    }
}

#quiz-kit-app-wrapper,.presidio-quiz {
    min-height: 450px
}

#quiz-kit-question-next-button {
    display: none
}

#quiz-kit-container {
    padding-block:20px}

#quiz-kit-question-prev-button {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center
}

#quiz-kit-content #quiz-kit-container h1,#quiz-kit-content #quiz-kit-container p,#quiz-kit-content #quiz-kit-container h3 {
    text-align: left
}

#quiz-kit-content #quiz-kit-container h1 {
    font-size: 32px!important;
    line-height: 32px!important;
    margin-top: 40px!important
}

#quiz-kit-content [id^=quiz-kit-question-grid],#quiz-kit-content [id^=quiz-kit-question-radio-buttons] {
    gap: 16px
}

#quiz-kit-content [id^=quiz-kit-question-grid] button[id^=quiz-kit-question-icon-text-item] {
    width: calc(50% - 16px)!important;
    max-height: unset!important;
    align-self: stretch;
    min-height: 110px!important
}

@media screen and (max-width: 767.9px) {
    #quiz-kit-content [id^=quiz-kit-question-grid] button[id^=quiz-kit-question-icon-text-item] {
        width:100%!important
    }
}

#quiz-kit-content button[id^=quiz-kit-question-radio-box] span:nth-of-type(2) {
    display: none
}

#quiz-kit-content button[id^=quiz-kit-question-icon-text-item],#quiz-kit-content button[id^=quiz-kit-question-text-box],#quiz-kit-content button[id^=quiz-kit-question-radio-box] {
    border-radius: .75rem;
    border-color: #ddd;
    border-width: 1px;
    transition: unset;
    padding: 24px 16px;
    margin: 0;
    min-height: unset!important;
    flex-direction: row!important;
    align-items: center!important;
    font-family: Avantt,sans-serif!important;
    font-size: 1rem!important;
    font-weight: 500!important;
    line-height: 150%!important;
    letter-spacing: -.03em!important
}

@media screen and (max-width: 767.9px) {
    #quiz-kit-content button[id^=quiz-kit-question-icon-text-item],#quiz-kit-content button[id^=quiz-kit-question-text-box],#quiz-kit-content button[id^=quiz-kit-question-radio-box] {
        padding:16px 12px
    }
}

#quiz-kit-content button[id^=quiz-kit-question-icon-text-item]>div,#quiz-kit-content button[id^=quiz-kit-question-text-box]>div,#quiz-kit-content button[id^=quiz-kit-question-radio-box]>div {
    min-width: unset;
    margin: 0
}

#quiz-kit-content button[id^=quiz-kit-question-icon-text-item]>div:first-child,#quiz-kit-content button[id^=quiz-kit-question-text-box]>div:first-child,#quiz-kit-content button[id^=quiz-kit-question-radio-box]>div:first-child {
    margin-right: 16px
}

#quiz-kit-content button[id^=quiz-kit-question-icon-text-item] [class*=image-custom-size],#quiz-kit-content button[id^=quiz-kit-question-text-box] [class*=image-custom-size],#quiz-kit-content button[id^=quiz-kit-question-radio-box] [class*=image-custom-size] {
    height: 32px!important
}

#quiz-kit-content button[id^=quiz-kit-question-icon-text-item] img,#quiz-kit-content button[id^=quiz-kit-question-text-box] img,#quiz-kit-content button[id^=quiz-kit-question-radio-box] img {
    width: 32px;
    max-width: unset!important;
    height: auto!important;
    margin: 0!important
}

#quiz-kit-content button[id^=quiz-kit-question-icon-text-item] h3,#quiz-kit-content button[id^=quiz-kit-question-icon-text-item] p,#quiz-kit-content button[id^=quiz-kit-question-text-box] h3,#quiz-kit-content button[id^=quiz-kit-question-text-box] p,#quiz-kit-content button[id^=quiz-kit-question-radio-box] h3,#quiz-kit-content button[id^=quiz-kit-question-radio-box] p {
    font-family: Avantt,sans-serif!important;
    font-size: 1rem!important;
    font-weight: 500!important;
    line-height: 150%!important;
    letter-spacing: -.03em!important;
    text-align: left!important
}

#quiz-kit-content button[id^=quiz-kit-question-icon-text-item] p,#quiz-kit-content button[id^=quiz-kit-question-text-box] p,#quiz-kit-content button[id^=quiz-kit-question-radio-box] p {
    margin-top: 4px!important;
    color: #757470!important
}

#quiz-kit-content button[id^=quiz-kit-question-icon-text-item]:hover,#quiz-kit-content button[id^=quiz-kit-question-icon-text-item].active-class,#quiz-kit-content button[id^=quiz-kit-question-text-box]:hover,#quiz-kit-content button[id^=quiz-kit-question-text-box].active-class,#quiz-kit-content button[id^=quiz-kit-question-radio-box]:hover,#quiz-kit-content button[id^=quiz-kit-question-radio-box].active-class {
    transform: none;
    background-color: unset!important;
    background: unset!important;
    box-shadow: none!important;
    border-color: #252427;
    color: #252427!important
}

#quiz-kit-content button[id^=quiz-kit-question-icon-text-item]:hover h3,#quiz-kit-content button[id^=quiz-kit-question-icon-text-item].active-class h3,#quiz-kit-content button[id^=quiz-kit-question-text-box]:hover h3,#quiz-kit-content button[id^=quiz-kit-question-text-box].active-class h3,#quiz-kit-content button[id^=quiz-kit-question-radio-box]:hover h3,#quiz-kit-content button[id^=quiz-kit-question-radio-box].active-class h3 {
    color: #252427!important
}

.quiz-kit-loaded [id^=quiz-kit-question-wrapper-],.quiz-kit-loaded [id^=quiz-kit-question-],.quiz-kit-loaded #quiz-kit-content {
    min-height: unset
}

.quiz-ai-search {
    padding-bottom: 1.25rem
}

.quiz-ai-search.hidden+#quiz-kit-content #quiz-kit-container>h1,.quiz-ai-search.hidden+#quiz-kit-content #quiz-kit-container>p {
    display: block
}

.quiz-ai-search-label {
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    padding: 0 10px;
    overflow: hidden;
    border-radius: .75rem;
    gap: 10px
}

.quiz-ai-search input {
    width: 100%;
    padding: 22px 0;
    border: none;
    background-color: #f5f5f5
}

.quiz-ai-search input::placeholder {
    color: #b3b3b3;
    font-style: italic
}

.quiz-ai-search .notification.error {
    color: #d0304e
}

.loading-overlay {
    position: absolute;
    z-index: 1;
    width: 1.125rem
}

@media screen and (max-width: 749px) {
    .loading-overlay {
        top:0;
        right: 0
    }
}

@media screen and (min-width: 750px) {
    .loading-overlay {
        left:0
    }
}

.loading-overlay__spinner {
    width: 1.125rem;
    display: inline-block
}

.spinner {
    animation: rotator 1.4s linear infinite
}

@keyframes rotator {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

.path {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: rgb(var(--color-foreground));
    animation: dash 1.4s ease-in-out infinite
}

@media screen and (forced-colors:active) {
    .path {
        stroke: CanvasText
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 280
    }

    50% {
        stroke-dashoffset: 75;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 280;
        transform: rotate(450deg)
    }
}

.loading-overlay:not(.hidden)+.cart-item__price-wrapper,.loading-overlay:not(.hidden)~cart-remove-button {
    opacity: 50%
}

.loading-overlay:not(.hidden)~cart-remove-button {
    pointer-events: none;
    cursor: default
}

dialog {
    position: fixed;
    inset: 0;
    z-index: 9;
    background-color: #fff;
    max-height: 90vh;
    border: none;
    padding: 0;
    border-radius: 1rem;
    animation: dialog-slide-up .3s both
}

@media(max-height: 512px) {
    dialog {
        overflow-y:auto
    }
}

dialog::backdrop {
    background: #252427d9;
    animation: dialog-fade-in .3s both
}

dialog.closing {
    animation: dialog-slide-down .3s both
}

dialog.closing::backdrop {
    animation: dialog-fade-out .3s both
}

html:has(dialog[open]) {
    overflow: hidden
}

dialog[modal-mode=flyout] {
    margin-top: auto;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom: 0;
    width: 100%;
    max-width: 100%;
    animation: dialog-slide-up .3s both
}

dialog[modal-mode=flyout].closing {
    animation: dialog-slide-down .3s both
}

@media screen and (min-width: 768px) {
    dialog[modal-mode=flyout] {
        margin-right:0;
        margin-left: auto;
        margin-bottom: auto;
        width: 460px;
        max-height: 100vh;
        height: 100vh;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    @supports (height: 100dvh) {
        dialog[modal-mode=flyout] {
            max-height:100dvh;
            height: 100dvh
        }
    }

    dialog[modal-mode=flyout] {
        animation: dialog-slide-right-in .3s both
    }

    dialog[modal-mode=flyout].closing {
        animation: dialog-slide-right-out .3s both
    }
}

@keyframes dialog-fade-in {
    0% {
        opacity: 0
    }
}

@keyframes dialog-fade-out {
    to {
        opacity: 0
    }
}

@keyframes dialog-slide-up {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes dialog-slide-down {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes dialog-slide-right-in {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes dialog-slide-right-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@media(prefers-reduced-motion:reduce) {
    dialog,dialog::backdrop,dialog.closing,dialog.closing::backdrop {
        animation: none
    }
}

.swiper {
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-bullet-touch-target: 24px;
    --swiper-pagination-bullet-horizontal-gap: 0;
    --swiper-pagination-padding-top: calc( var(--space-6) - ((var(--swiper-pagination-bullet-touch-target) - var(--swiper-pagination-bullet-size)) / 2) )
}

.swiper-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding-top: var(--swiper-pagination-padding-top)
}

@media screen and (min-width: 1024px) {
    .swiper-footer {
        gap:var(--space-4)
    }
}

.swiper-pagination {
    position: relative;
    display: flex;
    gap: var(--swiper-pagination-bullet-horizontal-gap);
    justify-content: center;
    align-items: center;
    inset: auto;
    width: 100%;
    height: calc(var(--swiper-pagination-bullet-touch-target) + var(--swiper-pagination-padding-top))
}

.swiper-footer .swiper-pagination {
    width: max-content
}

.swiper-pagination {
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-pagination:empty {
    display: flex
}

.color-accent-1 .swiper-pagination-bullet:before,.color-accent-2 .swiper-pagination-bullet:before {
    background: #fff
}

.swiper-button-pause {
    opacity: 0;
    transition: opacity var(--transition-duration-f) var(--transition-duration-slow) var(--transition-ease-out)
}

.swiper-button-pause--loaded {
    opacity: 1
}

.swiper-pagination-bullet {
    position: relative;
    width: var(--swiper-pagination-bullet-touch-target);
    height: var(--swiper-pagination-bullet-touch-target);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.swiper-pagination-bullet:before {
    content: "";
    width: var(--swiper-pagination-bullet-size);
    height: var(--swiper-pagination-bullet-size);
    border-radius: 50%;
    background: #252427;
    opacity: .5
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active:before {
    opacity: 1
}

.swiper-pagination {
    opacity: 0;
    transition: opacity var(--transition-duration-f) var(--transition-duration-slow) var(--transition-ease-out)
}

.swiper.swiper-initialized .swiper-pagination {
    opacity: 1
}

.swiper-button-prev,.swiper-button-next {
    --swiper-navigation-size: 48px;
    display: none
}

@media screen and (min-width: 1024px) {
    .swiper-button-prev,.swiper-button-next {
        display:flex;
        appearance: none;
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        font: inherit;
        color: inherit;
        cursor: pointer;
        outline: none;
        box-shadow: none;
        align-items: center;
        justify-content: center;
        width: var(--swiper-navigation-size);
        height: var(--swiper-navigation-size);
        border-radius: 624.938rem;
        background-color: #fff;
        color: #252427;
        z-index: 4;
        box-shadow: 0 0 10px #0000000d;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .swiper-button-prev:focus-visible,.swiper-button-next:focus-visible {
        outline: .125rem solid #3696a0
    }

    @supports not selector(:focus-visible) {
        .swiper-button-prev:focus,.swiper-button-next:focus {
            outline: .125rem solid #3696a0
        }
    }

    .swiper-button-prev {
        left: 1rem;
        right: auto
    }

    .swiper-button-next {
        right: 1rem;
        left: auto
    }

    .swiper-button--large {
        --swiper-navigation-size: 64px
    }

    .swiper-button-prev[disabled],.swiper-button-next[disabled],.swiper-button-prev[aria-disabled=true],.swiper-button-next[aria-disabled=true] {
        cursor: default;
        opacity: 0;
        pointer-events: none
    }

    .swiper-button-prev svg,.swiper-button-next svg {
        width: 18px;
        height: 16px
    }

    .swiper-button-prev svg {
        transform: rotate(180deg)
    }
}

.swiper-button-prev,.swiper-button-next,.swiper.swiper-initialized .swiper-button-prev[disabled],.swiper.swiper-initialized .swiper-button-next[disabled],.swiper.swiper-initialized .swiper-button-prev[aria-disabled=true],.swiper.swiper-initialized .swiper-button-next[aria-disabled=true] {
    opacity: 0;
    transition: opacity var(--transition-duration-f) var(--transition-duration-f) var(--transition-ease-out)
}

.swiper.swiper-initialized .swiper-button-prev,.swiper.swiper-initialized .swiper-button-next {
    opacity: 1
}

swiper-products {
    --items-per-row: 1.2;
    --gap: calc(var(--spacing) * 4)
}

@media screen and (min-width: 640px) {
    swiper-products {
        --items-per-row: 1.5
    }
}

@media screen and (min-width: 768px) {
    swiper-products {
        --items-per-row: 2.5
    }
}

@media screen and (min-width: 1024px) {
    swiper-products {
        --items-per-row: 3
    }
}

@media screen and (min-width: 1280px) {
    swiper-products {
        --items-per-row: 4
    }
}

swiper-products.swiper {
    margin-left: calc(-1 * var(--gap));
    width: calc(100% + var(--gap) * 2)
}

@media screen and (min-width: 768px) {
    swiper-products.swiper {
        margin-left:0;
        width: 100%;
        overflow: visible
    }
}

swiper-products .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    gap: var(--gap);
    padding-inline:var(--gap);scroll-padding-left: var(--gap);
    scroll-snap-type: x mandatory;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width: 768px) {
    swiper-products .swiper-wrapper {
        padding-left:0;
        padding-right: 0;
        scroll-padding: 0
    }
}

swiper-products .swiper-slide {
    height: auto;
    flex: 0 0 calc((100% - var(--gap) * (var(--items-per-row) - 1)) / var(--items-per-row));
    min-width: 0;
    scroll-snap-align: start
}

swiper-products .swiper-button-prev {
    left: calc(-1 * var(--swiper-navigation-size) / 2);
    right: auto
}

swiper-products .swiper-button-next {
    left: auto;
    right: calc(-1 * var(--swiper-navigation-size) / 2)
}

.product-media-swiper {
    margin: 0 -1rem 2rem;
    width: calc(100% + 2rem)
}

.product-media-swiper__container .swiper-slide {
    width: 75%
}

.product-media-swiper__media,.product-media-swiper__media .media {
    background: #f3f3f3;
    border-radius: 1rem;
    overflow: hidden;
    z-index: 0
}

.product-media-swiper .swiper-wrapper:has(:focus-visible) .swiper-slide-active .product-media-swiper__media,.product-media-swiper .swiper-wrapper:has(:focus-visible) .swiper-slide-active .product-media-swiper__media .media {
    box-shadow: 0 0 0 2px var(--system-border-focus)
}

@supports not selector(:focus-visible) {
    .product-media-swiper .swiper-wrapper:focus-within .swiper-slide-active .product-media-swiper__media,.product-media-swiper .swiper-wrapper:focus-within .swiper-slide-active .product-media-swiper__media .media {
        box-shadow: 0 0 0 2px var(--system-border-focus)
    }
}

.product-variant-color {
    z-index: -9
}

variant-swatches .product-form__input {
    flex-wrap: wrap
}

variant-swatches .product-form__input a {
    display: inline-flex;
    margin-right: 2px
}

variant-swatches .product-form__input:not(.product__info-container .product-form__input) {
    flex: 0 0 100%;
    padding: 0;
    margin: 0 auto;
    min-width: fit-content;
    border: none
}

variant-swatches label.variant-swatch.featured-coll {
    font-size: .875rem;
    letter-spacing: .0625rem;
    text-align: center;
    transition: border var(--duration-short) ease;
    cursor: pointer;
    position: relative;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    padding: 12px;
    margin: 0;
    font-style: normal;
    text-transform: none;
    border-radius: 100px;
    color: #000;
    background-color: transparent;
    height: 20px;
    width: 20px;
    border: 0
}

variant-swatches .variant-swatch:before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: 2;
    border: 2px solid;
    border-color: #fff;
    border-radius: 100px;
    box-shadow: inset 0 0 1px 1px #00000080
}

@media(max-width: 560px) {
    variant-swatches label.variant-swatch.featured-coll {
        padding:8px;
        width: 4px;
        height: 4px
    }
}

.variant-swatch__label {
    display: flex;
    width: 100%;
    gap: .125rem;
    font-size: 14px
}

.variant-swatch__label legend {
    color: #252427
}

.variant-swatch__label span {
    color: #4f4f51
}

.v-swatch {
    display: block;
    border-radius: 624.938rem;
    padding: .625rem;
    cursor: pointer;
    border: none;
    position: relative
}

.variant-swatch,input[type=radio]+label.v-swatch {
    background-size: 100%!important;
    background-repeat: no-repeat;
    background-position: center
}

input[type=radio]:checked+label.variant-swatch {
    box-shadow: 0 0 0 2px #000
}

input[type=radio]:checked+label.v-swatch {
    box-shadow: 0 0 0 2px #000;
    padding: .625rem
}

.v-swatch:before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: 2;
    border: 3.5px solid;
    border-color: #fff;
    border-radius: 624.938rem;
    box-shadow: inset 0 0 1px 1px #00000080
}

.product-form__input:has(:focus-visible) {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

.product-form__input:has(:focus-visible) input[type=radio]:checked+label {
    box-shadow: 0 0 0 2px #3696a0
}

@supports not selector(:focus-visible) {
    .product-form__input:focus-within input[type=radio]:checked+label {
        box-shadow: 0 0 0 2px #3696a0
    }
}

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

.product__accordion details>* {
    padding-left: 16px;
    padding-right: 16px
}

.accordion summary {
    display: flex;
    position: relative;
    line-height: 1;
    padding: .9375rem 16px
}

.accordion .summary__title {
    display: flex;
    flex: 1
}

.accordion .summary__title+.icon-caret {
    height: calc(var(--font-heading-scale) * .375rem)
}

.accordion+.accordion {
    margin-top: 0;
    border-top: none
}

.accordion {
    margin-top: 1.5625rem;
    margin-bottom: 0;
    border-top: .0625rem solid rgba(var(--color-foreground),.08);
    border-bottom: .0625rem solid rgba(var(--color-foreground),.08)
}

.accordion summary:hover {
    background: rgba(var(--color-foreground),.04)
}

.accordion__title {
    display: inline-block;
    max-width: calc(100% - 3.75rem);
    margin: 0;
    word-break: break-word;
    font-size: 20px;
    line-height: 150%
}

.accordion .icon-accordion {
    align-self: center;
    fill: rgb(var(--color-foreground));
    height: calc(var(--font-heading-scale) * 1.25rem);
    margin-right: calc(var(--font-heading-scale) * .625rem);
    width: calc(var(--font-heading-scale) * 1.25rem)
}

.accordion details[open]>summary .icon-caret {
    transform: rotate(180deg)
}

.accordion__content {
    word-break: break-word;
    overflow-x: auto;
    padding: .9375rem .375rem;
    font-size: 16px;
    letter-spacing: 0
}

.accordion__content img {
    max-width: 100%
}

.color-inverse .accordion__content p {
    color: #fff!important
}

.what-you-get__variant-wrapper {
    display: none;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem .5rem
}

.what-you-get__variant-wrapper.active {
    display: grid
}

.what-you-get__variant-wrapper .what-you-get__entry {
    text-align: center
}

.what-you-get__variant-wrapper .what-you-get__entry-img {
    border-radius: var(--rounded-lg);
    padding: 1.25rem;
    margin-bottom: .5rem
}

.what-you-get__variant-wrapper .what-you-get__entry-img img {
    background: transparent;
    margin-left: auto;
    margin-right: auto
}

.what-you-get__variant-wrapper .what-you-get__entry-title {
    font-size: 1rem;
    margin: 0
}

@media screen and (min-width: 1200px) {
    .what-you-get__variant-wrapper {
        gap:1.5rem 1rem
    }

    .what-you-get__entry .what-you-get__entry-img {
        padding: 1.5625rem
    }

    .what-you-get__entry .what-you-get__entry-title {
        font-size: 1.25rem;
        margin: 0
    }
}

accordion-item {
    display: block
}

animate-item .collapsible-content__header.active .text-animation--gradient,animate-item .collapsible-content__grid-text.active .text-animation--gradient {
    background-position: 0%
}

.no-js animate-item .accordion,.animate--none animate-item .accordion {
    opacity: 1;
    transform: translateY(0)
}

animate-item .accordion {
    opacity: 0;
    transform: translateY(-1.25rem);
    transition: opacity var(--transition-duration-f) var(--transition-ease-out),transform var(--transition-duration-f) var(--transition-ease-out)
}

animate-item .accordion.active {
    opacity: 1;
    transform: translateY(0)
}

@keyframes openDetails {
    0% {
        padding: 0 .375rem;
        opacity: 0;
        height: 0;
        transform: translateY(-1.25rem)
    }

    25% {
        opacity: 0;
        transform: translateY(-1.25rem)
    }

    to {
        padding: .9375rem .375rem 2.5rem;
        opacity: 1;
        height: auto;
        transform: translateY(0)
    }
}

@keyframes closeDetails {
    0% {
        padding: 15px 6px 40px;
        opacity: 1;
        height: auto;
        transform: translateY(0)
    }

    to {
        padding: 0 6px;
        opacity: 0;
        height: 0;
        transform: translateY(-20px)
    }
}

accordion-item details summary~* {
    padding: 0 .375rem;
    interpolate-size: allow-keywords;
    height: 0;
    overflow: hidden
}

accordion-item details[open] summary~* {
    padding: .9375rem .375rem 2.5rem;
    animation: openDetails var(--transition-duration-medium) var(--transition-ease-out);
    height: auto
}

accordion-item details.is-closing summary~* {
    animation: closeDetails var(--transition-duration-f) var(--transition-ease-out)
}

accordion-item details[open] .accordion__icon {
    transform: translateY(-50%) rotate(180deg)!important
}

accordion-item details[open] .accordion__icon:after {
    top: 100%
}

accordion-item {
    position: relative
}

accordion-item details summary {
    position: relative
}

accordion-item .accordion__icon {
    position: absolute;
    top: 50%;
    right: 1.75rem;
    transform: translateY(-50%) rotate(90deg);
    width: 1rem;
    height: 1rem;
    display: block;
    transition: transform var(--transition-duration-f) var(--transition-ease-out)
}

.accordion__icon:after,.accordion__icon:before {
    content: "";
    position: absolute;
    background: rgb(var(--color-foreground));
    width: .125rem;
    height: 100%;
    top: 50%;
    right: 50%;
    transform: translate(-50%,-50%);
    transition: top var(--transition-duration-f) var(--transition-ease-out)
}

.accordion__icon:before {
    transform: translate(-50%,-50%) rotate(90deg)
}

.accordion__icon:after {
    height: unset;
    top: 0%;
    bottom: 0%;
    transform: none;
    margin-right: .0625rem
}

@media(hover: hover) {
    accordion-item .accordion__icon {
        transform:translateY(-50%) rotate(0)
    }

    accordion-item details:hover .accordion__icon {
        transform: translateY(-50%) rotate(90deg)
    }
}

.card-wrapper {
    color: inherit;
    height: 100%;
    position: relative;
    text-decoration: none;
    border-radius: var(--rounded-xl);
    overflow: hidden;
    background: #fbf9f8
}

.card-wrapper .label--medium {
    padding: .5rem;
    border-radius: .5rem;
    font-size: 1rem
}

.card {
    text-align: var(--card-text-alignment);
    text-decoration: none
}

.card:not(.ratio) {
    display: flex;
    flex-direction: column;
    height: 100%
}

.card--card {
    height: 100%
}

.card--card,.card--standard .card__inner {
    border: var(--card-border-width) solid rgba(var(--color-foreground),var(--card-border-opacity));
    position: relative;
    box-sizing: border-box
}

.card--card:after,.card--standard .card__inner:after {
    content: "";
    position: absolute;
    width: calc(var(--card-border-width) * 2 + 100%);
    height: calc(var(--card-border-width) * 2 + 100%);
    top: calc(var(--card-border-width) * -1);
    left: calc(var(--card-border-width) * -1);
    z-index: -1;
    box-shadow: none
}

.card .card__inner .card__media {
    overflow: hidden;
    z-index: 0
}

.card--card .card__inner .card__media {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.card--standard.card--text {
    background-color: transparent
}

.card-information {
    text-align: var(--card-text-alignment)
}

@media(prefers-contrast:no-preference) {
    .card-information .usps {
        opacity: .6
    }
}

.card__media,.card .media {
    bottom: 0;
    position: absolute;
    top: 0
}

.card .media {
    width: 100%
}

.card__media {
    margin: var(--card-image-padding);
    width: calc(100% - 2 * var(--card-image-padding))
}

.card--standard .card__media {
    margin: 0;
    width: 100%
}

.card__inner {
    width: 100%
}

.card--media .card__inner .card__content {
    padding: 1rem;
    position: relative
}

.card--media .card__inner .card__content .label--warm-grey.label--medium {
    display: block
}

.card__content {
    display: grid;
    grid-template-rows: minmax(0,1fr) max-content minmax(0,1fr);
    padding: .625rem;
    width: 100%;
    flex-grow: 1
}

.card__content--auto-margins {
    grid-template-rows: minmax(0,auto) max-content minmax(0,auto)
}

.card__information {
    grid-row-start: 2;
    padding: .8125rem .625rem
}

.card:not(.ratio)>.card__content {
    grid-template-rows: max-content minmax(0,1fr) max-content auto
}

@media screen and (min-width: 750px) {
    .card__information {
        padding-bottom:1.0625rem;
        padding-top: 1.0625rem
    }
}

.card__badge {
    align-self: flex-end;
    grid-row-start: 3;
    justify-self: flex-start
}

.card__badge.top {
    align-self: flex-start;
    grid-row-start: 1
}

.card__badge.right {
    justify-self: flex-end
}

.card>.card__content>.card__badge {
    margin: .8125rem
}

.card__media .media img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

.card__inner:not(.ratio)>.card__content {
    height: 100%
}

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

.card__heading:last-child {
    margin-bottom: 0
}

.card--card.card--media>.card__content {
    margin-top: calc(0rem - var(--card-image-padding))
}

.card__link {
    word-break: break-word
}

.card__heading .card__link {
    word-break: normal
}

.card--standard.card--text a:after,.card--card .card__heading a:after,.card--card .card__link:after {
    bottom: calc(var(--card-border-width) * -1);
    left: calc(var(--card-border-width) * -1);
    right: calc(var(--card-border-width) * -1);
    top: calc(var(--card-border-width) * -1)
}

.card__inner a:after,.card__heading a:after,.card__link:after {
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
    border-radius: var(--rounded-xl)
}

.card__heading a:focus-visible:after,.card__link:focus-visible:after {
    outline: .125rem solid #3696a0;
    outline-offset: -.125rem
}

.card__heading a:focus-visible,.card__link:focus-visible {
    outline: none
}

.card__view-button {
    margin-top: var(--space-4)
}

@supports not selector(:focus-visible) {
    .card__heading a:focus,.card__link:focus {
        outline: .125rem solid #3696a0;
        outline-offset: -.125rem
    }

    .card__heading a:after,.card__link:after {
        content: none
    }
}

.card--standard.card--media .card__inner .card__information,.card--standard.card--text>.card__content .card__heading,.card--standard>.card__content .card__badge,.card--standard.card--text.article-card>.card__content .card__information,.card--standard>.card__content .card__caption {
    display: none
}

.card--standard>.card__content {
    padding: 0
}

.card--standard>.card__content .card__information {
    padding: 1rem 1rem 1.875rem;
    display: flex;
    flex: 1;
    flex-direction: column
}

@media(min-width: 768px) {
    .card--standard>.card__content .card__information {
        padding:1rem 2rem 2.8125rem
    }
}

@media(min-width: 990px)and (max-width:1199px) {
    .grid--5-col-desktop .card--standard>.card__content .card__information,.grid--4-col-desktop .card--standard>.card__content .card__information {
        padding:1rem 1rem 1.875rem
    }
}

.card--card.card--media .card__inner .card__information,.card--card.card--text .card__inner,.card--card.card--media>.card__content .card__badge {
    display: none
}

.card--extend-height {
    height: 100%
}

.card--extend-height.card--standard.card--text,.card--extend-height.card--media {
    display: flex;
    flex-direction: column
}

.card--extend-height.card--standard.card--text .card__inner,.card--extend-height.card--media .card__inner {
    flex-grow: 1
}

.card .icon-wrap {
    margin-left: .5rem;
    white-space: nowrap;
    transition: transform var(--duration-short) ease;
    overflow: hidden
}

.card-information {
    width: 100%
}

.card-information>* {
    line-height: calc(1 + .4 / var(--font-body-scale));
    color: rgb(var(--color-foreground))
}

.card-information .price {
    margin-bottom: .5rem
}

.card-information>.rating {
    margin-top: .5rem
}

.card-information .caption {
    letter-spacing: .0438rem
}

.card-article-info {
    margin-top: .625rem
}

@media(max-width: 560px) {
    .grid--2-col-tablet-down .grid__item .FpPLPUserMoments_benefits {
        height:40px
    }

    .grid--2-col-tablet-down .grid__item .product-form__input {
        margin: .625rem .625rem 0
    }
}

.quick-add {
    padding-top: 1rem;
    margin-top: auto
}

@media(max-width: 767px) {
    .quick-add .product-form__submit {
        width:100%
    }

    slider-component .quick-add .product-form__submit {
        font-size: 1.25rem!important
    }
}

@media(min-width: 768px) {
    .quick-add {
        padding-top:2rem
    }
}

@media(min-width: 990px)and (max-width:1199px) {
    .grid--4-col-desktop .quick-add {
        padding-top:1rem
    }

    .grid--4-col-desktop .quick-add .product-form__submit {
        width: 100%
    }
}

.upsell-toggle {
    display: block;
    width: 100%
}

.upsell-toggle__header {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #252427
}

.upsell-toggle__header * {
    margin: 0
}

.upsell-toggle__wrapper {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    padding: 1rem 1.5rem 1rem 1rem;
    border: 1px solid #e5e3de;
    border-radius: .75rem;
    cursor: pointer;
    transition: all .2s ease
}

.upsell-toggle__wrapper:hover {
    box-shadow: 0 0 12px #0000001a
}

.upsell-toggle__wrapper--disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.upsell-toggle__wrapper--disabled:hover {
    cursor: not-allowed!important
}

.upsell-toggle__wrapper--disabled:hover .upsell-toggle__toggle {
    pointer-events: none!important
}

.upsell-toggle__content {
    display: flex;
    align-items: center;
    flex: 1
}

.upsell-toggle__image-wrapper {
    background: #f3f3f3;
    border-radius: .75rem;
    overflow: hidden;
    width: 5rem;
    height: 5rem;
    margin-left: .5rem;
    margin-right: 1rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.upsell-toggle__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.upsell-toggle__product-info {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.upsell-toggle__product-name,.upsell-toggle__product-price {
    margin: 0;
    color: #252427
}

.upsell-toggle__product-price .price-item {
    font-size: 1rem
}

.upsell-toggle__notification {
    border-radius: .25rem;
    transition: all ease .2s;
    max-height: 0;
    overflow: hidden;
    padding: 0 .5rem
}

.upsell-toggle__notification--visible {
    max-height: unset!important;
    padding: .5rem!important;
    transition: all ease .2s;
    margin-top: .5rem
}

.upsell-toggle__notification--success {
    background-color: #b4ffc2
}

.upsell-toggle__notification--removed {
    background-color: #e5e3de
}

.upsell-toggle__notification-text {
    margin: 0;
    font-size: .875rem;
    line-height: 1.125rem;
    letter-spacing: -.03em;
    color: #252427
}

.upsell-toggle[data-loading] {
    pointer-events: none;
    opacity: .6
}

.upsell-toggle[data-error] .upsell-toggle__wrapper {
    border-color: #e64562;
    background-color: #ffc0c7
}

.upsell-toggle__info-icon {
    color: #757470
}

.swimlane {
    position: relative;
    --visible: 2.5;
    --gap: .5rem;
    --side-padding: 1rem;
    margin-bottom: 1rem
}

.swimlane__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - (var(--visible, 3) - 1) * var(--gap, .3125rem)) / var(--visible, 3));
    gap: var(--gap, .3125rem);
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding-inline:var(--side-padding, 0);scroll-padding: var(--side-padding, 0);
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.swimlane__list::-webkit-scrollbar {
    display: none
}

.swimlane__list>li {
    scroll-snap-align: start;
    min-width: 0
}

.swimlane__button {
    display: none
}

@media screen and (min-width: 768px) {
    .swimlane__button {
        display:flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        background: #252427;
        color: #fff;
        border-radius: 50%;
        cursor: pointer;
        padding: 0;
        font-size: 16px;
        transition: background-color .2s ease;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        border: none
    }

    .swimlane__button--prev {
        left: -15px
    }

    .swimlane__button--prev svg {
        transform: rotate(180deg)
    }

    .swimlane__button--next {
        right: -15px
    }

    .swimlane__button:hover {
        background: #4f4f51
    }
}

.swimlane__controls {
    display: flex;
    align-items: center;
    gap: .3125rem;
    margin-top: .625rem
}

.swimlane__indicator {
    flex: 1;
    padding: 0 var(--side-padding, 0)
}

.swimlane__indicator-track {
    position: relative;
    width: 100%;
    background: rgba(var(--swimlane-primary-rgb, 0, 0, 0),.2);
    height: .0781rem;
    display: block;
    border-radius: 4px;
    overflow: hidden
}

.swimlane__indicator-bar {
    position: absolute;
    top: 0;
    height: 100%;
    bottom: auto;
    width: 33.33%;
    background: var(--swimlane-primary-color, #000);
    border-radius: 4px;
    will-change: left,width
}

.cart__upsell {
    background-color: #f3f3f3
}

.cart__upsell .cart__upsell-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1rem 1rem
}

.cart__upsell .cart__upsell-header .swimlane__button-wrapper {
    display: flex;
    gap: .5rem
}

.cart__upsell .cart__upsell-header .swimlane__button-wrapper .swimlane__button {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border: none;
    background: none;
    color: #252427;
    transform: none;
    border-radius: 0rem;
    transition: opacity .2s ease
}

.cart__upsell .cart__upsell-header .swimlane__button-wrapper .swimlane__button--prev svg {
    transform: rotate(180deg)
}

.cart__upsell .cart__upsell-header .swimlane__button-wrapper .swimlane__button:disabled {
    opacity: .3;
    cursor: not-allowed
}

.cart__upsell .cart__upsell-title {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: 0;
    margin: 0
}

.cart__upsell .cart__upsell-swimlane {
    --visible: 1.15;
    --gap: .5rem;
    --side-padding: 1rem;
    --swimlane-primary-color: #252427;
    --swimlane-primary-rgb: 37, 36, 39
}

@media screen and (min-width: 640px) {
    .cart__upsell .cart__upsell-swimlane {
        --visible: 2.15
    }
}

@media screen and (min-width: 768px) {
    .cart__upsell .cart__upsell-swimlane {
        --visible: 1.45
    }
}

.cart__upsell .cart__upsell-swimlane {
    margin-bottom: 0
}

.cart__upsell .cart__upsell-swimlane .swimlane__controls {
    padding: 1.25rem 0;
    margin: 0
}

.cart__upsell .cart__upsell-swimlane .swimlane__indicator-track {
    height: .125rem
}

.cart__upsell .cart__upsell-item {
    padding: 1rem;
    border: none;
    background-color: #fff;
    border-radius: .75rem
}

.cart__upsell .cart__upsell-item:not(:last-child) {
    border-bottom: none
}

.cart__upsell .cart__upsell-item-wrapper {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%
}

.cart__upsell .cart__upsell-item-row {
    display: flex;
    gap: 1rem
}

.cart__upsell .cart__upsell-item .cart__item-content,.cart__upsell .cart__upsell-item .cart__item-product-info {
    display: flex;
    flex: 1;
    flex-direction: column
}

.cart__upsell .cart__upsell-swatches {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    border: none;
    margin: 0;
    column-gap: .75rem;
    row-gap: .5rem
}

.cart__upsell .cart__upsell-option-label {
    display: flex;
    width: 100%;
    gap: .125rem
}

.cart__upsell .cart__upsell-option-label legend {
    padding: 0;
    color: #252427
}

.cart__upsell .cart__upsell-swatch {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.cart__upsell .cart__upsell-swatch.checked:after {
    content: "";
    position: absolute;
    top: -.25rem;
    left: -.25rem;
    width: 2rem;
    height: 2rem;
    border: .0625rem solid #252427;
    border-radius: 624.938rem
}

.cart__upsell .cart__upsell-swatch-color {
    position: relative;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border: .0625rem solid #e5e3de;
    background-position: center;
    background-size: cover;
    border-radius: 624.938rem
}

.cart__upsell .cart__upsell-swatch-color:before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: 2;
    border: 1px solid #fff;
    border-radius: 624.938rem;
    box-shadow: inset 0 0 1px 1px #00000080
}

.cart__upsell .cart__upsell-item .cart__upsell-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem
}

.cart__upsell .cart__upsell-item .cart__upsell-actions .cart__item-price .price__container .price-item {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: 0
}

.cart__upsell .cart__upsell-add-button {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: 0;
    min-width: 4.5rem;
    padding: .25rem 1rem
}

.cart__content.no-items .cart__recommendations {
    height: fit-content
}

#tcustomizer-modals,.tcustomizer-widget {
    display: none!important
}

.product .case-personalization__toggle-wrap {
    display: flex;
    align-items: center;
    gap: .25rem;
    width: 100%;
    padding: .5rem 0;
    margin-bottom: 1.5rem
}

.product .case-personalization__toggle-label {
    display: flex;
    align-items: center;
    gap: .25rem;
    flex: 1;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    text-align: inherit;
    -webkit-appearance: none;
    appearance: none
}

.product .case-personalization__label {
    margin: 0;
    color: var(--system-primary);
    line-height: 120%
}

.product .case-personalization__label-text--active {
    display: none
}

.product .case-personalization__text {
    color: rgba(var(--color-foreground),.75)
}

.product .case-personalization__modal {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.product .case-personalization__modal.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

.product .case-personalization__overlay {
    position: fixed;
    z-index: 3;
    display: block!important;
    background-color: var(--system-overlay-dark);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    inset: 0;
    transition: opacity .4s cubic-bezier(.06,.22,.24,.98)
}

.product .case-personalization__overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.product .case-personalization__content {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    width: 460px;
    background-color: var(--system-inverse);
    transform-origin: right center;
    visibility: hidden;
    pointer-events: none;
    transform: translate(405px);
    transition: transform .4s cubic-bezier(.06,.22,.24,.98)
}

@media screen and (max-width: 749px) {
    .product .case-personalization__content {
        width:100%
    }
}

.product .case-personalization__content.active {
    transform: translate(0);
    visibility: visible;
    pointer-events: auto;
    transition: transform .4s cubic-bezier(.06,.22,.24,.98)
}

.product .case-personalization__header {
    padding: 1rem
}

.product .case-personalization__back {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
    border: none;
    margin: 0;
    background: none;
    color: var(--system-primary);
    cursor: pointer;
    gap: .5rem
}

.product .case-personalization__back:hover {
    opacity: .8
}

.product .case-personalization__body {
    padding: 0 1rem
}

.product .case-personalization__title {
    margin-bottom: .75rem
}

.product .case-personalization__title,.product .case-personalization__price {
    padding: 0;
    margin: 0;
    color: var(--system-primary)
}

.product .case-personalization__description {
    margin: 1rem 0;
    color: var(--system-primary)
}

.product .case-personalization__preview {
    position: relative;
    border-radius: var(--rounded-lg);
    overflow: hidden;
    margin: 1rem 0;
    text-align: center
}

.product .case-personalization__preview img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.product .case-personalization__preview-text {
    position: absolute;
    top: 56%;
    left: 50%;
    font-family: var(--font-body-family);
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 1.6875rem;
    text-align: center;
    text-shadow: .3px -.3px 0px rgba(0,0,0,.3),-.3px .3px .3px rgba(255,255,255,.15);
    white-space: nowrap;
    transform: translate(-50%,-50%)
}

.product .case-personalization__preview-text.medium {
    font-size: 1.375rem
}

.product .case-personalization__preview-text.small {
    font-size: 1.125rem
}

.product .case-personalization__form {
    margin-top: 1.5rem
}

.product .case-personalization__input-wrap input {
    width: 100%;
    padding: 1rem;
    border: .0625rem solid var(--system-neutral-300);
    border-radius: var(--rounded-lg)
}

.product .case-personalization__input-wrap input:focus {
    border-color: var(--system-primary);
    outline: none
}

.product .case-personalization__input-wrap input::placeholder {
    color: var(--system-tertiary)
}

.product .case-personalization__limit {
    padding-top: .25rem;
    margin: 0;
    color: rgba(var(--color-foreground),.75)
}

.product .case-personalization__footer {
    padding: 1rem;
    border-top: .0625rem solid var(--system-neutral-300);
    margin-top: auto
}

.product .case-personalization__shipping {
    margin: 0;
    color: var(--system-primary);
    text-align: center
}

.product .case-personalization__save {
    height: 4rem;
    margin-top: .5rem
}

.product .case-personalization__save:disabled {
    cursor: not-allowed;
    opacity: .5
}

.product .case-personalization__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: .1875rem
}

.product .case-personalization__icon svg {
    width: 100%;
    height: 100%
}

.product .case-personalization__submit {
    display: none
}

body.personalization-modal-active {
    overflow: hidden
}

body.personalization-modal-active #shopify-section-announcement-bar,body.personalization-modal-active #shopify-section-header,body.personalization-modal-active .zoom-glass,body.personalization-modal-active .sticky-atc-drawer {
    z-index: 2
}

body.personalization-active .product .case-personalization__submit {
    display: block
}

body.personalization-active .shopify-payment-button,body.personalization-active .sticky-atc-drawer {
    display: none!important;
    pointer-events: none
}

body.personalization-active .product-form__submit--main-atc,body.personalization-active .product-form__submit.sticky-atc {
    position: absolute;
    overflow: hidden;
    height: .0625rem!important;
    min-height: unset;
    max-height: .0625rem;
    width: .0625rem!important;
    min-width: unset;
    max-width: .0625rem;
    padding: 0!important;
    opacity: 0
}

body.personalization-pending .product .case-personalization__addcost,body.personalization-pending .product .case-personalization__label-text {
    display: none
}

body.personalization-pending .product .case-personalization__label-text--active {
    display: inline
}

.cart__item-product--engraving .cart__item-quantity-button {
    display: none
}

.cart__item-product--engraving .cart__item-quantity {
    padding: .25rem .75rem
}

.case-personalization__status {
    font-size: .75rem
}

.mega-menu__overlay {
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    background: transparent;
    width: 100%;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease;
    transition-delay: 0s
}

.mega-menu__overlay.open {
    display: block;
    visibility: visible;
    pointer-events: all;
    height: 100dvh;
    background: #252427bf;
    opacity: 1;
    z-index: 999;
    transition: all 0s ease
}

.mega-menu__overlay.open li {
    opacity: 1;
    transform: translateY(0)
}

.mega-menu__overlay.open li:nth-child(1) {
    transition-delay: .1s
}

.mega-menu__overlay.open li:nth-child(2) {
    transition-delay: .2s
}

.mega-menu__overlay.open li:nth-child(3) {
    transition-delay: .3s
}

.mega-menu__overlay.open li:nth-child(4) {
    transition-delay: .4s
}

.mega-menu__overlay.open li:nth-child(5) {
    transition-delay: .5s
}

.mega-menu__overlay.open li:nth-child(6) {
    transition-delay: .6s
}

.mega-menu__overlay.open li:nth-child(7) {
    transition-delay: .7s
}

.mega-menu__overlay.open li:nth-child(8) {
    transition-delay: .8s
}

.mega-menu__overlay.open li:nth-child(9) {
    transition-delay: .9s
}

.mega-menu__overlay.open li:nth-child(10) {
    transition-delay: 1s
}

.mega-menu__main-container-wrapper {
    background: #fff;
    width: 100%
}

.mega-menu__main-container {
    pointer-events: auto;
    display: flex;
    gap: 36px;
    padding-top: 48px;
    justify-content: flex-start;
    width: 100%;
    background: #fff;
    border-top: 1px solid #f3f3f3;
    overflow: hidden;
    height: 0;
    interpolate-size: allow-keywords;
    transition: all .4s ease;
    transition-delay: .4s
}

@media screen and (min-width: 1280px) {
    .mega-menu__main-container {
        gap:48px
    }
}

.mega-menu__overlay.open .mega-menu__main-container {
    opacity: 1;
    max-height: 75vh;
    overflow-y: scroll;
    height: auto;
    transition: all .4s ease;
    cursor: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.mega-menu__overlay.open .mega-menu__main-container::-webkit-scrollbar {
    width: 0;
    height: 0
}

ul.mega-menu__list,ul.mega-menu__navigation {
    padding-left: unset
}

ul.mega-menu__list,ul.mega-menu__list p,ul.mega-menu__navigation,ul.mega-menu__navigation p {
    margin: unset
}

ul.mega-menu__list>li,ul.mega-menu__navigation>li {
    list-style: none!important;
    width: 100%
}

ul.mega-menu__list>li:not(:last-child),ul.mega-menu__navigation>li:not(:last-child) {
    margin-bottom: 16px
}

ul.mega-menu__list .mega-menu__inner {
    display: flex;
    gap: 16px;
    align-items: center
}

ul.mega-menu__list li:hover .mega-menu__card-title {
    text-decoration: underline;
    cursor: pointer
}

.mega-menu__list-1,.mega-menu__list-2 {
    width: 35%
}

.mega-menu__list-3 {
    width: 30%
}

.mega-menu__link {
    display: block;
    text-decoration: unset;
    width: 100%
}

.mega-menu__link.current .mega-menu__card-title {
    text-decoration: underline
}

.mega-menu__card-title {
    text-transform: capitalize
}

.mega-menu__card-title,.mega-menu__link-title,.mega-menu__menu-item.link {
    font-family: Avantt,sans-serif;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em;
    font-size: 1.25rem;
    color: #252427
}

@media screen and (min-width: 1024px)and (max-width:1279.9px) {
    .mega-menu__card-title,.mega-menu__link-title,.mega-menu__menu-item.link {
        font-family:Avantt,sans-serif;
        font-size: 1rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.03em
    }
}

.mega-menu__card-descp {
    font-size: .875rem;
    color: #757470;
    padding-top: 8px
}

.mega-menu__menu-item:not(:hover):not(.current) {
    text-decoration: none
}

.mega-menu__link-listitem a {
    padding: 17px 16px;
    border-radius: .75rem;
    background: #f3f3f3;
    display: flex;
    width: 100%
}

.mega-menu__link-listitem:hover {
    cursor: pointer
}

.mega-menu__link-listitem:hover .mega-menu__link-arrowspan {
    background: #252427;
    box-shadow: 0 0 40px #00000026;
    cursor: pointer
}

.mega-menu__link-listitem:hover .mega-menu__link-arrowspan svg path {
    fill: #fff
}

.mega-menu__link-listitem .mega-menu__link-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.mega-menu__link-listitem .mega-menu__link-inner-left {
    display: flex;
    gap: 16px;
    align-items: center
}

.mega-menu__link-listitem .mega-menu__link-imagewrap {
    width: 64px;
    max-width: 64px
}

.mega-menu__link-listitem .mega-menu__link-arrowwrap {
    max-width: 40px;
    width: 40px
}

.mega-menu__link-listitem .mega-menu__link-arrowspan {
    width: 40px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 624.938rem
}

.mega-menu__trigger-wrapper {
    display: flex;
    align-items: center;
    gap: 0;
    position: relative
}

.mega-menu__disclosure-trigger {
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    width: 1px
}

.mega-menu__disclosure-trigger:focus {
    position: static;
    clip: auto;
    width: auto;
    height: auto;
    overflow: visible;
    margin: 0;
    padding: .5rem
}

.mega-menu__disclosure-trigger:focus .icon-caret {
    width: 8px;
    height: 8px
}

.mega-menu__mega-menu-item li {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity .5s,transform .5s;
    transition-delay: .4s
}

.mega-menu__mega-menu-item summary.list-menu__item {
    padding-right: .75rem!important
}

.mega-menu__mega-menu-item:hover .header__menu-item span {
    text-decoration: underline
}

.mega-menu__listimagewrap {
    max-width: 98px;
    width: 98px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.mega-menu__link-listitem .mega-menu__listimagewrap {
    width: 64px;
    max-width: 64px
}

.mega-menu__listimagewrap img {
    width: 100%;
    height: auto
}

ul.mega-menu__list>li:last-child .mega-menu__inner,ul.mega-menu__list>.mega-menu__link-listitem:last-child,.mega-menu__navigation li:last-child {
    padding-bottom: 3rem
}

.navigation-header .navigation-header_back {
    align-self: center;
    color: #252427;
    display: flex;
    gap: 1.5rem;
    min-width: 0;
    align-items: center;
    cursor: pointer;
    padding-inline:0}

.navigation-header .navigation-header_back a {
    text-decoration: none;
    color: #252427
}

.navigation-header svg.icon-close {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    cursor: pointer
}

.menu-drawer__inner-container {
    padding-bottom: 3.125rem;
    height: fit-content
}

.menu-drawer_item {
    cursor: pointer
}

.menu-drawer_item a,.menu-drawer_item button {
    display: flex;
    text-decoration: none;
    color: #252427;
    align-self: center;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    padding: .5rem 0
}

.menu-drawer_item a.border,.menu-drawer_item button.border {
    border-bottom: 1px solid #f3f3f3;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

.menu-drawer_item a .menu-drawer_item-text,.menu-drawer_item button .menu-drawer_item-text {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    align-self: center
}

.menu-drawer_item a .menu-drawer_item-text .label--medium,.menu-drawer_item button .menu-drawer_item-text .label--medium {
    color: #757470;
    width: 100%
}

.menu-drawer_item a .menu-drawer_item-content,.menu-drawer_item button .menu-drawer_item-content {
    display: flex;
    flex-direction: row;
    gap: 16px
}

.menu-drawer_item a .menu-drawer_item-content img,.menu-drawer_item button .menu-drawer_item-content img {
    max-width: 64px;
    max-height: 64px
}

.menu-drawer_item a svg,.menu-drawer_item a span,.menu-drawer_item button svg,.menu-drawer_item button span {
    align-self: center
}

.mobile-menu-drawer {
    height: 100%;
    padding: 1rem
}

#menu-drawer {
    top: 0;
    width: 100%;
    height: 100dvh
}

.navigation-header {
    border-bottom: 1px solid #f3f3f3;
    padding: 1rem;
    display: grid;
    grid-template-areas: "left-icon heading icons";
    grid-template-columns: 1fr 2fr 1fr;
    align-items: center;
    min-width: 0;
    width: 100%
}

.navigation-header>* {
    min-width: 0
}

.navigation-header_close {
    height: 2rem;
    position: relative;
    width: 100%;
    color: #252427
}

.menu-drawer__navigation {
    padding: 1rem
}

.menu-drawer_list {
    list-style: none;
    padding: 0;
    margin: 0
}

.menu-drawer_item--plus {
    cursor: pointer
}

.links_submenu-trigger {
    padding: 1.5rem 0
}

.menu-drawer_item--link-group-content {
    padding: 1rem 0;
    justify-content: space-between
}

.menu-drawer_item--link_list {
    padding: 1rem 0
}

.menu-drawer_item.simple_link {
    padding: 0 0 1rem;
    font-size: 1rem
}

.navigation-header .mobile_nav-logo {
    color: #252427;
    transition: opacity .3s ease,visibility .3s ease;
    opacity: 1;
    visibility: visible;
    min-width: 0;
    max-width: 100%;
    display: flex;
    justify-content: center
}

.navigation-header .mobile_nav-logo svg {
    width: 100%;
    height: auto;
    max-width: 100%
}

.navigation-header_back {
    transition: opacity .3s ease,visibility .3s ease
}

.navigation-header_back.set_hidden,.mobile_nav-logo.set_hidden {
    opacity: 0;
    visibility: hidden
}

.navigation-header_back,.navigation-header_close {
    background: none;
    border: none
}

.menu-drawer_item-text-title {
    display: flex;
    flex-direction: row;
    gap: .5rem
}

.menu-drawer_item-text-title.label-long {
    flex-direction: column
}

.menu-drawer_item-text-title.label-long span {
    align-self: flex-start
}

:root {
    --transition-duration-xxf: .1s;
    --transition-duration-xf: .2s;
    --transition-duration-f: .4s;
    --transition-duration-medium: .6s;
    --transition-duration-slow: .8s;
    --transition-duration-extra-slow: 1s;
    --transition-duration-extra-extra-slow: 1.4s;
    --transition-duration-xxx-slow: 2s;
    --transition-ease-in: cubic-bezier(.48, .04, .94, .8);
    --transition-ease-out: cubic-bezier(.06, .22, .24, .98);
    --transition-ease-in-out: cubic-bezier(.28, .08, .22, .96)
}

:root .animate--none,:root .no-js {
    --transition-duration-xxf: 0;
    --transition-duration-xf: 0;
    --transition-duration-f: 0;
    --transition-duration-medium: 0;
    --transition-duration-slow: 0;
    --transition-duration-extra-slow: 0;
    --transition-duration-extra-extra-slow: 0;
    --transition-duration-xxx-slow: 0
}

@media(prefers-reduced-motion:reduce) {
    :root {
        --transition-duration-xxf: 0;
        --transition-duration-xf: 0;
        --transition-duration-f: 0;
        --transition-duration-medium: 0;
        --transition-duration-slow: 0;
        --transition-duration-extra-slow: 0;
        --transition-duration-extra-extra-slow: 0;
        --transition-duration-xxx-slow: 0
    }
}

.text-animation--gradient {
    background: linear-gradient(120deg,#000 0% 30%,#0000 50% 100%);
    background-position: 90%;
    background-size: 400%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    transform: translateZ(1px);
    transition: background-position var(--transition-duration-extra-extra-slow) var(--transition-ease-out)
}

.text-animation--gradient.text-animation--gradient--white {
    background: linear-gradient(120deg,#fff 0% 30%,#fff0 50% 100%);
    background-position: 90%;
    background-size: 400%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0)
}

.scroll-overlay {
    pointer-events: none;
    will-change: opacity,transform
}

.scroll-overlay__line {
    display: block;
    will-change: opacity,transform
}

.product__media .product__award-overlay {
    display: none
}

.card__media,.product__media-item:first-child .product__media {
    container-type: inline-size;
    container-name: product-media
}

.card__media .product__award-overlay,.product__media-item:first-child .product__media .product__award-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: .5rem;
    pointer-events: none
}

.card__media .product__award-overlay img,.product__media-item:first-child .product__media .product__award-overlay img {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
    display: block;
    object-position: bottom left
}

@container product-media (min-width: 248px) {
    .card__media .product__award-overlay,.product__media-item:first-child .product__media .product__award-overlay {
        padding: 1rem
    }

    .card__media .product__award-overlay img,.product__media-item: first-child .product__media .product__award-overlay img {
        width:6rem;
        height: 6rem
    }
}

@container product-media (min-width: 400px) {
    .card__media .product__award-overlay,.product__media-item:first-child .product__media .product__award-overlay {
        padding: 1.25rem
    }

    .card__media .product__award-overlay img,.product__media-item: first-child .product__media .product__award-overlay img {
        width:7.5rem;
        height: 7.5rem
    }
}

@container product-media (min-width: 600px) {
    .card__media .product__award-overlay,.product__media-item:first-child .product__media .product__award-overlay {
        padding: 1.5rem
    }

    .card__media .product__award-overlay img,.product__media-item: first-child .product__media .product__award-overlay img {
        width:13rem;
        height: 13rem
    }
}

.dual-variant-buttons {
    display: flex;
    min-height: 4.75rem;
    gap: .5rem;
    width: 100%
}

.dual-variant-buttons button {
    position: relative;
    width: 100%;
    border-radius: .5rem;
    border: .0625rem solid #e5e3de;
    box-sizing: border-box;
    background: #fff
}

.dual-variant-buttons button.active {
    border-color: transparent
}

.dual-variant-buttons button.active:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: .5rem;
    border: .0938rem solid #252427;
    pointer-events: none;
    box-sizing: border-box
}

.quantity-toggle {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    font-size: 1rem;
    cursor: pointer;
    padding: 1rem;
    background-color: transparent
}

.quantity-toggle span {
    text-align: left
}

.variant-with-thumbnail {
    display: flex;
    flex-direction: row;
    gap: .625rem
}

.variant-with-thumbnail img {
    background-color: #f3f3f3;
    border-radius: .5rem;
    min-width: 4rem
}

.variant-with-thumbnail .variant-swatch-group label {
    width: 1.75rem;
    height: 1.75rem;
    padding: .25rem
}

.variant-swatch-group-title {
    font-size: .875rem
}

.variant-swatch-group-title p {
    color: #252427;
    margin: 0
}

.variant-swatch-group-title p span {
    color: #757470
}

.variant-picker-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem 0
}

.buy-two-button .buy-two-button-content p {
    margin: 0;
    display: flex;
    gap: .5rem;
    flex-wrap: wrap
}

.buy-two-button .buy-two-button-content p .red--label {
    padding: .125rem .25rem;
    color: #252427;
    background-color: #ffc0c7;
    line-height: .75rem
}

.buy-two-button .buy-two-button-content {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.buy-two-button .buy-two-compare-price {
    white-space: nowrap;
    margin: 0
}

.buy-two-button .buy-two-compare-price s {
    color: #bbb
}

.buy-two-button .buy-two-compare-price span {
    color: #bb243e
}

.variant-swatch-group-container {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.variant-swatch-group-container fieldset {
    display: flex;
    gap: .5rem
}

.variant-swatch-group-container variant-radios,.variant-swatch-group-container fieldset {
    margin: 0
}

.variant-swatch-group-container .product-form__input input[type=radio]+label {
    margin: 0
}

.quantity-toggle span:first-child {
    color: #757470
}

.quantity-toggle span.buy-one-price {
    white-space: nowrap;
    color: #bbb
}

.quantity-toggle.active span:first-child,.quantity-toggle.active .buy-one-price {
    color: #252427
}

.buy-two-notice {
    gap: .5rem;
    margin-top: .5rem;
    display: flex
}

.buy-two-notice .label--small {
    color: #252427!important;
    display: flex;
    flex-direction: row;
    padding: .25rem .5rem;
    gap: .25rem;
    align-items: center;
    font-size: .75rem;
    line-height: 1rem
}

.buy-two-notice .label--small.red--label {
    background-color: #ffc0c7
}

.variant-picker-one-limited,.limited-product {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    height: 1.75rem
}

.variant-picker-one-limited a,.limited-product a {
    height: 1.75rem
}

.variant-picker-one-limited span.v-swatch,.limited-product span.v-swatch {
    margin: 0;
    padding: .25rem;
    height: 1.75rem;
    width: 1.75rem;
    background-position: center
}

.variant-swatch-group-container-all .product-form__input.variant-swatch-group {
    flex: 0
}

.variant-swatch-group-container-all {
    display: flex;
    flex-direction: row
}

.variant-picker-one-limited,.variant-swatch-group,.variant-swatch-group-container-all {
    flex-wrap: wrap
}

.disabled-limited-edition-notice {
    font-size: .625rem;
    color: #757470;
    margin: .5rem 0 0;
    display: none
}

.has-limited-edition-page.has-related-product .variant-swatch-group-container-all {
    gap: .5rem
}

.has-limited-edition-page.has-related-product .variant-swatch-group-container-all>:nth-child(2) {
    margin-left: .5rem;
    position: relative
}

.has-limited-edition-page.has-related-product .variant-swatch-group-container-all>:nth-child(2):before {
    content: "";
    position: absolute;
    left: -.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: .0625rem;
    height: 1.25rem;
    background-color: #bbb
}

.has-limited-edition-page.no-related-product .variant-swatch-group-container-all {
    gap: .5rem
}

.has-limited-edition-page.no-related-product .variant-picker-one-limited {
    gap: 1rem
}

.has-limited-edition-page.no-related-product .limited-product.first-product:after {
    content: "";
    position: absolute;
    right: -.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: .0625rem;
    height: 1.25rem;
    background-color: #bbb
}

dual-variant-selector.not-limited-edition-page .variant-swatch-group-container-all {
    gap: 1rem
}

dual-variant-selector.not-limited-edition-page .variant-swatch-group-container-all variant-radios,dual-variant-selector.not-limited-edition-page .variant-swatch-group-container-all fieldset {
    position: relative
}

dual-variant-selector.not-limited-edition-page .variant-swatch-group-container-all variant-radios:after,dual-variant-selector.not-limited-edition-page .variant-swatch-group-container-all fieldset:after {
    content: "";
    position: absolute;
    right: -.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: .0625rem;
    height: 1.25rem;
    background-color: #bbb
}

dual-variant-selector.has-limited-edition-page.limited-edition-and-related-product-only .variant-swatch-group-container-all {
    gap: .5rem
}

dual-variant-selector.has-limited-edition-page.limited-edition-and-related-product-only .variant-swatch-group-container-all .first-product {
    margin-right: .5rem
}

dual-variant-selector.has-limited-edition-page.limited-edition-and-related-product-only .variant-swatch-group-container-all .first-product:after {
    content: "";
    position: absolute;
    right: -.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: .0625rem;
    height: 1.25rem;
    background-color: #bbb
}

.variant-picker-one-limited.disabled-variant {
    pointer-events: none
}

.variant-picker-one-limited.disabled-variant .v-swatch {
    position: relative
}

.variant-picker-one-limited.disabled-variant .v-swatch:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-top: .125rem solid #ffffff;
    transform: rotate(135deg);
    z-index: 2
}

dual-variant-selector.single-product .variant-swatch-group-container-all {
    gap: 0
}

dual-variant-selector.single-product .variant-swatch-group-container-all>*,dual-variant-selector.single-product .variant-swatch-group-container-all variant-radios,dual-variant-selector.single-product .variant-swatch-group-container-all fieldset,dual-variant-selector.single-product .variant-swatch-group-container-all .first-product,dual-variant-selector.single-product .variant-swatch-group-container-all .limited-product {
    margin: 0;
    position: static
}

dual-variant-selector.single-product .variant-swatch-group-container-all>*:before,dual-variant-selector.single-product .variant-swatch-group-container-all>*:after,dual-variant-selector.single-product .variant-swatch-group-container-all variant-radios:before,dual-variant-selector.single-product .variant-swatch-group-container-all variant-radios:after,dual-variant-selector.single-product .variant-swatch-group-container-all fieldset:before,dual-variant-selector.single-product .variant-swatch-group-container-all fieldset:after,dual-variant-selector.single-product .variant-swatch-group-container-all .first-product:before,dual-variant-selector.single-product .variant-swatch-group-container-all .first-product:after,dual-variant-selector.single-product .variant-swatch-group-container-all .limited-product:before,dual-variant-selector.single-product .variant-swatch-group-container-all .limited-product:after {
    display: none
}

.toggle-switch {
    position: relative;
    display: inline-block;
    margin-left: auto
}

.toggle-switch__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.toggle-switch__label {
    display: block;
    width: 2.5rem;
    height: 1.375rem;
    background-color: #757470;
    border-radius: var(--rounded-full);
    cursor: pointer;
    transition: background-color .3s ease
}

.toggle-switch__label:after {
    content: "";
    position: absolute;
    top: .1875rem;
    left: .1875rem;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border-radius: var(--rounded-full);
    transition: left .3s ease
}

.toggle-switch__input:checked+.toggle-switch__label {
    background-color: #147e11
}

.toggle-switch__input:checked+.toggle-switch__label:after {
    left: 1.3125rem
}

.toggle-switch__input:focus-visible+.toggle-switch__label {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

.toggle-switch__input:disabled+.toggle-switch__label {
    opacity: .5;
    cursor: not-allowed
}

.toggletip {
    position: relative;
    display: inline-flex
}

.toggletip__trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: none;
    background: none;
    color: #757470;
    cursor: pointer;
    border-radius: 624.938rem;
    transition: color var(--transition-duration-xxf) var(--transition-ease-in-out)
}

.toggletip__trigger:hover,.toggletip__trigger:focus-visible {
    color: #252427
}

.toggletip__trigger[aria-expanded=true]+.toggletip__content {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%) translateY(0)
}

.toggletip__content {
    font-family: Avantt,sans-serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0;
    position: absolute;
    z-index: 10;
    bottom: calc(100% + .5rem);
    left: 50%;
    width: max-content;
    max-width: 200px;
    padding: .25rem .5rem;
    background: #252427;
    color: #fff;
    line-height: 1.4;
    transform: translate(-50%) translateY(.25rem);
    border-radius: .5rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-duration-xxf) var(--transition-ease-in-out),visibility var(--transition-duration-xxf) var(--transition-ease-in-out),transform var(--transition-duration-xxf) var(--transition-ease-in-out)
}

.toggletip__content:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    border: 6px solid transparent;
    border-top-color: #252427
}

.native-product-reviews,.native-product-reviews a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .3125rem;
    margin-bottom: .3125rem
}

.native-product-reviews .native-product-reviews_stars,.native-product-reviews a .native-product-reviews_stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 1rem;
    line-height: 1
}

.native-product-reviews .average_reviews,.native-product-reviews a .average_reviews {
    color: #252427;
    font-size: 1rem
}

.native-product-reviews .average_reviews:after,.native-product-reviews a .average_reviews:after {
    content: "|";
    margin-left: .3125rem;
    color: #e5e3de
}

.native-product-reviews .reviews-count,.native-product-reviews a .reviews-count {
    font-size: .875rem;
    line-height: .9375rem;
    letter-spacing: .03em
}

.native-product-reviews .native-product-reviews_star,.native-product-reviews a .native-product-reviews_star {
    position: relative;
    display: inline-block;
    color: #252427
}

.native-product-reviews .native-product-reviews_star.full,.native-product-reviews a .native-product-reviews_star.full,.native-product-reviews .native-product-reviews_star.empty,.native-product-reviews a .native-product-reviews_star.empty,.native-product-reviews .native-product-reviews_star.quarter,.native-product-reviews .native-product-reviews_star.half,.native-product-reviews .native-product-reviews_star.three-quarter,.native-product-reviews a .native-product-reviews_star.quarter,.native-product-reviews a .native-product-reviews_star.half,.native-product-reviews a .native-product-reviews_star.three-quarter {
    color: #252427
}

.native-product-reviews .native-product-reviews_star.quarter:before,.native-product-reviews a .native-product-reviews_star.quarter:before {
    content: "★";
    color: #252427;
    position: absolute;
    inset: 0;
    width: 43%;
    overflow: hidden;
    pointer-events: none
}

.native-product-reviews .native-product-reviews_star.half:before,.native-product-reviews a .native-product-reviews_star.half:before {
    content: "★";
    color: #252427;
    position: absolute;
    inset: 0;
    width: 53%;
    overflow: hidden;
    pointer-events: none
}

.native-product-reviews .native-product-reviews_star.three-quarter:before,.native-product-reviews a .native-product-reviews_star.three-quarter:before {
    content: "★";
    color: #252427;
    position: absolute;
    inset: 0;
    width: 65%;
    overflow: hidden;
    pointer-events: none
}

.native-product-reviews a {
    text-decoration: none;
    cursor: pointer
}

@media screen and (max-width: 767.9px) {
    .card-information .native-product-reviews .native-product-reviews_stars {
        font-size:.75rem;
        gap: 1px
    }
}

@media screen and (max-width: 767.9px) {
    .card-information .native-product-reviews .reviews-count {
        font-size:.625rem;
        letter-spacing: normal
    }
}

.product__info-wrapper .native-product-reviews .reviews-count {
    color: #252427;
    font-size: 1rem
}

.product__info-wrapper .native-product-reviews .native-product-reviews_stars {
    font-size: 1rem
}

.compare-earplugs__card-media .native-product-reviews .native-product-reviews_stars,.compare-earplugs__card-media .native-product-reviews .reviews-count,.compare-earplugs__card-media .native-product-reviews .average_reviews {
    color: #252427;
    font-size: .875rem
}

@media screen and (max-width: 767.9px) {
    .compare-earplugs__card-media .native-product-reviews .native-product-reviews_stars,.compare-earplugs__card-media .native-product-reviews .reviews-count,.compare-earplugs__card-media .native-product-reviews .average_reviews {
        font-size:.625rem;
        gap: 1px
    }
}

.cart-tiered-progress-indicator {
    padding: 1rem
}

.cart-tiered-progress-indicator__status {
    margin-bottom: 1rem
}

.cart-tiered-progress-indicator__message {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 142.8%;
    letter-spacing: -.02em;
    color: #252427
}

.cart-tiered-progress-indicator__message--success {
    color: #252427
}

.cart-tiered-progress-indicator__wrapper {
    position: relative;
    padding-top: .625rem
}

.cart-tiered-progress-indicator__track {
    height: .125rem;
    background-color: #e5e3de;
    border-radius: 624.938rem;
    overflow: hidden;
    margin-left: 2.0313rem;
    width: calc(100% - 4.0625rem)!important
}

.cart-tiered-progress-indicator__fill {
    height: 100%;
    background-color: #252427;
    border-radius: 624.938rem;
    transition: width var(--transition-duration-f) var(--transition-ease-in)
}

.cart-tiered-progress-indicator__steps {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: -.8125rem
}

.cart-tiered-progress-indicator__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 4.0625rem;
    text-align: center
}

.cart-tiered-progress-indicator__step-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #fbf9f8;
    border-radius: 624.938rem;
    margin-bottom: .25rem
}

.cart-tiered-progress-indicator__step-icon svg {
    width: 1.5rem;
    height: 1.5rem
}

.cart-tiered-progress-indicator__ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0;
    transform: translate(-50%,-50%);
    border-radius: 624.938rem;
    border: 5px solid #252427;
    animation: tiered-progress-ripple var(--transition-duration-medium) var(--transition-duration-f) var(--transition-ease-in-out) forwards;
    pointer-events: none
}

@keyframes tiered-progress-ripple {
    0% {
        width: 1.5rem;
        height: 1.5rem;
        opacity: 1
    }

    to {
        width: 3rem;
        height: 3rem;
        border-width: 1px;
        opacity: 0
    }
}

.cart-tiered-progress-indicator__icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.cart-tiered-progress-indicator__icon[hidden] {
    display: none
}

.cart-tiered-progress-indicator__step-price {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: 0;
    color: #757470
}

.cart-tiered-progress-indicator__step--complete .cart-tiered-progress-indicator__step-price {
    color: #252427
}

.cart-tiered-progress-indicator__step-label {
    font-family: Avantt,sans-serif;
    font-size: .625rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    color: #757470
}

.cart-tiered-progress-indicator__step--complete .cart-tiered-progress-indicator__step-label {
    color: #252427
}

.cart-free-shipping-indicator {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: #ddf2f4;
    padding: 1rem;
    margin: 0 1rem;
    border-radius: .25rem
}

.cart-free-shipping-indicator__content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cart-free-shipping-indicator__text,.cart-free-shipping-indicator__remaining-amount {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: 0;
    color: #252427
}

.cart-free-shipping-indicator__text--success,.cart-free-shipping-indicator__remaining-amount--success {
    color: #252427
}

.cart-free-shipping-indicator__progress {
    position: relative;
    width: 100%
}

.cart-free-shipping-indicator__track {
    position: relative;
    width: 100%;
    height: .125rem;
    background: #e5e3de;
    border-radius: 624.938rem;
    overflow: hidden
}

.cart-free-shipping-indicator__fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #252427;
    border-radius: 624.938rem;
    transition: width var(--transition-duration-f, .3s) var(--transition-ease-in, ease-in-out)
}

.cart-free-shipping-indicator__ripple {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    opacity: 0;
    transform: translate(50%,-50%);
    border-radius: 624.938rem;
    border: 3px solid #252427;
    animation: free-shipping-ripple var(--transition-duration-medium) var(--transition-duration-f) var(--transition-ease-in-out) forwards;
    pointer-events: none
}

@keyframes free-shipping-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 1
    }

    to {
        width: 1.5rem;
        height: 1.5rem;
        border-width: 1px;
        opacity: 0
    }
}

dialog:has(.order-notes-dialog) {
    border-radius: 0
}

@media(max-width: 767px) {
    dialog:has(.order-notes-dialog) {
        max-height:100vh;
        height: 100vh
    }

    @supports (height: 100dvh) {
        dialog:has(.order-notes-dialog) {
            max-height:100dvh;
            height: 100dvh
        }
    }
}

dialog:has(.order-notes-dialog) .dialog__main {
    padding: 0;
    margin: 0
}

.cart__order-notes {
    width: 100%;
    margin: .25rem 0rem 1rem
}

.cart__order-notes-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .5rem;
    border: 1px solid #e5e3de;
    border-radius: .75rem
}

.cart__order-notes-toggle-label {
    display: flex;
    gap: .5rem;
    color: #252427;
    font-size: .875rem;
    line-height: 1.5;
    flex-wrap: wrap;
    align-items: center
}

.cart__order-notes-toggle-switch {
    flex-shrink: 0
}

order-notes .order-notes__card-side {
    text-align: center;
    font-size: 1.5rem;
    margin: 0rem
}

order-notes .dialog__content-wrapper {
    overflow-y: scroll;
    overflow-x: hidden
}

order-notes .dialog__header {
    padding: 1.5rem;
    min-height: auto;
    width: 100%
}

order-notes .dialog__control-button {
    font-size: 1.25rem;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    width: 100%;
    justify-content: flex-start
}

.order-notes__title-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.order-notes__title-wrapper .order-notes__title {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -.045rem;
    margin: 0
}

.order-notes__title-wrapper .order-notes__counter {
    color: #757470;
    font-size: 1rem;
    line-height: 1.25rem;
    align-self: center;
    margin: 0
}

.order-notes__title-price {
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: -.0375rem;
    margin: 0
}

.order-notes__title-with-counter {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .5rem 1.5rem
}

.order-notes__content {
    height: 100%;
    background-color: #f3f3f3;
    padding: 1.5rem;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: center
}

swiper-order-note {
    --items-per-row: 1.4;
    --gap: 1rem;
    width: 100%;
    height: 100%
}

swiper-order-note.swiper {
    overflow: visible;
    height: fit-content
}

swiper-order-note .swiper-wrapper {
    display: flex;
    align-items: stretch
}

swiper-order-note .swiper-slide.order-notes__slide {
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    flex: 0 0 calc((100% - var(--gap) * (var(--items-per-row) - 1)) / var(--items-per-row));
    min-width: 0;
    scroll-snap-align: start
}

.order-notes__input-card {
    height: 27.25rem;
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px #0000001a;
    margin: 1rem 0rem
}

.order-notes__input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    resize: none;
    font-family: BespokeSerif,serif;
    font-style: italic;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #252427;
    background: transparent;
    padding: 0;
    text-align: center;
    border: 1px solid #e5e3de;
    border-radius: .25rem;
    padding: 2rem;
    overflow-y: hidden;
    overflow-x: hidden
}

.order-notes__input:focus-visible {
    border-color: #252427
}

.order-notes__input::placeholder {
    font-family: BespokeSerif,serif;
    font-style: italic;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #4f4f51;
    text-align: center;
    padding-top: 3.125rem
}

.order-notes__image-card {
    width: 100%;
    height: 27.25rem;
    overflow: hidden;
    box-shadow: 0 2px 8px #0000001a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0rem
}

.order-notes__image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.order-notes__cards-caption {
    color: #4f4f51;
    text-align: center;
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1rem
}

.order-notes__cards-caption-note.emoji-warning {
    animation: emojiWarningFade 3s ease-out forwards
}

@keyframes emojiWarningFade {
    0% {
        color: #e64562
    }

    50% {
        color: #e64562
    }

    to {
        color: #757470
    }
}

.segmented-collections-wrapper .collection {
    padding-top: 3.125rem
}

@media screen and (max-width: 767.9px) {
    .segmented-collections-wrapper .collection:first-child {
        padding-top:1em
    }
}

.segmented-collections-wrapper .collection .heading {
    margin: .625rem
}

@media screen and (min-width: 768px) {
    .segmented-collections-wrapper .collection .heading {
        margin:-20px auto 40px
    }
}

.segmented-collections-wrapper .collection .heading span.new-label {
    display: inline-block;
    margin-left: 8px;
    text-transform: uppercase;
    color: #b45965;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em;
    vertical-align: super
}

.segmented-collections-wrapper .collection .heading h2,.segmented-collections-wrapper .collection .heading a {
    margin: 0
}

.segmented-collections-wrapper .collection .heading a {
    font-size: 15px;
    color: #757470
}

.segmented-collections-wrapper .collection:has(div:not([style*="display: none"])) {
    display: block
}

.segmented_filtered-collection .filters {
    margin-bottom: -10px
}

.card-wrapper {
    position: relative;
    overflow: hidden
}

@keyframes fadeOutMoveDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(20px)
    }
}

.card--standard.card--media.animate-out {
    animation: fadeOutMoveDown .5s ease-in-out forwards
}

@keyframes fadeInMoveUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.card--standard.card--media.animate-in {
    animation: fadeInMoveUp .5s ease-in-out forwards
}

@keyframes skeleton-wave {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -200% 0
    }
}

.card-wrapper.underline-links-hover.skeleton_loading {
    position: relative;
    background-color: #fbf9f8;
    overflow: hidden;
    height: 100%
}

.card-wrapper.underline-links-hover.skeleton_loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,#fbf9f8,#e5e3de,#fff);
    background-size: 200% 100%;
    animation: skeleton-wave 3s ease-in-out infinite
}

.main-compare-loops,.header-main {
    max-width: 1440px;
    margin: 0 auto
}

.header-compare-loops {
    background-color: #fff;
    box-shadow: 0 1px 3px #0000000d
}

#compare-sticky-header {
    position: sticky;
    top: -1px;
    z-index: 2
}

.comparison-loop-wrapper .slide-image.hide {
    display: none!important
}

.comparison-loop-wrapper .title {
    font-size: 2rem;
    line-height: 150%;
    letter-spacing: -.03em
}

@media screen and (max-width: 639.9px) {
    .comparison-loop-wrapper .title {
        font-size:1.5rem
    }
}

.comparison-loop-wrapper .title {
    color: #252427;
    padding: 20px 40px;
    width: 100%;
    background-color: #efefef;
    margin: 0
}

.comparison-loop-wrapper .product-loop-mute {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.comparison-loop-wrapper .grid-item {
    min-width: 248px
}

.comparison-loop-wrapper #add-to-button-input,.comparison-loop-wrapper .scroll-along::-webkit-scrollbar {
    display: none
}

.comparison-loop-wrapper .slider-main,.comparison-loop-wrapper .grid-item,.comparison-loop-wrapper .loading-overlay__spinner,.comparison-loop-wrapper .product_returns,.comparison-loop-wrapper .header-compare-loops .product-main,.comparison-loop-wrapper .product-image-change-main,.comparison-loop-wrapper .best-used-location-main,.comparison-loop-wrapper .perfect-for-location-svg,.comparison-loop-wrapper .perfect-for-location-main,.comparison-loop-wrapper .perfect-for-location-one,.comparison-loop-wrapper .perfect-for-location-two,.comparison-loop-wrapper .perfect-for-location-three,.comparison-loop-wrapper .perfect-for-location-four,.comparison-loop-wrapper .product-plus-available,.comparison-loop-wrapper .product-plus-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.comparison-loop-wrapper .slider-main {
    justify-content: start
}

.comparison-loop-wrapper .product-plus-image {
    width: 100px;
    height: 100px
}

.comparison-loop-wrapper .perfect-for-location-svg {
    width: 71px;
    height: 71px
}

.comparison-loop-wrapper main .scroll-along .product-link {
    padding: 0;
    text-decoration: none
}

.comparison-loop-wrapper .true .desktop,.comparison-loop-wrapper .false .desktop {
    display: block
}

.comparison-loop-wrapper .true .mobile,.comparison-loop-wrapper .false .mobile {
    display: none
}

.comparison-loop-wrapper .product-plus-available .cross-button {
    margin: auto 0
}

.comparison-loop-wrapper .product-description-main .product-title {
    font-size: 2.5rem;
    line-height: 96%;
    letter-spacing: -.03em
}

@media screen and (max-width: 639.9px) {
    .comparison-loop-wrapper .product-description-main .product-title {
        font-size:2rem
    }
}

.comparison-loop-wrapper .product-description-main .product-title {
    padding-bottom: 20px;
    color: #252427;
    margin: 0
}

.comparison-loop-wrapper .product_returns {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -.03em;
    flex-direction: row;
    color: #252427;
    gap: 10px;
    margin: 20px 0
}

.comparison-loop-wrapper .product-main .product-title,.comparison-loop-wrapper .product-main .product-price,.comparison-loop-wrapper .product_price_main .product-price {
    padding: 5px 0;
    color: #252427;
    margin: 0;
    text-align: center
}

.comparison-loop-wrapper .product-main .product-price,.comparison-loop-wrapper .product_price_main .product-price {
    position: relative
}

.comparison-loop-wrapper .product-main .product-title {
    font-size: 2rem;
    line-height: 150%;
    letter-spacing: -.03em
}

@media screen and (max-width: 639.9px) {
    .comparison-loop-wrapper .product-main .product-title {
        font-size:1.5rem
    }
}

.comparison-loop-wrapper .product-main .product-price span,.comparison-loop-wrapper .product_price_main .product-price span {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -.03em
}

.comparison-loop-wrapper .tertiary {
    min-width: fit-content;
    padding-right: .625rem;
    margin-bottom: 1.25rem
}

.comparison-loop-wrapper .slider-main .tertiary {
    margin-bottom: 3.75rem
}

.comparison-loop-wrapper .product-image-change-main {
    max-width: 420px
}

.comparison-loop-wrapper .product-variant-color {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    z-index: 1;
    position: relative
}

section.comparison-loop-wrapper div.product-variant-color label.v-swatch {
    height: 24px;
    width: 24px
}

.comparison-loop-wrapper .product-variant-color input {
    clip: rect(0,0,0,0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

.comparison-loop-wrapper .product-variant-color,.comparison-loop-wrapper .product_price_main {
    margin-bottom: 20px
}

.comparison-loop-wrapper .product-form__submit.button.add-to-cart-button {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 128%;
    letter-spacing: -.03em;
    min-height: 40px;
    min-width: 97px;
    padding: 8px 24px
}

.comparison-loop-wrapper .slider-ul-main {
    list-style: none;
    width: 248px;
    overflow-x: hidden;
    padding: 0;
    margin: .625rem 0
}

.comparison-loop-wrapper .slider-ul-main img {
    width: 248px;
    height: 248px
}

.comparison-loop-wrapper .slide-image {
    display: block
}

.comparison-loop-wrapper .slide-image.display_hide {
    display: none
}

.comparison-loop-wrapper .product-returns,.comparison-loop-wrapper .product-page-link a,.comparison-loop-wrapper .product-description-main .product-desc,.comparison-loop-wrapper .best-used-location-main p,.comparison-loop-wrapper .perfect-for-location-main p,.comparison-loop-wrapper .filter-for-details p,.comparison-loop-wrapper .product-loop-mute .details,.comparison-loop-wrapper .product-plus-with-link {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -.03em;
    padding: 5px 0;
    color: #757470;
    margin: 0;
    text-align: center
}

.comparison-loop-wrapper .best-used-location-main p,.comparison-loop-wrapper .filter-for-details p,.comparison-loop-wrapper .product-loop-mute .details,.comparison-loop-wrapper .product-plus-with-link,.comparison-loop-wrapper .product-plus-with-link a {
    color: #252427
}

.comparison-loop-wrapper .product-description-main .product-desc {
    padding: 0 30px;
    margin: 0 0 20px
}

.comparison-loop-wrapper .product-loop-mute .details {
    margin: 0;
    max-width: 680px;
    padding: 0 40px;
    text-align: left
}

.comparison-loop-wrapper .best-used-details.scroll-along {
    padding-top: 30px;
    padding-bottom: 40px
}

.comparison-loop-wrapper .product-returns,.comparison-loop-wrapper .scroll-along.product-loop-mute {
    padding: 20px 0
}

.comparison-loop-wrapper .product-description-main,.comparison-loop-wrapper .noise-reduction-details .noise-reduction-location-main,.comparison-loop-wrapper .filter-for-details p {
    text-align: center
}

.comparison-loop-wrapper .perfect-for-location-main {
    gap: 20px;
    padding: 20px 0 10px
}

.comparison-loop-wrapper .scroll-along.noise-reduction-details {
    padding-top: 0;
    padding-bottom: 0
}

.comparison-loop-wrapper .noise-reduction-location-main {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -.03em;
    padding: 20px 0 40px;
    color: #757470;
    margin: 0;
    text-align: center
}

.comparison-loop-wrapper .noise-reduction-location-main .noise_decibel {
    font-size: 2rem;
    line-height: 150%;
    letter-spacing: -.03em
}

@media screen and (max-width: 639.9px) {
    .comparison-loop-wrapper .noise-reduction-location-main .noise_decibel {
        font-size:1.5rem
    }
}

.comparison-loop-wrapper .noise-reduction-location-main .noise_decibel {
    padding: 0 0 10px;
    color: #252427;
    margin: 0
}

.comparison-loop-wrapper .certified-hearing-checkbox-main div,.comparison-loop-wrapper .reusability-main div,.comparison-loop-wrapper .carry-case-main div,.comparison-loop-wrapper .size-ear-tip-main div,.comparison-loop-wrapper .washable-main div,.comparison-loop-wrapper .free-returns-main div,.comparison-loop-wrapper .product-plus-available .false {
    width: 32px;
    height: 32px;
    border-radius: 624.938rem;
    margin: 13px
}

@media screen and (max-width: 1400px) {
    .comparison-loop-wrapper .certified-hearing-checkbox-main div,.comparison-loop-wrapper .reusability-main div,.comparison-loop-wrapper .carry-case-main div,.comparison-loop-wrapper .size-ear-tip-main div,.comparison-loop-wrapper .washable-main div,.comparison-loop-wrapper .free-returns-main div,.comparison-loop-wrapper .product-plus-available .false {
        width:23px;
        height: 23px;
        margin: 0
    }

    .comparison-loop-wrapper .product-returns,.comparison-loop-wrapper .product-page-link a,.comparison-loop-wrapper .product-description-main .product-desc,.comparison-loop-wrapper .best-used-location-main p,.comparison-loop-wrapper .perfect-for-location-main p,.comparison-loop-wrapper .noise-reduction-location-main,.comparison-loop-wrapper .filter-for-details p,.comparison-loop-wrapper .product-loop-mute .details,.comparison-loop-wrapper .product-plus-with-link {
        font-family: Avantt,sans-serif;
        font-size: 1rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.03em
    }

    .comparison-loop-wrapper .noise-reduction-location-main {
        padding: 10px 0 23px
    }

    .comparison-loop-wrapper .noise-reduction-location-main .noise_decibel {
        font-family: Avantt,sans-serif;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 130%;
        letter-spacing: -.03em
    }

    .comparison-loop-wrapper .product-loop-mute .details {
        color: #252427;
        padding: 20px 10px 20px 25px
    }

    .comparison-loop-wrapper .slider-ul-main {
        width: 123px
    }

    .comparison-loop-wrapper .slider-ul-main img {
        width: 123px;
        height: 123px
    }

    .comparison-loop-wrapper .product-variant-color {
        gap: 6px
    }

    section.comparison-loop-wrapper div.product-variant-color label.v-swatch {
        height: 18px;
        width: 18px;
        padding: 0
    }

    section.comparison-loop-wrapper div.product-variant-color label.v-swatch:before {
        border: 1px solid #ffffff
    }

    .comparison-loop-wrapper .product_returns {
        font-family: Avantt,sans-serif;
        font-size: 1rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.03em
    }

    .comparison-loop-wrapper .product_returns svg {
        display: none
    }

    .comparison-loop-wrapper .product-learn-more a {
        font-family: Avantt,sans-serif;
        font-size: .875rem;
        font-weight: 500;
        line-height: 128%;
        letter-spacing: -.03em
    }

    .comparison-loop-wrapper .product-main .product-price span,.comparison-loop-wrapper .product_price_main .product-price span,.comparison-loop-wrapper .product-main .product-title {
        padding: 5px 0
    }

    .comparison-loop-wrapper .product-main .product-title,.comparison-loop-wrapper .product-description-main .product-title {
        font-family: Avantt,sans-serif;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 130%;
        letter-spacing: -.03em
    }

    .comparison-loop-wrapper .product-description-main .product-title {
        padding-bottom: 10px
    }

    .comparison-loop-wrapper .product-main .product-price span,.comparison-loop-wrapper .product_price_main .product-price span {
        font-family: Avantt,sans-serif;
        font-size: .875rem;
        font-weight: 500;
        line-height: 128%;
        letter-spacing: -.03em
    }

    .comparison-loop-wrapper .slider-main .tertiary {
        margin-bottom: 15px
    }

    .comparison-loop-wrapper .perfect-for-location-main p,.comparison-loop-wrapper .filter-for-details p,.comparison-loop-wrapper .product-loop-mute .details p {
        margin: 0
    }

    .comparison-loop-wrapper .perfect-for-location-main {
        padding: 0
    }

    .comparison-loop-wrapper .true .desktop,.comparison-loop-wrapper .false .desktop {
        display: none
    }

    .comparison-loop-wrapper .true .mobile,.comparison-loop-wrapper .false .mobile {
        display: block
    }

    .comparison-loop-wrapper .product-plus-with-link {
        max-width: 120px
    }

    .comparison-loop-wrapper .product-description-main {
        padding: 20px 0
    }

    .comparison-loop-wrapper .product-description-main .product-desc {
        padding: 0 5px;
        margin: 0
    }

    .comparison-loop-wrapper .best-used-details.scroll-along {
        padding-top: 10px;
        padding-bottom: 20px
    }

    .comparison-loop-wrapper .title {
        font-size: 1.5rem;
        line-height: 150%;
        letter-spacing: -.03em
    }

    .comparison-loop-wrapper .main-compare-loops,.comparison-loop-wrapper .header-compare-loops {
        overflow: hidden;
        width: 100%
    }

    .comparison-loop-wrapper .scroll-along {
        overflow: auto;
        width: 100%;
        scrollbar-width: none
    }

    .comparison-loop-wrapper .grid-item {
        min-width: 165px;
        max-width: 328px
    }
}

.comparison-loop-wrapper .price--on-sale .price__sale {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px
}

slideshow-component {
    position: relative;
    display: flex;
    flex-direction: column
}

slideshow-component .slideshow.banner {
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    gap: 0
}

slideshow-component.container .slideshow.banner,slideshow-component.page-width .slideshow.banner {
    gap: .9375rem
}

.slideshow__slide {
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 2
}

.slideshow__text.banner__box {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
    height: 100%;
    padding: 0 1.25rem
}

.slideshow .slideshow__text-wrapper {
    padding: 0 5rem
}

.slideshow__controls--top {
    order: 2;
    z-index: 1
}

.spaced-section--full-width:last-child slideshow-component:not(.container):not(.page-width) .slideshow__controls {
    border-bottom: none
}

slideshow-component:not(.container):not(.page-width) .slider-buttons {
    border-right: 0;
    border-left: 0
}

.slideshow__control-wrapper {
    display: flex;
    gap: 4px
}

.slideshow__autoplay {
    position: absolute;
    right: 0;
    border-left: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.slideshow__autoplay .icon.icon-play,.slideshow__autoplay .icon.icon-pause {
    display: block;
    position: absolute;
    opacity: 1;
    transform: scale(1);
    transition: transform .15s ease,opacity .15s ease;
    width: .5rem;
    height: .75rem
}

.slideshow__autoplay .icon.icon-play {
    height: .625rem
}

.slideshow__autoplay path {
    fill: rgba(var(--color-foreground),.75)
}

.slideshow__autoplay:hover path {
    fill: rgb(var(--color-foreground))
}

.slideshow__autoplay:hover svg {
    transform: scale(1.1)
}

.slideshow__autoplay--paused .icon-pause,.slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
    visibility: hidden;
    opacity: 0;
    transform: scale(.8)
}

.slider-counter__link.slider-counter__link--dots {
    background: transparent
}

@media screen and (forced-colors:active) {
    .slideshow__autoplay path,.slideshow__autoplay:hover path {
        fill: CanvasText
    }
}

@media screen and (max-width: 767.9px) {
    .slideshow__text-wrapper.banner__content {
        padding:0
    }
}

@media screen and (min-width: 768px) {
    .slideshow--placeholder.banner--adapt_image {
        height:35rem
    }

    .slideshow__text.slideshow__text--left {
        align-items: flex-start;
        text-align: left
    }

    .slideshow__text.slideshow__text--right {
        align-items: flex-end;
        text-align: right
    }

    .slideshow__text-wrapper.banner__content {
        height: 100%
    }

    .slideshow__controls {
        position: relative
    }

    .slideshow__autoplay.slider-button {
        position: inherit;
        margin-left: .375rem;
        padding: 0 0 0 .375rem;
        border-left: .0625rem solid rgba(var(--color-foreground),.08)
    }
}

@media screen and (max-width: 767.9px) {
    slideshow-component {
        max-height:880px
    }

    .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) {
        height: 17.5rem
    }

    slideshow-component.container .slideshow__text,slideshow-component.page-width .slideshow__text {
        border-right: var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity));
        border-left: var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity))
    }

    .banner--mobile-bottom .slideshow__text.banner__box {
        max-width: 100%
    }

    .banner--mobile-bottom .slideshow__text-wrapper {
        flex-grow: 1
    }

    .banner--mobile-bottom .slideshow__text.banner__box {
        height: 100%
    }

    .banner--mobile-bottom .slideshow__text .button {
        flex-grow: 1
    }

    .slideshow__text.slideshow__text-mobile--left {
        align-items: flex-start;
        text-align: left
    }

    .slideshow__text.slideshow__text-mobile--right {
        align-items: flex-end;
        text-align: right
    }

    slideshow-component.container .slideshow__autoplay,slideshow-component.page-width .slideshow__autoplay {
        right: .9375rem
    }
}

@media screen and (max-width: 767.9px) {
    .no-js slideshow-component .slider {
        padding-bottom:1.875rem
    }
}

@media screen and (min-width: 768px) {
    .slideshow__media.banner__media.media {
        min-height:442px
    }
}

.slideshow {
    border-radius: 1rem;
    overflow: hidden
}

@media screen and (max-width: 767.9px) {
    .slideshow {
        border-radius:0rem
    }
}

.slideshow__slide {
    border-radius: 0rem;
    overflow: hidden
}

.container .slideshow__slide,.page-width .slideshow__slide {
    border-radius: 1rem
}

@media screen and (min-width: 640px) {
    slideshow-component {
        padding:0 24px
    }
}

@media screen and (min-width: 1024px) {
    slideshow-component {
        padding:0 40px
    }
}

@media screen and (min-width: 768px) {
    .slideshow__text-wrapper.banner__content {
        max-width:100%
    }

    .slideshow__text.banner__box {
        max-width: 50%;
        width: 50%;
        min-width: 50%;
        padding: 0
    }
}

.play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media screen and (min-width: 640px) {
    .play-button {
        width:160px;
        height: 160px
    }
}

.video-section {
    position: relative
}

.video-section .video--mask video {
    border-radius: 1rem;
    overflow: hidden
}

@media screen and (min-width: 640px) {
    .video-section {
        padding-inline:40px
    }
}

@media screen and (max-width: 639.9px) {
    .video-section {
        padding-inline:16px
    }
}

.image-with-text .legacy-grid {
    margin-bottom: 0
}

.image-with-text .grid__item {
    position: relative
}

@media screen and (min-width: 750px) {
    .image-with-text__grid--reverse,.image-with-text__grid--reverse-landscape {
        flex-direction:row-reverse
    }
}

@media screen and (max-width: 749px) {
    .image-with-text__grid--reverse-portrait {
        flex-direction:column-reverse
    }
}

.image-with-text__media {
    min-height: 100%;
    overflow: visible
}

.image-with-text__media--small {
    height: 12.125rem
}

.image-with-text__media--large {
    height: 27.1875rem
}

@media screen and (min-width: 750px) {
    .image-with-text__media--small {
        height:19.625rem
    }

    .image-with-text__media--large {
        height: 43.4375rem
    }
}

.image-with-text__media--placeholder {
    position: relative;
    overflow: hidden
}

.image-with-text__media--placeholder:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(var(--color-foreground),.04)
}

.image-with-text__media--placeholder.image-with-text__media--adapt {
    height: 12.5rem
}

@media screen and (min-width: 750px) {
    .image-with-text__media--placeholder.image-with-text__media--adapt {
        height:18.75rem
    }
}

.image-with-text__media--placeholder>svg {
    position: absolute;
    left: 50%;
    max-width: 50rem;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    fill: currentColor
}

.image-with-text .grid__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item:after {
    box-shadow: none
}

.image-with-text:not(.image-with-text--overlap) .image-with-text__text-item:after {
    box-shadow: none
}

.image-with-text .image-with-text__media-item>* {
    overflow: hidden;
    box-shadow: none
}

.image-with-text .global-media-settings {
    overflow: hidden!important
}

.image-with-text .image-with-text__text-item>* {
    overflow: hidden;
    box-shadow: none
}

.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item>*,.image-with-text:not(.image-with-text--overlap) .image-with-text__text-item>* {
    box-shadow: none
}

@media screen and (max-width: 749px) {
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media-item:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .grid__item .image-with-text__media,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media img {
        border-bottom-right-radius:0;
        border-bottom-left-radius: 0
    }

    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__text-item:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .grid__item .image-with-text__content {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .image-with-text.collapse-borders:not(.image-with-text--overlap) .image-with-text__content {
        border-top: 0
    }
}

.image-with-text__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-self: center;
    position: relative;
    z-index: 1;
    box-shadow: none
}

.image-with-text__content--mobile-right>* {
    align-self: flex-end;
    text-align: right
}

.image-with-text__content--mobile-center>* {
    align-self: center;
    text-align: center
}

.image-with-text--overlap .image-with-text__content {
    width: 90%;
    margin: -1.875rem auto 0
}

@media screen and (min-width: 750px) {
    .image-with-text__grid--reverse .image-with-text__content {
        margin-left:auto
    }

    .image-with-text__content--bottom {
        justify-content: flex-end;
        align-self: flex-end
    }

    .image-with-text__content--top {
        justify-content: flex-start;
        align-self: flex-start
    }

    .image-with-text__content--desktop-right>* {
        align-self: flex-end;
        text-align: right
    }

    .image-with-text__content--desktop-left>* {
        align-self: flex-start;
        text-align: left
    }

    .image-with-text__content--desktop-center>* {
        align-self: center;
        text-align: center
    }

    .image-with-text--overlap .image-with-text__text-item {
        display: flex;
        padding: 1.875rem 0
    }

    .image-with-text--overlap .image-with-text__content {
        height: auto;
        width: calc(100% + 2.5rem);
        min-width: calc(100% + 2.5rem);
        margin-top: 0;
        margin-left: -2.5rem
    }

    .image-with-text--overlap .image-with-text__grid--reverse .image-with-text__content {
        margin-left: 0;
        margin-right: -2.5rem
    }

    .image-with-text--overlap .image-with-text__grid--reverse .image-with-text__text-item {
        justify-content: flex-end
    }

    .image-with-text--overlap .image-with-text__media-item--top {
        align-self: flex-start
    }

    .image-with-text--overlap .image-with-text__media-item--middle {
        align-self: center
    }

    .image-with-text--overlap .image-with-text__media-item--bottom {
        align-self: flex-end
    }

    .image-with-text__media-item--small,.image-with-text__media-item--large+.image-with-text__text-item {
        flex-grow: 0
    }

    .image-with-text.collapse-corners:not(.image-with-text--overlap) .legacy-grid:not(.image-with-text__grid--reverse) .image-with-text__media-item:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .legacy-grid:not(.image-with-text__grid--reverse) .image-with-text__media,.image-with-text.collapse-corners:not(.image-with-text--overlap) .legacy-grid:not(.image-with-text__grid--reverse) .image-with-text__media img,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__text-item:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content:after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .image-with-text.collapse-corners:not(.image-with-text--overlap) .legacy-grid:not(.image-with-text__grid--reverse) .image-with-text__text-item:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .legacy-grid:not(.image-with-text__grid--reverse) .image-with-text__content,.image-with-text.collapse-corners:not(.image-with-text--overlap) .legacy-grid:not(.image-with-text__grid--reverse) .image-with-text__content:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media-item:after,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media,.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media img {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .image-with-text.collapse-borders:not(.image-with-text--overlap) .legacy-grid:not(.image-with-text__grid--reverse) .image-with-text__content {
        border-left: 0
    }

    .image-with-text.collapse-borders:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content {
        border-right: 0
    }
}

.image-with-text:not(.collapse-corners,.image-with-text--overlap) .image-with-text__media-item {
    z-index: 2
}

.image-with-text__content>*+* {
    margin-top: 1.25rem
}

.image-with-text__content>.image-with-text__text:empty~a {
    margin-top: 1.25rem
}

.image-with-text__content>:first-child:is(.image-with-text__heading),.image-with-text__text--caption+.image-with-text__heading,.image-with-text__text--caption:first-child {
    margin-top: 0
}

.image-with-text__content :last-child:is(.image-with-text__heading),.image-with-text__text--caption {
    margin-bottom: 0
}

.image-with-text__content .button+.image-with-text__text {
    margin-top: 1.25rem
}

.image-with-text__content .image-with-text__text+.button {
    margin-top: 1.875rem
}

.image-with-text__heading {
    word-break: break-word;
    margin-bottom: 0
}

.image-with-text__text p {
    word-break: break-word;
    margin-top: 0;
    margin-bottom: .625rem
}

@supports not (inset: 10px) {
    .image-with-text .legacy-grid {
        margin-left:0
    }
}

.image-with-text__media-item {
    background-color: transparent
}

.image-with-text-container {
    position: relative
}

.image-with-text-container img.custom-background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.image-with-text-container.with-custom-bg .image-with-text__content,.image-with-text-container.with-custom-bg .image-with-text__media {
    background: unset
}

.image-with-text--contained {
    position: relative;
    overflow: hidden;
    border-radius: 1rem
}

.image-with-text__content {
    padding: 0 2.5rem
}

@media screen and (max-width: 749px) {
    .image-with-text__content {
        padding-left:0;
        padding-right: 0
    }

    .image-with-text__media-item-padding {
        padding: 0
    }

    .image-with-text--contained .image-with-text__media-item-padding {
        padding: 0 1.5rem
    }
}

@media screen and (min-width: 750px) {
    .image-with-text--contained .image-with-text__media-item-padding {
        padding:0 3.75rem
    }
}

@media screen and (max-width: 989px) {
    .image-with-text--contained .image-with-text__content {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

@media screen and (min-width: 990px) {
    .image-with-text__content {
        padding:0 3.75rem
    }
}

.us-vs-them_image {
    width: 40%;
    height: auto;
    border-radius: .75rem
}

.us-vs-them_content-wrapper {
    width: 53%
}

.us-vs-them_content-wrapper table {
    width: 100%;
    height: 100%;
    border-radius: .75rem;
    background: #fbf9f8;
    font-size: 16px;
    box-shadow: none
}

.us-vs-them_content-wrapper table td {
    border: 2px solid #ffffff
}

.us-vs-them_content-wrapper table td img,.us-vs-them_content-wrapper table td svg {
    margin: auto
}

.us-vs-them_content-wrapper table tr:first-child {
    height: 134px
}

.us-vs-them_content-wrapper table tr td:first-child {
    width: 60%
}

.us-vs-them--section .title {
    text-align: center
}

.us-vs-them--section .button--md {
    margin: 20px auto;
    max-width: fit-content
}

.us-vs-them_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.us-vs-them_grid-wrapper {
    gap: 2%
}

@media screen and (max-width: 1535.9px) {
    .us-vs-them_image,.us-vs-them_content-wrapper {
        width:45%
    }

    .us-vs-them_content-wrapper table td {
        height: 50px
    }
}

@media screen and (max-width: 1023.9px) {
    .us-vs-them_image {
        display:none;
        object-fit: cover
    }

    .us-vs-them_content-wrapper {
        width: 100%
    }

    .us-vs-them_content-wrapper table tr:first-child {
        height: 114px
    }
}

@media screen and (min-width: 1024px) {
    .us-vs-them_content-wrapper table tr:first-child {
        height:auto
    }
}

.section-greenhouse-jobs-filter .section-container {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .section-greenhouse-jobs-filter .section-container {
        flex-direction:row;
        gap: 4.375rem
    }
}

.mobile-facets__wrapper {
    margin: 0
}

@media screen and (min-width: 768px) {
    .mobile-facets__wrapper {
        display:none
    }
}

@media screen and (min-width: 768px) {
    .greenhouse-jobs--search-wrapper__mobile {
        display:none
    }
}

.greenhouse-jobs--filter-header p {
    margin: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f3f3f3
}

.greenhouse-jobs--search-input {
    border: 1px solid #e5e3de;
    border-radius: .5rem;
    font-size: 1.125rem;
    margin-bottom: .625rem;
    padding: 8px;
    width: 100%
}

@media screen and (min-width: 640px) {
    .greenhouse-jobs--search-input {
        margin-bottom:1.25rem
    }
}

.greenhouse-jobs--filter {
    display: none
}

.greenhouse-jobs--filter label {
    display: inline-flex;
    align-items: center;
    color: #252427;
    padding: .25rem
}

.greenhouse-jobs--filter label .greenhouse-jobs--checkbox-label {
    flex: 1
}

@media screen and (max-width: 767.9px) {
    .greenhouse-jobs--filter {
        padding:0 1.25rem
    }
}

@media screen and (min-width: 768px) {
    .greenhouse-jobs--filter {
        display:block;
        width: 15.625rem
    }
}

.greenhouse-jobs--filter-wrapper {
    margin-bottom: 2.25rem
}

@media screen and (min-width: 768px) {
    .greenhouse-jobs--filter-wrapper {
        margin-bottom:3.75rem
    }
}

.greenhouse-jobs--department-filter-wrapper,.greenhouse-jobs--location-filter-wrapper {
    padding-top: 1rem
}

.greenhouse-jobs--department-filter-wrapper p,.greenhouse-jobs--location-filter-wrapper p {
    margin: .6875rem 0;
    color: #252427
}

.greenhouse-jobs--department-filter-wrapper {
    padding-bottom: 1rem;
    border-bottom: 1px solid #f3f3f3
}

.greenhouse-jobs--checkbox-wrapper .greenhouse-jobs--checkbox-input {
    accent-color: #252427;
    margin: .75rem
}

.greenhouse-jobs--checkbox-wrapper svg {
    display: none
}

.greenhouse-jobs--header {
    margin-bottom: 3rem
}

@media screen and (max-width: 767.9px) {
    .greenhouse-jobs--header {
        text-align:center;
        margin-top: 3rem
    }
}

.greenhouse-jobs--header .heading3 {
    margin-top: 0;
    margin-bottom: .25rem
}

.greenhouse-jobs--header p {
    margin: 0
}

.greenhouse-jobs--header p span {
    color: #252427
}

@media screen and (max-width: 767.9px) {
    .greenhouse-jobs--results {
        padding:0 1.25rem
    }
}

.greenhouse-jobs--results {
    flex: 1
}

.greenhouse-jobs--result-wrapper {
    border-bottom: 1px solid #f3f3f3;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    gap: 1.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.greenhouse-jobs--result-title-wrapper {
    margin-bottom: .5rem
}

.greenhouse-jobs--result-title {
    text-decoration: none;
    margin-right: .5rem;
    display: inline
}

.greenhouse-jobs--result-title,.greenhouse-jobs--result-department {
    vertical-align: middle
}

.greenhouse-jobs--result-location {
    margin: 0
}

.greenhouse-jobs--result-link--md-down,.greenhouse-jobs--result-link--lg-up {
    text-wrap: nowrap
}

.greenhouse-jobs--result-link--md-down {
    align-self: flex-start;
    margin-top: .875rem
}

@media screen and (min-width: 1024px) {
    .greenhouse-jobs--result-link--md-down {
        display:none
    }
}

.greenhouse-jobs--result-link--lg-up {
    align-self: flex-end;
    display: none
}

@media screen and (min-width: 1024px) {
    .greenhouse-jobs--result-link--lg-up {
        display:inline-flex
    }
}

.greenhouse-jobs--filter-container,.greenhouse-jobs--count,.greenhouse-jobs--count-no-jobs {
    display: none
}

.greenhouse-jobs--results-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 3rem;
    flex-wrap: wrap
}

.greenhouse-jobs--results-pagination button {
    width: 3rem;
    height: 3rem;
    background: #fff;
    color: #757470;
    border: 1px solid #e5e3de;
    border-radius: 624.938rem;
    cursor: pointer
}

.greenhouse-jobs--results-pagination button.active {
    background: #252427;
    border: 1px solid #252427;
    pointer-events: none;
    color: #fff
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.greenhouse_wrapper .spinning-loader {
    display: none;
    width: 1.25rem;
    height: 1.25rem;
    border: 3px solid #000;
    border-bottom-color: transparent;
    border-radius: 624.938rem;
    box-sizing: border-box;
    animation: rotation 1s linear infinite
}

.greenhouse_wrapper #ProductGridContainer {
    position: relative
}

.greenhouse_wrapper .mobile-facets__wrapper,.greenhouse_wrapper .facets__wrapper {
    color: #000;
    font-size: 1rem;
    margin: 1.25rem 0
}

.greenhouse_wrapper .mobile-facets__wrapper input[type=checkbox],.greenhouse_wrapper .facets__wrapper input[type=checkbox] {
    accent-color: #000
}

.greenhouse_wrapper .facets__wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.125rem
}

.greenhouse_wrapper .facets__wrapper.loading .spinning-loader {
    display: inline-block
}

.greenhouse_wrapper .facets__wrapper .facets__title {
    position: relative
}

.greenhouse_wrapper .facets__wrapper .facets__title .active-items {
    position: absolute;
    top: -5px;
    right: -7px;
    font-size: .625rem
}

.greenhouse_wrapper .facets__wrapper details:nth-of-type(3) {
    margin-left: auto
}

.greenhouse_wrapper .facets__wrapper summary {
    border: 1px solid #e5e3de;
    padding: 1.25rem;
    border-radius: .5rem;
    line-height: 0
}

.greenhouse_wrapper .facets__wrapper summary.active {
    border-color: #000
}

.greenhouse_wrapper .facets__wrapper summary.active+.facets__display {
    border-color: #000
}

.greenhouse_wrapper .facets__wrapper summary>div {
    min-width: 11.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.greenhouse_wrapper .facets__wrapper summary .icon-caret {
    position: static;
    display: inline-block;
    margin-left: 10px
}

.greenhouse_wrapper .facets__wrapper .facets-wrap {
    border: none;
    padding: 0;
    margin: 0
}

.greenhouse_wrapper .facets__wrapper .facets-wrap .facets__list li {
    border-top: 1px solid #f3f3f3
}

.greenhouse_wrapper .facets__wrapper .facets-wrap .facets__list li .facet-checkbox {
    padding: 1.25rem .625rem
}

.greenhouse_wrapper .facets__wrapper .facets-wrap .facets__list li label.facet-checkbox {
    display: flex;
    gap: 5px;
    align-items: flex-start
}

.greenhouse_wrapper .facets__wrapper .facets-wrap .facets__list li label.facet-checkbox>span {
    margin-top: -3px
}

.greenhouse_wrapper .facets__wrapper .facets-wrap .facets__list li label svg {
    display: none
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__close {
    display: none
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__open {
    width: 100%;
    display: flex;
    gap: 8px;
    padding: .9375rem;
    border: 1px solid #e5e3de;
    border-radius: .5rem;
    align-items: center;
    justify-content: center
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__open svg {
    width: 24px
}

.greenhouse_wrapper .mobile-facets__wrapper .disclosure-has-popup {
    position: static;
    transform: unset
}

.greenhouse_wrapper .mobile-facets__wrapper .disclosure-has-popup[open]>summary+facet-filters-form {
    position: fixed;
    inset: 0;
    transform: unset
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets {
    height: 100%
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__header {
    width: 100%;
    padding: 1.25rem .9375rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__header.loading .spinning-loader {
    display: inline-block
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__header button {
    background: none;
    border: none;
    box-shadow: none;
    font-size: 1.25rem
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__main {
    flex: 1;
    width: 100%;
    overflow-y: scroll
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__footer {
    border-top: 1px solid #f3f3f3;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 1.25rem;
    gap: 1.25rem
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__footer .mobile-facets__clear {
    color: #000;
    font-size: 1.25rem
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__inner>.mobile-facets__footer button {
    width: 100%
}

.greenhouse_wrapper .mobile-facets__wrapper h3 {
    font-size: 1rem;
    margin-top: 0
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__details {
    padding: 2rem .9375rem;
    border-top: 1px solid #f3f3f3
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label {
    padding: .625rem 1.25rem;
    border: 1px solid #e5e3de;
    border-radius: .5rem;
    display: block
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label:focus-within {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label .icon-checkmark {
    display: none
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label:has(>input:checked) {
    border-color: #000;
    background-color: #000;
    color: #fff
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label:has(>input:checked) .icon-checkmark {
    display: inline-block;
    margin-right: .3125rem
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label:has(>input:disabled) {
    background-color: #e5e3de
}

.greenhouse_wrapper .disclosure-has-popup[open]>summary+* {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    transform: translateY(100%);
    border: 1px solid #e5e3de;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background: #fff
}

@media screen and (max-width: 767.9px) {
    .greenhouse_wrapper .filters menu-drawer {
        margin:35px auto 0
    }
}

.greenhouse_wrapper facet-filters-form * {
    letter-spacing: 0
}

.greenhouse_wrapper .mobile-facets__wrapper .mobile-facets__details .mobile-facets__list .mobile-facets__item .mobile-facets__label:has(>input:disabled) {
    color: gray
}

.greenhouse_wrapper .mobile-facets.container,.greenhouse_wrapper .mobile-facets.page-width {
    padding: 0
}

.greenhouse_wrapper .facets__item label {
    cursor: pointer
}

.greenhouse_wrapper .mobile-facets__open-label {
    position: relative;
    letter-spacing: 0
}

.greenhouse_wrapper .mobile-facets__open-label .active-items {
    position: absolute;
    top: -5px;
    right: -7px;
    font-size: .625rem
}

.email-optin-wrapper .image-block {
    height: 100%;
    max-width: 670px
}

.email-optin-wrapper .image-block img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.email-optin-wrapper .content-block {
    height: 100%;
    padding: 3rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.email-optin-wrapper .content-block--top h2,.email-optin-wrapper .content-block--bottom .body p {
    margin-top: 0
}

.email-optin-wrapper .message--disclaimer {
    color: #4f4f51
}

.email-optin-wrapper .content-block--bottom form p:last-of-type {
    margin-bottom: 0
}

.email-optin-wrapper .email-optin-heading {
    color: #252427;
    margin: 0;
    font-size: 3rem;
    line-height: 3rem;
    letter-spacing: -.09rem
}

.email-optin-wrapper .email-optin-subtitle {
    color: #252427;
    margin: 1rem 0rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: -.0375rem
}

.email-optin-wrapper .email-optin-inner {
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .email-optin-wrapper .email-optin-inner {
        flex-direction:row
    }
}

@media screen and (min-width: 640px)and (max-width:1023.9px) {
    .email-optin-wrapper .email-optin-inner {
        gap:.5rem
    }
}

.email-optin-wrapper .email-optin-image {
    align-self: center;
    object-fit: cover;
    height: 24.125rem
}

@media screen and (min-width: 640px)and (max-width:1023.9px) {
    .email-optin-wrapper .email-optin-image {
        height:-webkit-fill-available;
        width: 100%
    }
}

@media screen and (min-width: 768px)and (max-width:1023.9px) {
    .email-optin-wrapper .email-optin-image {
        width:50%
    }
}

@media screen and (min-width: 1024px) {
    .email-optin-wrapper .email-optin-image {
        width:40%
    }
}

@media screen and (min-width: 768px)and (max-width:1023.9px) {
    .email-optin-wrapper .email-optin-content {
        width:50%
    }
}

@media screen and (min-width: 1024px) {
    .email-optin-wrapper .email-optin-content {
        width:60%
    }
}

.email-optin-wrapper customer-form-validation .message--disclaimer {
    margin: .5rem 0rem 0rem;
    font-size: 1rem;
    line-height: 1.375rem;
    max-width: 31.25rem
}

.email-optin-content {
    padding: 3rem 1rem 1.5rem
}

@media screen and (min-width: 768px) {
    .email-optin-content {
        padding:4rem 0rem 4rem 5rem
    }
}

.email-input_wrapper {
    display: flex;
    flex-direction: column
}

.email-input_wrapper .email-input_notice {
    color: #252427;
    margin: .5rem 0rem;
    font-size: 1rem;
    line-height: 1.25rem
}

.email-input_wrapper .input-button_wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media screen and (min-width: 1024px) {
    .email-input_wrapper .input-button_wrapper {
        flex-direction:row;
        justify-content: space-between;
        gap: 1.5rem
    }
}

.email-input_wrapper .input-button_wrapper .field--wrapper {
    width: 100%;
    max-height: 3.5rem;
    border: 1px solid #4f4f51
}

.email-input_wrapper .input-button_wrapper .field--wrapper input {
    font-size: 1rem
}

.email-input_wrapper .input-button_wrapper button {
    min-width: fit-content;
    max-height: 3.25rem
}

.collapsible-content * {
    letter-spacing: -.03em
}

.collapsible-content .collapsible-content__header h2 {
    border-bottom: .0625rem solid #f3f3f3;
    padding: 40px 0
}

.collapsible-content .collapsible-content__grid-faq .accordion:first-child {
    border-top: none
}

.collapsible-content .collapsible-content__grid-text {
    color: #252427
}

.collapsible-content .collapsible-content__grid-text p {
    line-height: 130%;
    margin: auto
}

.collapsible-content .collapsible-content__grid-text p a {
    color: #252427;
    text-decoration: none;
    border-bottom: 1px solid #252427
}

.collapsible-content .collapsible-content__grid-faq .accordion summary:hover {
    background: none
}

.collapsible-content .accordion__content.rte {
    padding-bottom: 40px
}

.collapsible-content .accordion__content.rte p,.collapsible-content .accordion__content.rte p *,.collapsible-content .accordion__content.rte ul li {
    font-size: 1.25rem;
    line-height: 130%;
    color: #757470;
    max-width: 95%
}

.collapsible-content .collapsible-content__grid-faq svg {
    width: 18px
}

.collapsible-content .collapsible-content__grid .accordion summary {
    padding: 2rem 16px 2rem 0
}

.collapsible-content .collapsible-content__grid-text {
    padding: 2rem 0 0
}

.collapsible-content .accordion details summary {
    justify-content: space-between
}

.collapsible-content .accordion details summary svg {
    align-self: center
}

.collapsible-content .accordion details>summary .minus {
    display: none
}

.collapsible-content .accordion details[open]>summary .plus {
    display: none
}

.collapsible-content .accordion details[open]>summary .minus {
    display: block
}

.collapsible-content .accordion details[open]>summary .minus rect {
    height: 18px;
    width: 2px
}

.collapsible-content .collapsible-content__grid-faq {
    min-width: 100%;
    position: relative
}

.collapsible-content .show-more-wrapper {
    position: relative;
    width: 100%
}

.collapsible-content .show-more-wrapper .blur-overlay {
    display: block;
    height: 100px;
    background-color: transparent;
    background-image: linear-gradient(transparent,#fff);
    position: absolute;
    width: 100%;
    bottom: 100%;
    z-index: 2;
    pointer-events: none
}

.collapsible-content .show-more-wrapper .show-more {
    color: #252427;
    background: none;
    border: none;
    text-align: center;
    text-decoration: none;
    margin: auto;
    width: 100%;
    padding-top: 32px;
    cursor: default;
    font-size: 1.25rem;
    display: flex;
    justify-content: center
}

.collapsible-content .show-more-wrapper .show-more svg {
    margin: auto 7px
}

.collapsible-content .show-more-wrapper .show-more .arrowIcon {
    transition: transform .3s
}

.collapsible-content .show-more-wrapper .show-more[aria-expanded=true] .arrowIcon {
    transform: rotate(180deg)
}

@media screen and (min-width: 1024px) {
    .collapsible-content .collapsible-content__grid .accordion summary {
        padding:2.5rem 16px 2.5rem 0
    }

    .collapsible-content .collapsible-content__grid-text {
        padding: 2.5rem 0
    }

    .collapsible-content .collapsible-content__header {
        text-align: left
    }

    .collapsible-content .collapsible-content__header h2 {
        padding: 64px 0 48px
    }

    .collapsible-content .collapsible-content__grid {
        display: grid;
        grid-template-columns: 295px 1fr;
        gap: 219px
    }
}

.loop-featured-product .legacy-grid {
    margin-bottom: 0
}

.loop-featured-product .grid__item {
    position: relative
}

@media screen and (min-width: 750px) {
    .loop-featured-product__grid--reverse {
        flex-direction:row-reverse
    }
}

.loop-featured-product__media {
    min-height: 100%;
    overflow: visible
}

.loop-featured-product__media--small {
    height: 12.125rem
}

.loop-featured-product__media--large {
    height: 27.1875rem
}

@media screen and (min-width: 750px) {
    .loop-featured-product__media--small {
        height:19.625rem
    }

    .loop-featured-product__media--large {
        height: 43.4375rem
    }
}

.loop-featured-product__media--placeholder {
    position: relative;
    overflow: hidden
}

.loop-featured-product__media--placeholder:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(var(--color-foreground),.04)
}

.loop-featured-product__media--placeholder.loop-featured-product__media--adapt {
    height: 12.5rem
}

@media screen and (min-width: 750px) {
    .loop-featured-product__media--placeholder.loop-featured-product__media--adapt {
        height:18.75rem
    }
}

.loop-featured-product__media--placeholder>svg {
    position: absolute;
    left: 50%;
    max-width: 50rem;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    fill: currentColor
}

.loop-featured-product__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-self: center;
    padding: 2.5rem 0 3.125rem;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 749px) {
    .loop-featured-product__content:last-child {
        padding-bottom:0
    }
}

.loop-featured-product .grid__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.loop-featured-product:not(.loop-featured-product--overlap) .loop-featured-product__media-item:after {
    box-shadow: none
}

.loop-featured-product:not(.loop-featured-product--overlap) .loop-featured-product__text-item:after {
    box-shadow: none
}

.loop-featured-product .loop-featured-product__media-item>* {
    overflow: hidden;
    box-shadow: none
}

.loop-featured-product .global-media-settings {
    overflow: hidden!important
}

.loop-featured-product .loop-featured-product__text-item>* {
    overflow: hidden;
    box-shadow: none
}

.loop-featured-product:not(.loop-featured-product--overlap) .loop-featured-product__media-item>*,.loop-featured-product:not(.loop-featured-product--overlap) .loop-featured-product__text-item>* {
    box-shadow: none
}

@media screen and (max-width: 749px) {
    .loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .loop-featured-product__media-item:after,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .grid__item .loop-featured-product__media,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .loop-featured-product__media img {
        border-bottom-right-radius:0;
        border-bottom-left-radius: 0
    }

    .loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .loop-featured-product__text-item:after,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .grid__item .loop-featured-product__content {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .loop-featured-product.collapse-borders:not(.loop-featured-product--overlap) .loop-featured-product__content {
        border-top: 0
    }
}

.loop-featured-product__content--mobile-right>* {
    align-self: flex-end;
    text-align: right
}

.loop-featured-product__content--mobile-center>* {
    align-self: center;
    text-align: center
}

.loop-featured-product--overlap .loop-featured-product__content {
    width: 90%;
    margin: -1.875rem auto 0
}

@media screen and (min-width: 750px) {
    .loop-featured-product__grid--reverse .loop-featured-product__content {
        margin-left:auto
    }

    .loop-featured-product__content--bottom {
        justify-content: flex-end;
        align-self: flex-end
    }

    .loop-featured-product__content--top {
        justify-content: flex-start;
        align-self: flex-start
    }

    .loop-featured-product__content--desktop-right>* {
        align-self: flex-end;
        text-align: right
    }

    .loop-featured-product__content--desktop-left>* {
        align-self: flex-start;
        text-align: left
    }

    .loop-featured-product__content--desktop-center>* {
        align-self: center;
        text-align: center
    }

    .loop-featured-product--overlap .loop-featured-product__text-item {
        display: flex;
        padding: 1.875rem 0
    }

    .loop-featured-product--overlap .loop-featured-product__content {
        height: auto;
        width: calc(100% + 2.5rem);
        min-width: calc(100% + 2.5rem);
        margin-top: 0;
        margin-left: -2.5rem
    }

    .loop-featured-product--overlap .loop-featured-product__grid--reverse .loop-featured-product__content {
        margin-left: 0;
        margin-right: -2.5rem
    }

    .loop-featured-product--overlap .loop-featured-product__grid--reverse .loop-featured-product__text-item {
        justify-content: flex-end
    }

    .loop-featured-product--overlap .loop-featured-product__media-item--top {
        align-self: flex-start
    }

    .loop-featured-product--overlap .loop-featured-product__media-item--middle {
        align-self: center
    }

    .loop-featured-product--overlap .loop-featured-product__media-item--bottom {
        align-self: flex-end
    }

    .loop-featured-product__media-item--small,.loop-featured-product__media-item--large+.loop-featured-product__text-item {
        flex-grow: 0
    }

    .loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .legacy-grid:not(.loop-featured-product__grid--reverse) .loop-featured-product__media-item:after,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .legacy-grid:not(.loop-featured-product__grid--reverse) .loop-featured-product__media,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .legacy-grid:not(.loop-featured-product__grid--reverse) .loop-featured-product__media img,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .loop-featured-product__grid--reverse .loop-featured-product__text-item:after,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .loop-featured-product__grid--reverse .loop-featured-product__content,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .loop-featured-product__grid--reverse .loop-featured-product__content:after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .legacy-grid:not(.loop-featured-product__grid--reverse) .loop-featured-product__text-item:after,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .legacy-grid:not(.loop-featured-product__grid--reverse) .loop-featured-product__content,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .legacy-grid:not(.loop-featured-product__grid--reverse) .loop-featured-product__content:after,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .loop-featured-product__grid--reverse .loop-featured-product__media-item:after,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .loop-featured-product__grid--reverse .loop-featured-product__media,.loop-featured-product.collapse-corners:not(.loop-featured-product--overlap) .loop-featured-product__grid--reverse .loop-featured-product__media img {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .loop-featured-product.collapse-borders:not(.loop-featured-product--overlap) .legacy-grid:not(.loop-featured-product__grid--reverse) .loop-featured-product__content {
        border-left: 0
    }

    .loop-featured-product.collapse-borders:not(.loop-featured-product--overlap) .loop-featured-product__grid--reverse .loop-featured-product__content {
        border-right: 0
    }
}

.loop-featured-product:not(.collapse-corners,.loop-featured-product--overlap) .loop-featured-product__media-item {
    z-index: 2
}

.loop-featured-product__content {
    box-shadow: none
}

@media screen and (min-width: 990px) {
    .loop-featured-product__content {
        padding:3.75rem 4.375rem 4.375rem
    }
}

.loop-featured-product__content>*+* {
    margin-top: 1.25rem
}

.loop-featured-product__content>.loop-featured-product__text:empty~a {
    margin-top: 1.25rem
}

.loop-featured-product__content>:first-child:is(.loop-featured-product__heading),.loop-featured-product__text--caption+.loop-featured-product__heading,.loop-featured-product__text--caption:first-child {
    margin-top: 0
}

.loop-featured-product__content :last-child:is(.loop-featured-product__heading),.loop-featured-product__text--caption {
    margin-bottom: 0
}

.loop-featured-product__content .button+.loop-featured-product__text {
    margin-top: 1.25rem
}

.loop-featured-product__content .loop-featured-product__text+.button {
    margin-top: 1.875rem
}

.loop-featured-product__heading {
    word-break: break-word;
    margin-bottom: 0
}

.loop-featured-product__text p {
    word-break: break-word;
    margin-top: 0;
    margin-bottom: .625rem
}

@supports not (inset: 10px) {
    .loop-featured-product .legacy-grid {
        margin-left:0
    }
}

.loop-featured-product__media-item {
    background-color: transparent
}

.loop-featured-product__media img {
    width: 100%;
    height: 100%
}

.loop-featured-product--wrapper variant-radios label.featured-coll {
    border: 2px solid transparent!important
}

.loop-featured-product--wrapper variant-radios a.active label.featured-coll {
    border-color: #252427!important
}

.loop-featured-product--wrapper .loop-featured-product__media--placeholder:after,.loop-featured-product--wrapper .loop-featured-product__media-item,.loop-featured-product--wrapper .loop-featured-product__media {
    background: none
}

.loop-featured-product--wrapper h2 {
    margin: 0
}

.loop-featured-product {
    max-width: 795px;
    margin: 0 auto;
    padding-inline:.9375rem}

.loop-featured-product--wrapper .loop-featured-product__grid .loop-featured-product__content {
    padding-top: 0;
    padding-bottom: 0
}

.loop-featured-product--wrapper .loop-featured-product__grid--reverse .loop-featured-product__content {
    padding-left: 0
}

.loop-featured-product--wrapper .loop-featured-product__grid:not(.loop-featured-product__grid--reverse) .loop-featured-product__content {
    padding-right: 0
}

.loop-featured-product--wrapper .use-cases {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: .5rem
}

@media screen and (max-width: 767.9px) {
    .loop-featured-product--wrapper .use-cases {
        justify-content:center
    }
}

.loop-featured-product--wrapper .use-cases .use-case {
    padding: 8px 12px;
    border: 1px solid #757470;
    border-radius: .5rem;
    color: #252427;
    margin: 0
}

@media screen and (max-width: 767.9px) {
    .loop-featured-product--wrapper .use-cases .use-case {
        font-size:.875rem;
        line-height: 112.5%
    }
}

.multicampaign-wrapper .section__description {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .multicampaign-wrapper .section__description {
        margin-bottom:2.5rem
    }
}

.multicampaign-wrapper .section__description p {
    color: #252427;
    margin-top: 0;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .multicampaign-wrapper .section__description p {
        margin-bottom:.5rem
    }
}

.multicampaign-wrapper .section__description .button {
    margin: 8px 0
}

.multicampaign-wrapper .campaign-block {
    padding-top: 1rem;
    padding-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .multicampaign-wrapper .campaign-block {
        padding-top:3rem;
        padding-bottom: 3rem
    }
}

.multicampaign-wrapper .media {
    border-radius: .75rem;
    overflow: hidden!important
}

.multicampaign-wrapper .campaign__title {
    margin-bottom: 0;
    margin-top: 2rem
}

@media screen and (min-width: 768px) {
    .multicampaign-wrapper .campaign__title {
        margin-top:3rem
    }
}

.multicampaign-wrapper .campaign__description p {
    color: #757470;
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .multicampaign-wrapper .campaign__description p {
        margin-bottom:2rem
    }
}

#simple-bundles-options {
    margin-bottom: 2rem
}

#simple-bundles-options .product-form__input {
    display: flex;
    padding: .75rem 0;
    align-items: center;
    margin-bottom: 1rem
}

#simple-bundles-options .selected-option__image,#simple-bundles-options .option__image {
    background: #f3f3f3;
    border-radius: .75rem
}

#simple-bundles-options .selected-option__image {
    margin-right: 1.5rem;
    transition: transform .3s ease-in-out,opacity .3s ease-in-out;
    transform: translate(1.5rem);
    opacity: 0
}

#simple-bundles-options .selected-option__image.unhidden {
    transform: translate(0);
    opacity: 1
}

#simple-bundles-options .bundle-variant-pickers {
    padding: .75rem 0
}

#simple-bundles-options .bundle-variant-pickers legend.h4 {
    padding: 0;
    line-height: 1.875rem
}

#simple-bundles-options .bundle-variant-pickers .form__label {
    color: #252427
}

#simple-bundles-options .bundle-variant-pickers .selected-val {
    color: #757470
}

#simple-bundles-options .variant-input {
    display: inline-block;
    max-height: 41px
}

#simple-bundles-options .v-swatch {
    height: 32px;
    width: 32px;
    padding: 16px
}

#simple-bundles-options .product-form__input:has(:focus-visible) .selected-option__image {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

@supports not selector(:focus-visible) {
    #simple-bundles-options .product-form__input:focus-within .selected-option__image {
        outline-offset: .1875rem;
        outline: .125rem solid #3696a0
    }
}

.product__description * {
    font-size: 1rem
}

.product__description ul li {
    color: #757470
}

.product__description ul li strong {
    color: #252427
}

.product__description {
    position: relative
}

.product__description ul {
    position: relative;
    z-index: 1
}

.product__description ul li {
    display: none
}

.product__description ul li:nth-of-type(-n+3) {
    display: list-item
}

.product__description .blur-overlay {
    display: block;
    height: 70px;
    background-color: transparent;
    background-image: linear-gradient(transparent,#fff);
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2;
    pointer-events: none
}

.product__description .show-more {
    color: #252427;
    background: none;
    border: none;
    text-align: center;
    text-decoration: none;
    margin: auto;
    width: 100%;
    padding-top: 32px;
    cursor: default;
    font-size: 1.25rem;
    display: flex;
    justify-content: center
}

.product__description .show-more svg {
    margin: auto 7px
}

.product__description .show-more .arrowIcon {
    transition: transform .3s
}

.product__description .show-more[aria-expanded=true] .arrowIcon {
    transform: rotate(180deg)
}

.product .product__info-wrapper #BIS_trigger {
    min-height: 64px;
    width: 100%!important
}

.product .product__info-wrapper #BIS_trigger:not([style*="display: none;"])+.product-form__buttons {
    display: none
}

.product .product__info-wrapper h2 {
    font-size: 1rem
}

.product .product__info-wrapper variant-radios * {
    font-size: 1rem
}

.product .product__info-wrapper variant-radios .form__label {
    color: #252427
}

.product .product__info-wrapper variant-radios .selected-val {
    color: #757470
}

.product .product__info-wrapper .product__info-container {
    max-width: 443px
}

.product .product__info-wrapper .divider {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3
}

.product .product__info-wrapper .divider-top {
    border-top: 1px solid #f3f3f3
}

.product .product__info-wrapper .divider-bottom {
    border-bottom: 1px solid #f3f3f3
}

.product .product__info-wrapper .accordion details>summary svg.minus {
    display: none
}

.product .product__info-wrapper .accordion details[open]>summary svg.plus {
    display: none
}

.product .product__info-wrapper .accordion details[open]>summary svg.minus {
    display: block
}

.product .product__info-wrapper .accordion details[open]>summary svg.minus rect {
    height: 18px;
    width: 2px
}

.product .product__info-wrapper .plus,.product .product__info-wrapper .minus {
    width: 18px;
    margin: auto;
    fill: #252427
}

.product .product__info-wrapper .accordion {
    border-top: none!important;
    color: #252427
}

.product .product__info-wrapper .accordion summary:hover {
    background: none
}

.product .product__info-wrapper summary {
    min-height: 104px
}

.product .product__info-wrapper summary h2 {
    margin: auto 0
}

.product__media-item {
    position: relative
}

.product__media-item .bundle_media-badge {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 1;
    background-color: #fff;
    border-radius: .5rem;
    padding: 8px 12px;
    line-height: normal;
    color: #252427
}

.product__title .bundle_title {
    display: inline-flex;
    flex-direction: row;
    gap: .75rem;
    align-items: flex-end
}

.product__title .bundle_title .bundle_title-text {
    flex-grow: 1;
    flex-shrink: 1
}

.product__title .bundle_title .bundle_count {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 180%;
    letter-spacing: -.03em;
    color: #757470;
    flex-shrink: 0;
    padding: 0;
    padding-bottom: .125rem
}

@media screen and (min-width: 640px) {
    .product__title .bundle_title .bundle_count {
        padding-bottom:.375rem
    }
}

.product__text.bundle-caption {
    color: #252427;
    font-size: 1rem;
    letter-spacing: -.6px;
    line-height: 26px;
    margin: 16px 0
}

@media screen and (min-width: 768px) {
    .product__text.bundle-caption {
        font-size:1.25rem
    }
}

.bundle-description {
    padding: 2rem 0 .75rem;
    border-top: 1px solid #f3f3f3
}

.custom-description,.bundle-description {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em
}

.custom-description p,.custom-description a,.custom-description ul,.bundle-description p,.bundle-description a,.bundle-description ul {
    color: #4f4f51;
    padding: 0;
    margin: 0
}

.custom-description li,.bundle-description li {
    color: #757470
}

.product__media-gallery .bundle li:first-child {
    padding: 1em
}

div.callout-wrapper {
    margin: 2.25rem 0 1.5rem
}

.callout-wrapper a {
    text-decoration: none
}

.callout-box {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: space-between;
    border-radius: .5rem;
    min-height: 100px;
    padding: .75rem 1.5rem;
    background-color: #252427;
    color: #fff
}

.callout-wrapper--invert .callout-box {
    background-color: #fff;
    color: #252427
}

.callout-wrapper--font-display .callout-box p {
    font-size: 2rem;
    line-height: .875em;
    letter-spacing: 0;
    margin: 0
}

.callout-caption {
    color: #757470;
    margin-top: 8px;
    line-height: 1rem
}

delivery-estimate {
    flex-wrap: wrap;
    display: flex;
    background: #ecffec;
    color: #0c2500;
    padding: .5625rem;
    border-radius: .5rem;
    font-size: .9563rem;
    width: 100%;
    text-align: center;
    margin: auto;
    justify-content: center
}

delivery-estimate .countdown {
    margin: 0;
    width: fit-content
}

delivery-estimate .delivery-estimate_notice {
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    margin: auto;
    justify-content: center;
    gap: .1875rem
}

delivery-estimate .delivery-estimate_notice svg {
    margin-right: .1875rem
}

.product__bundle-options-wrapper {
    margin: 1rem 0!important
}

.product__bundle-options-wrapper .custom-description {
    margin-bottom: 1rem
}

.product__bundle-options {
    list-style: none;
    padding: 0
}

.product__bundle-options .product__bundle-option {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
    position: relative;
    padding-left: 1.5rem
}

.product__bundle-options .product__bundle-option:before {
    content: "";
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http:https://www.w3.org/2000/svg'%3E%3Cpath d='M5.1665 7.82584L7.41815 10L11.1665 6.00003' stroke='%23252427' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0
}

.product__bundle-options .product__bundle-option:last-child {
    margin-bottom: 0
}

.product__bundle-options .product__bundle-option-name {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 142.8%;
    letter-spacing: -.02em;
    color: #4f4f51
}

.product__bundle-options .product__bundle-option-description {
    font-family: Avantt,sans-serif;
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 133.3%;
    letter-spacing: -.02em;
    color: #757470
}

.facts-block {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.facts-block__item {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1rem;
    background-color: #fbf9f8;
    font-size: .875rem;
    line-height: 1.125rem;
    letter-spacing: -.042em;
    color: #252427
}

.grid__item.product__info-wrapper *:focus {
    outline: 1px solid #252427
}

.zoom-area--focused {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

.zoom-area:has(button:focus-visible),.zoom-area:has([tabindex]:focus-visible) {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

@supports not selector(:focus-visible) {
    .zoom-area:has(button:focus),.zoom-area:has([tabindex]:focus) {
        outline-offset: .1875rem;
        outline: .125rem solid #3696a0
    }
}

.product-wizard--wrapper .price-component {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end
}

.product-wizard--wrapper .price-component .compare-price {
    text-decoration: line-through;
    font-size: .875rem;
    color: #252427
}

@media(prefers-contrast:no-preference) {
    .product-wizard--wrapper .price-component .compare-price {
        opacity: .8
    }
}

.product-wizard--wrapper .variant-swatches {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px
}

.product-wizard--wrapper .variant-swatches .v-swatch {
    height: 24px;
    width: 24px;
    background-size: cover;
    background-position: center
}

.product-wizard--wrapper .variant-swatches .v-swatch:before {
    border-color: #f3f3f3
}

.product-wizard--wrapper .variant-swatches .regular-swatch {
    border: 1px solid #e5e3de;
    border-radius: .25rem;
    color: #252427;
    font-size: 14px;
    align-content: center;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    min-width: 28px;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 1;
    cursor: pointer
}

.product-wizard--wrapper .variant-swatches input:checked+.regular-swatch {
    border: 1px solid #252427;
    background: #252427;
    color: #fff
}

.product-wizard--wrapper {
    position: relative;
    z-index: 9;
    display: flex;
    height: 100vh;
    color: #252427
}

@supports (height: 100dvh) {
    .product-wizard--wrapper {
        height:100dvh
    }
}

.product-wizard--wrapper * {
    letter-spacing: -.03em
}

@media screen and (max-width: 767.9px) {
    .product-wizard--wrapper {
        flex-direction:column
    }
}

@media screen and (max-width: 767.9px) {
    .product-wizard--wrapper {
        height:auto;
        min-height: 100vh
    }
}

.gallery--logo-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100px;
    padding: 32px 40px;
    z-index: 1
}

.gallery--logo-bar:where(h1) {
    margin: 0;
    line-height: 1
}

.gallery--logo-bar img {
    display: inline-block;
    width: 186px
}

@media screen and (max-width: 767.9px) {
    .gallery--logo-bar {
        padding:32px 16px;
        padding-block:20px;height: unset;
        position: static;
        background-color: #fff
    }
}

.product-wizard--gallery {
    overflow: hidden;
    height: 100%;
    position: relative;
    padding-top: 100px;
    width: 100%
}

.product-wizard--gallery .gallery--gallery {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 767.9px) {
    .product-wizard--gallery .gallery--gallery.mobile-hide {
        display:none
    }
}

.product-wizard--gallery .gallery--gallery:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 200px;
    z-index: -1;
    background: #fff
}

.product-wizard--gallery .gallery--gallery .slider {
    height: 100%;
    background: #f3f3f3
}

.product-wizard--gallery .gallery--gallery .slider.second-slide-active .swiper {
    z-index: 2
}

.product-wizard--gallery .gallery--gallery .slider .swiper-button-prev,.product-wizard--gallery .gallery--gallery .slider .swiper-button-next {
    display: block;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    border-radius: 100%
}

.product-wizard--gallery .gallery--gallery .slider .swiper-pagination-bullets {
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-horizontal-gap: 0;
    --swiper-pagination-padding-top: 1rem;
    position: absolute;
    bottom: 15%
}

@media screen and (min-width: 768px) {
    .product-wizard--gallery .gallery--gallery .slider .swiper-pagination-bullets {
        background-color:#ffffffe6;
        padding: 2px 8px;
        border-radius: 20px;
        width: fit-content;
        left: 50%;
        top: calc(85% - 28px);
        transform: translate(-50%);
        height: auto
    }
}

.product-wizard--gallery .gallery--gallery .slider .swiper-button-next:after {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http:https://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14526_128183)'%3E%3Cpath d='M44.9687 23.9843C44.9687 35.5737 35.5737 44.9687 23.9843 44.9687C12.395 44.9687 3 35.5737 3 23.9843C3 12.395 12.395 3 23.9843 3C35.5737 3 44.9687 12.395 44.9687 23.9843Z' fill='white'/%3E%3Cpath d='M19 24.6454L29.6914 24.6454M29.6914 24.6454L25.3368 29M29.6914 24.6454L25.3488 20.3027' stroke='%23252427' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14526_128183'%3E%3Crect width='48' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.product-wizard--gallery .gallery--gallery .slider .swiper-button-prev:after {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http:https://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14526_128992)'%3E%3Cpath d='M3.03131 24.0156C3.03131 12.4263 12.4263 3.0313 24.0157 3.0313C35.605 3.0313 45 12.4263 45 24.0157C45 35.605 35.605 45 24.0157 45C12.4263 45 3.0313 35.605 3.03131 24.0156Z' fill='white'/%3E%3Cpath d='M29 23.3546L18.3086 23.3546M18.3086 23.3546L22.6632 19M18.3086 23.3546L22.6512 27.6973' stroke='%23252427' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14526_128992'%3E%3Crect width='48' height='48' fill='white' transform='translate(48 48) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.product-wizard--gallery .gallery--gallery .slider .swiper {
    height: 100%
}

.product-wizard--gallery .gallery--gallery .slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
    object-position: center
}

.product-wizard--gallery .gallery--gallery .slider .swiper-slide img.swiper-image--mainproduct {
    object-fit: contain;
    max-width: 580px
}

@media screen and (max-width: 767.9px) {
    .product-wizard--gallery .gallery--gallery .slider {
        background:#fff
    }

    .product-wizard--gallery .gallery--gallery .slider .swiper {
        padding-bottom: 1rem
    }

    .product-wizard--gallery .gallery--gallery .slider .swiper-pagination-bullets {
        position: relative;
        bottom: unset;
        transform: unset
    }

    .product-wizard--gallery .gallery--gallery .swiper-slide:first-child:last-child {
        margin-inline:auto!important}

    .product-wizard--gallery .gallery--gallery .swiper-slide,.product-wizard--gallery .gallery--gallery .swiper-slide img {
        border-radius: .75rem;
        background: #f3f3f3
    }

    .product-wizard--gallery .gallery--gallery .swiper-button-prev,.product-wizard--gallery .gallery--gallery .swiper-button-next {
        display: none!important
    }
}

.product-wizard--gallery .gallery--gallery .gallery--product-information {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 24px 40px
}

.product-wizard--gallery .gallery--gallery .gallery--product-information .product-information,.product-wizard--gallery .gallery--gallery .gallery--product-information .usps {
    position: absolute;
    left: 40px;
    max-width: 100%;
    z-index: 2
}

.product-wizard--gallery .gallery--gallery .gallery--product-information .product-information {
    top: 24px
}

.product-wizard--gallery .gallery--gallery .gallery--product-information .product-information .title-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 12px
}

.product-wizard--gallery .gallery--gallery .gallery--product-information .product-information h1 {
    margin: 0
}

.product-wizard--gallery .gallery--gallery .gallery--product-information .usps {
    bottom: 24px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 12px
}

.product-wizard--gallery .gallery--gallery .gallery--product-information .usps p {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.02em;
    display: flex;
    align-items: center;
    gap: 4px
}

@media screen and (max-width: 767.9px) {
    .product-wizard--gallery .gallery--gallery .gallery--product-information {
        display:none
    }
}

@media screen and (max-width: 767.9px) {
    .product-wizard--gallery {
        padding-top:unset;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        height: auto;
        overflow: unset;
        position: initial
    }

    .product-wizard--gallery .gallery--gallery {
        overflow: unset;
        height: max-content;
        padding-inline:16px}

    .product-wizard--gallery .gallery--gallery img {
        max-height: 350px
    }
}

@media screen and (min-width: 768px) {
    .product-wizard--sidebar {
        width:460px;
        min-width: 460px;
        max-width: 460px
    }
}

.product-wizard--sidebar {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 40px #00000026;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.product-wizard--sidebar #accessories-anchor {
    scroll-margin-top: 76px
}

.product-wizard--sidebar .sidebar--scroll-area {
    overflow: auto;
    flex: 1
}

.product-wizard--sidebar .sidebar--footer {
    height: max-content;
    background-color: #fff;
    z-index: 3
}

.product-wizard--sidebar .sidebar--footer .buttons {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap-reverse;
    gap: 11px
}

.product-wizard--sidebar .sidebar--footer .buttons button {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em;
    flex: 1
}

@media screen and (min-width: 768px) {
    .product-wizard--sidebar .sidebar--scroll-area {
        padding-bottom:16px
    }
}

@media screen and (max-width: 767.9px) {
    .product-wizard--sidebar {
        height:100%;
        flex: 1
    }

    .product-wizard--sidebar .sidebar--footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        box-shadow: 0 0 40px #00000026
    }

    .product-wizard--sidebar .sidebar--footer,.product-wizard--sidebar .sidebar--scroll-area {
        height: 100%;
        max-height: unset;
        overflow: unset
    }

    .product-wizard--sidebar .sidebar--footer {
        height: max-content
    }
}

.product-wizard--sidebar>* {
    padding-left: 16px;
    padding-right: 16px
}

.product-wizard--sidebar button.next-step {
    width: 100%;
    margin: 16px 0 0
}

.product-wizard--sidebar button.next-step:last-of-type {
    margin-bottom: 16px
}

.product-wizard--sidebar ul.sidebar--tabs {
    position: sticky;
    top: 0;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0 16px;
    list-style: none;
    border-bottom: 1px solid #e5e3de;
    z-index: 3
}

.product-wizard--sidebar ul.sidebar--tabs li {
    text-align: center;
    position: relative
}

.product-wizard--sidebar ul.sidebar--tabs li a,.product-wizard--sidebar ul.sidebar--tabs li button {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 128%;
    letter-spacing: -.03em;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    display: block;
    padding: 24px 0;
    text-decoration: none;
    color: inherit;
    border: none;
    background: none;
    width: 100%
}

.product-wizard--sidebar ul.sidebar--tabs li a.active:after,.product-wizard--sidebar ul.sidebar--tabs li button.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #252427
}

.product-wizard--sidebar ul.sidebar--tabs li a:not(.active):not(.previous-active),.product-wizard--sidebar ul.sidebar--tabs li button:not(.active):not(.previous-active) {
    color: #757470
}

.product-wizard--sidebar ul.sidebar--tabs li a.disabled,.product-wizard--sidebar ul.sidebar--tabs li a:disabled,.product-wizard--sidebar ul.sidebar--tabs li button.disabled,.product-wizard--sidebar ul.sidebar--tabs li button:disabled {
    cursor: not-allowed
}

.product-wizard--sidebar .sidebar--footer {
    border-top: 1px solid #e5e3de
}

.product-wizard--sidebar .sidebar--footer .sidebar-footer--subtotal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 16px
}

.product-wizard--sidebar .sidebar--footer .sidebar-footer--subtotal:empty {
    display: none
}

.product-wizard--sidebar .sidebar--footer .sidebar-footer--subtotal .footer--price {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px
}

.product-wizard--sidebar .sidebar--footer .sidebar-footer--subtotal .footer--price p.compare-price {
    text-decoration: line-through;
    font-size: .875rem;
    color: #252427
}

@media(prefers-contrast:no-preference) {
    .product-wizard--sidebar .sidebar--footer .sidebar-footer--subtotal .footer--price p.compare-price {
        opacity: .8
    }
}

.product-wizard--sidebar .sidebar--footer .sidebar-footer--subtotal p {
    margin: 0;
    line-height: 1
}

.product-wizard--sidebar .sidebar--footer .sidebar-footer--subtotal .subtotal-text {
    position: relative
}

.product-wizard--sidebar .sidebar--footer .sidebar-footer--subtotal .subtotal-text sup.items-count {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em;
    font-size: .875rem;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(200%,-25%)
}

.product-wizard--sidebar .sidebar--footer .buttons--checkout {
    flex: 1
}

@media screen and (max-width: 767.9px) {
    .product-wizard--sidebar {
        height:max-content;
        max-height: unset;
        box-shadow: none
    }
}

.wizard-grid {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.product-list-item .wyg-plus-wrapper,.product-list-item .wizard_card-options {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-in-out;
    visibility: hidden
}

.product-list-item.active .wyg-plus-wrapper,.product-list-item.active .wizard_card-options {
    max-height: unset;
    transition: max-height .5s ease-in-out;
    visibility: visible
}

.product-wizard--wrapper .yotpo-sr-bottom-line-summary {
    cursor: initial!important
}

.wizard_card {
    width: 100%;
    padding: 17px 16px;
    display: flex;
    flex-direction: column;
    text-align: left;
    background: #f3f3f3;
    border-radius: .75rem;
    cursor: pointer;
    border: 1px solid #e5e3de;
    color: inherit
}

.wizard_card .wizard_card-inner {
    display: flex;
    flex-direction: row;
    gap: 16px
}

.wizard_card .price {
    display: flex;
    flex-direction: row;
    margin: 0
}

.wizard_card .price span {
    color: #757470;
    font-weight: 500;
    margin-left: 16px;
    padding: 8px 0 4px
}

.wizard_card .wizard_card-thumbnail {
    height: 84px;
    width: 84px;
    align-self: center;
    object-fit: contain;
    border-radius: .5rem
}

.wizard_card .wizard_card-personalization-icon {
    margin-right: 16px
}

.wizard_card .wizard_card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0
}

.wizard_card .wizard_card-content h3,.wizard_card .wizard_card-content h4 {
    margin: 0
}

.wizard_card .wizard_card-content h3 {
    margin: 0;
    font-size: 1.125rem
}

.wizard_card .wizard_card-content p {
    font-size: .875rem;
    margin: 0;
    color: #252427
}

@media(prefers-contrast:no-preference) {
    .wizard_card .wizard_card-content p {
        opacity: .8
    }
}

.wizard_card .wizard_card-options {
    cursor: default;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.wizard_card .wizard_card-options .wizard_card-option {
    display: flex;
    border: none;
    padding: 0;
    gap: 8px
}

.wizard_card .wizard_card-options .wizard_card-option--included {
    order: -1
}

.wizard_card .wizard_card-options .wizard_card-option:has(input:focus-visible) {
    outline: .125rem solid #3696a0;
    outline-offset: -.1875rem
}

@supports not selector(:focus-visible) {
    .wizard_card .wizard_card-options .wizard_card-option:has(input:focus) {
        outline: .125rem solid #3696a0
    }
}

.wizard_card .wizard_card-options .bundle-variant h4 {
    margin: 0 0 8px
}

.wizard_card .wizard_card-options .bundle-variant h4 span {
    color: #252427
}

@media(prefers-contrast:no-preference) {
    .wizard_card .wizard_card-options .bundle-variant h4 span {
        opacity: .8
    }
}

.wizard_card--choosen {
    background: #fff;
    border: 1px solid #e5e3de;
    cursor: default
}

.wizard_card--choosen .wizard_card-inner {
    align-items: center
}

.wizard_card--personalization {
    cursor: pointer
}

.wizard_card--personalization .wizard_card-inner {
    align-items: center
}

.wizard_card--personalization .wizard_card-thumbnail {
    height: 64px;
    width: 64px
}

.wizard_card--personalization .personalization-price {
    white-space: nowrap;
    display: inline
}

.wizard_card--personalization h4 {
    margin-right: 16px
}

.wizard_card--personalization h4 span {
    color: #252427
}

@media(prefers-contrast:no-preference) {
    .wizard_card--personalization h4 span {
        opacity: .8
    }
}

.wizard_card--personalization .edit-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0
}

.wizard_card.active {
    border-color: #757470
}

.wizard_card.active .wizard_card-options {
    padding-top: 16px
}

.wyg_container {
    padding: 0 0 16px
}

.wyg_container h4 {
    padding: 16px 0;
    margin: 0;
    font-size: 1rem
}

.wyg_container .wyg_card {
    display: flex;
    flex-direction: row;
    padding: 8px 0
}

.wyg_container .wyg_card img {
    width: 48px;
    height: 48px;
    background: #f3f3f3;
    border-radius: .75rem
}

.wyg_container .wyg_card span {
    color: #757470
}

.wyg_container .wyg_card h5 {
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    margin: 0 0 0 16px
}

.get_plus-card {
    padding: 28px 16px;
    margin: 12px auto;
    background: #f3f3f3;
    border-radius: .75rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: none;
    width: 100%
}

.get_plus-card .title-container {
    text-align: left
}

.get_plus-card h3 {
    font-size: 16px;
    margin: 2px 0 0;
    text-align: left
}

.get_plus-card .get-plus_price-difference {
    font-weight: 500;
    margin-left: auto;
    align-self: center;
    padding: 0;
    color: #252427
}

@media(prefers-contrast:no-preference) {
    .get_plus-card .get-plus_price-difference {
        opacity: .8
    }
}

.get_plus-card #get_plus-card_checkbox {
    accent-color: #252427;
    padding: 12px 12px 12px 0;
    margin: 0 12px 0 0
}

.variant-picker {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap
}

.variant-picker .variant-swatch {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer
}

.variant-picker .variant-swatch:disabled {
    cursor: not-allowed
}

.variant-picker .variant-swatch.out-of-stock {
    position: relative
}

.variant-picker .variant-swatch.out-of-stock a {
    pointer-events: none
}

.variant-picker .variant-swatch.out-of-stock img {
    opacity: .5
}

.variant-picker .variant-swatch.out-of-stock:after {
    content: "";
    height: 2px;
    background-color: #e5e3de;
    width: 128.42136%;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(135deg)
}

.variant-picker .variant-swatch .variant-picker_thumbnail {
    width: 80px;
    height: 80px;
    background: #f3f3f3;
    border: 1px solid #e5e3de;
    border-radius: .75rem
}

.variant-picker .variant-swatch .variant-picker_thumbnail.active {
    border: 1px solid #8e8e8e
}

.linked-variant img.collection-image {
    border-radius: .75rem;
    margin-top: 16px
}

.linked-variants,.classic-variants {
    font-size: 1rem;
    margin: 24px 0 8px
}

.linked-variants span,.classic-variants span {
    color: #757470
}

.linked-variants-description {
    font-size: 1rem;
    color: #757470;
    line-height: 22px;
    margin: 8px auto 16px
}

.accessories-step .accessories-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px
}

.accessories-step .accessories-list .wizard_card--personalization {
    margin-top: -6px
}

.accessories-step .wyg {
    padding: 16px;
    border: 1px solid #e5e3de;
    border-radius: .75rem
}

.accessories-step .wyg summary {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    cursor: pointer;
    list-style: none
}

.accessories-step .wyg summary::-webkit-details-marker {
    display: none
}

.accessories-step .wyg summary svg.plus-icon {
    transition: transform .4s ease-in-out;
    padding: 2.9px;
    width: 32px;
    height: 32px
}

.accessories-step .wyg summary svg.plus-icon rect.horizontal.line {
    transition: width .4s ease-in-out
}

.accessories-step .wyg[open] summary svg.plus-icon {
    transform: rotate(90deg);
    transform-origin: center
}

.accessories-step .wyg[open] summary svg.plus-icon rect.horizontal.line {
    width: 0
}

.accessories-step .wyg .wyg_card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    width: 100%;
    padding: 8px 0
}

.accessories-step .wyg .wyg_card img {
    width: 48px;
    height: auto;
    background-color: #f3f3f3;
    border-radius: .75rem
}

.accessory-card {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 20px;
    padding: 16px;
    background-color: #f3f3f3;
    border: 1px solid #e5e3de;
    border-radius: .75rem;
    cursor: pointer;
    position: relative
}

.accessory-card.active {
    border-color: #757470
}

.accessory-card p.price {
    margin: 0;
    color: #252427
}

@media(prefers-contrast:no-preference) {
    .accessory-card p.price {
        opacity: .8
    }
}

.accessory-card .accessory-variant h3 {
    margin: 12px 0 8px;
    font-size: .875rem
}

.accessory-card .accessory-variant h3 span {
    color: #252427
}

@media(prefers-contrast:no-preference) {
    .accessory-card .accessory-variant h3 span {
        opacity: .8
    }
}

.accessory-card .top {
    gap: 16px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.accessory-card .top p {
    font-size: .875rem
}

.accessory-card h4 {
    margin: 0
}

.accessory-card .accessory-thumbnail {
    width: 64px;
    height: 64px;
    border-radius: .75rem
}

.accessory-card .accessory-details {
    width: 100%;
    display: flex;
    flex-direction: column
}

.accessory-card .accessory-checkbox {
    height: max-content;
    margin: auto 0;
    display: flex;
    flex-direction: column
}

.accessory-card .accessory-checkbox .checkbox-visual {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border: 1px solid #cdc8bf;
    border-radius: .25rem
}

.accessory-card .accessory-checkbox .checkbox-visual.active {
    background-color: #252427;
    border-color: #252427
}

.accessory-card .accessory-checkbox:focus-within {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

.configuration-edit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background-color: #fbf9f8;
    margin-top: 24px;
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em
}

.configuration-edit p {
    margin: 0
}

.configuration-edit button {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: unset;
    border: none;
    cursor: pointer;
    color: inherit
}

.qty-input {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end
}

.qty-input button,.qty-input input {
    border: 1px solid #e5e3de;
    background: unset;
    width: 24px;
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em;
    text-align: center;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.qty-input button::-webkit-outer-spin-button,.qty-input button::-webkit-inner-spin-button,.qty-input input::-webkit-outer-spin-button,.qty-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.qty-input button[type=number],.qty-input input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield
}

.qty-input button {
    cursor: pointer
}

ul.configuration-list {
    list-style: none;
    padding: 0;
    margin: 16px 0 0
}

ul.configuration-list .summary-card {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 16px;
    padding: 16px 0
}

ul.configuration-list .summary-card h3,ul.configuration-list .summary-card p {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em;
    margin: 0
}

ul.configuration-list .summary-card .product-details p {
    color: #757470
}

ul.configuration-list .summary-card .product-details p span {
    display: block;
    line-height: 16px;
    font-size: 12px
}

ul.configuration-list .summary-card .product-details .qty-input {
    margin-top: 8px
}

ul.configuration-list .summary-card .product-remove {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px;
    flex-shrink: 0
}

ul.configuration-list .summary-card .product-remove button.remove-product {
    cursor: pointer;
    background: unset;
    border: none;
    display: block;
    padding: 0
}

ul.configuration-list .summary-card img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    object-position: center;
    padding: 10px;
    background-color: #f3f3f3;
    border-radius: .5rem
}

ul.configuration-list .summary-card--bundle img {
    padding: 0
}

ul.configuration-list .summary-card--personalized {
    border-bottom: 1px solid #e5e3de
}

ul.configuration-list .summary-card:last-of-type {
    border-bottom: 0
}

.extra-coverage-badge {
    font-family: Avantt,sans-serif;
    font-size: .625rem;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.03em;
    width: max-content;
    color: #147e11;
    background-color: #b4ffc2;
    padding: 4px 8px;
    border-radius: .25rem
}

.product-wizard--slideover {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    max-height: 100vh;
    width: 100%;
    background-color: #fff;
    z-index: 4;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    overscroll-behavior: contain;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: env(safe-area-inset-bottom)
}

@supports (height: 100dvh) {
    .product-wizard--slideover {
        height:100dvh;
        max-height: 100dvh
    }
}

.product-wizard--slideover.open {
    display: flex
}

@media screen and (min-width: 768px) {
    .product-wizard--slideover {
        position:absolute;
        height: 100%
    }
}

.product-wizard--slideover>header {
    padding: 24px 16px
}

.product-wizard--slideover>header button {
    display: flex;
    align-items: center;
    border: 0;
    border-radius: none;
    background-color: #fff;
    color: currentColor;
    gap: 16px;
    box-shadow: none;
    cursor: pointer;
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -.03em
}

.product-wizard--slideover>footer {
    margin-top: auto;
    padding: 24px 16px;
    border-top: 1px solid #e5e3de;
    padding-bottom: calc(24px + env(safe-area-inset-bottom))
}

.product-wizard--slideover>footer p.shipping-notice {
    text-align: center;
    margin: 0 0 8px
}

.product-wizard--slideover>footer button {
    width: 100%
}

.product-wizard--slideover .carry-case-image {
    position: relative;
    overflow: hidden;
    border-radius: .75rem;
    background-color: #f3f3f3;
    width: 100%
}

.product-wizard--slideover .carry-case-image img {
    display: block;
    height: 312px;
    width: 312px;
    max-width: 312px;
    margin: 0 auto
}

.product-wizard--slideover .carry-case-image p.engraving-value {
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%,50%);
    margin: 0;
    font-family: Nunito,sans-serif;
    font-weight: 600;
    text-align: center;
    font-size: 28px;
    line-height: 1;
    text-transform: uppercase;
    color: #515456;
    text-shadow: .3px -.3px 0px rgba(0,0,0,.3),-.3px .3px .3px rgba(255,255,255,.15)
}

.product-wizard--slideover .carry-case-image p.engraving-value.fontsizemedium {
    font-size: 21px
}

.product-wizard--slideover main {
    padding: 0 16px 24px
}

.product-wizard--slideover main h3,.product-wizard--slideover main .h4 {
    line-height: 1;
    margin: 0 0 16px
}

.product-wizard--slideover main input#engravingText {
    padding: 1rem;
    border: 1px solid #757470;
    border-radius: .75rem;
    width: 100%;
    text-transform: uppercase
}

.product-wizard--slideover main input#engravingText.error {
    background-color: #fff2f4;
    color: #e30000
}

.product-wizard--slideover main .input-wrapper {
    position: relative;
    width: 100%
}

.product-wizard--slideover main .input-wrapper__clear {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #757470;
    opacity: .7;
    transition: opacity .2s ease,color .2s ease
}

.product-wizard--slideover main .input-wrapper__clear:hover {
    color: #252427;
    opacity: 1
}

.product-wizard--slideover main .input-wrapper__clear svg {
    width: 24px;
    height: 24px
}

.product-wizard--slideover main .error-message {
    color: #e30000
}

.confirmation-dialog-overlay {
    position: fixed;
    inset: 0;
    height: 100vh;
    max-height: 100vh;
    background: #00000080;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 5;
    animation: fadeIn .5s ease-in-out;
    overscroll-behavior: contain;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

@supports (height: 100dvh) {
    .confirmation-dialog-overlay {
        height:100dvh;
        max-height: 100dvh
    }
}

.confirmation-dialog-overlay.closing {
    animation: fadeOut .5s ease-in-out
}

@media screen and (min-width: 768px) {
    .confirmation-dialog-overlay {
        position:absolute;
        height: 100%;
        max-height: 100%
    }
}

.confirmation-dialog {
    background: #fff;
    padding: 16px;
    border-radius: .5rem .5rem 0 0;
    box-shadow: 0 -2px 10px #0000001a;
    width: 100%;
    max-width: 100%;
    animation: slideUp .5s ease-in-out
}

.confirmation-dialog.closing {
    animation: slideDown .5s ease-in-out
}

.confirmation-dialog footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    padding-bottom: calc(16px + env(safe-area-inset-bottom))
}

.confirmation-dialog button {
    min-width: auto;
    width: 100%
}

@keyframes fadeIn {
    0% {
        background: #0000
    }

    to {
        background: #00000080
    }
}

@keyframes fadeOut {
    0% {
        background: #00000080
    }

    to {
        background: #0000
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

.product-wizard--wrapper .switch {
    width: 39px;
    height: 22px;
    border: none;
    border-radius: 624.938rem;
    background-color: #bbb;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: background-color .3s ease;
    margin-left: 8px;
    color: inherit
}

.product-wizard--wrapper .switch:before {
    content: "";
    position: absolute;
    inset: -13px -4.5px;
    background: transparent
}

.product-wizard--wrapper .switch--on {
    background-color: currentColor
}

.product-wizard--wrapper .switch__slider {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 624.938rem;
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    transition: left .3s ease;
    box-shadow: 0 1px 3px #0000000d
}

.product-wizard--wrapper .switch--off .switch__slider {
    left: 3px
}

.product-wizard--wrapper .switch--on .switch__slider {
    left: 20px
}

.ugc-video {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ugc-video_placeholder,.ugc-video_play {
    aspect-ratio: 10/18
}

.ugc-video_wrapper {
    position: relative;
    max-width: 297px;
    width: 100%;
    min-height: 100%;
    height: max-content;
    overflow: hidden
}

.ugc-video_wrapper video,.ugc-video_wrapper img {
    border-radius: .75rem;
    object-fit: cover;
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    margin: -1px
}

.ugc-video_wrapper .ugc-video_play {
    position: absolute;
    inset: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.ugc-video_wrapper .ugc-video_play:focus-visible {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

@supports not selector(:focus-visible) {
    .ugc-video_wrapper .ugc-video_play:focus {
        outline-offset: .1875rem;
        outline: .125rem solid #3696a0
    }
}

.ugc-video_wrapper p {
    color: #252427;
    letter-spacing: -.03em;
    position: absolute;
    font-size: .75rem;
    background-color: #fff;
    border-radius: .25rem;
    top: 16px;
    left: 22px;
    padding: 1px 8px;
    line-height: 22px
}

.ugc-video_wrapper p span {
    color: #757470;
    margin-left: 4px
}

.ugc-video_wrapper .ugc-video_button {
    align-self: flex-start
}

.ugc-video_title h3 {
    margin: 20px 0
}

.ugc-video_title {
    display: flex;
    flex-direction: column-reverse
}

@media screen and (min-width: 1280px) {
    .ugc-video_title {
        flex-direction:row;
        justify-content: space-between
    }
}

.ugc-video_title .caption {
    color: #252427
}

@media screen and (min-width: 1280px) {
    .ugc-video_title .caption {
        max-width:213px
    }
}

.ugc-video_title .slider-buttons {
    display: none
}

.ugc-video_slider {
    margin: 0;
    padding-bottom: 28px
}

.ugc-video_slider li .button {
    margin-top: 24px
}

.video-ugc_arrows {
    display: flex;
    flex-direction: row
}

.ugc-video-modal {
    display: none;
    visibility: hidden;
    justify-content: center;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000c
}

.ugc-video-modal .video-modal_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 358px;
    max-height: 634.539px;
    height: 100%;
    width: 100%;
    border-radius: .75rem;
    overflow: hidden;
    z-index: 1001
}

@media screen and (min-width: 768px) {
    .ugc-video-modal .video-modal_wrapper {
        max-width:443px;
        max-height: 785.198px
    }
}

.ugc-video-modal .video-modal_wrapper video {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 12px
}

.ugc-video-modal_close {
    position: absolute;
    top: .625rem;
    right: .625rem;
    width: max-content;
    display: block;
    padding: 0 24px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    cursor: pointer;
    background: transparent;
    border: none;
    z-index: 1002
}

.ugc-video-modal_close svg {
    width: 24px;
    height: 24px
}

@media screen and (min-width: 768px) {
    .ugc-video-modal_close {
        max-width:500px;
        padding: 0 32px
    }
}

.video-ugc_slider-wrapper .slider-dots--desktop {
    pointer-events: none
}

.ugc-video-swiper {
    --gap: .5rem;
    padding: 1.5rem 0
}

.ugc-video-swiper .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    gap: var(--gap);
    scroll-snap-type: x mandatory;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.ugc-video-swiper .swiper-slide {
    scroll-snap-align: start
}

.ugc-video-swiper .swiper-slide:focus-visible {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0;
    border-radius: var(--rounded-lg)
}

.ugc-video-swiper .swiper-slide:has(button:focus-visible),.ugc-video-swiper .swiper-slide:has([data-video-play]:focus-visible) {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0;
    border-radius: var(--rounded-lg)
}

@supports not selector(:focus-visible) {
    .ugc-video-swiper .swiper-slide:focus {
        outline-offset: .1875rem;
        outline: .125rem solid #3696a0;
        border-radius: var(--rounded-lg)
    }

    .ugc-video-swiper .swiper-slide:has(button:focus),.ugc-video-swiper .swiper-slide:has([data-video-play]:focus) {
        outline-offset: .1875rem;
        outline: .125rem solid #3696a0;
        border-radius: var(--rounded-lg)
    }
}

.ugc-video-swiper .ugc-video-swiper__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ugc-video-swiper .ugc-video-swiper__header h3 {
    margin: 0
}

.ugc-video-swiper .ugc-video-swiper__container {
    padding-top: 1.5rem
}

.ugc-video-swiper .ugc-video_wrapper {
    position: relative;
    border-radius: var(--rounded-lg);
    overflow: hidden
}

.ugc-video-swiper .ugc-video_wrapper,.ugc-video-swiper .swiper-slide {
    width: 7.5rem;
    height: 13.4375rem
}

.ugc-video-swiper .ugc-video-swiper__buttons {
    display: none;
    align-items: center;
    gap: .5rem
}

.ugc-video-swiper .ugc-video-swiper__button-prev,.ugc-video-swiper .ugc-video-swiper__button-next {
    transition: opacity var(--transition-duration-f) var(--transition-duration-f) var(--transition-ease-out),visibility var(--transition-duration-f) var(--transition-duration-f) var(--transition-ease-out)
}

.ugc-video-swiper .ugc-video-swiper__button-prev:focus-visible,.ugc-video-swiper .ugc-video-swiper__button-next:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.ugc-video-swiper .ugc-video-swiper__button-prev[disabled] {
    opacity: 0;
    background-color: transparent;
    visibility: hidden
}

.ugc-video-swiper .ugc-video-swiper__button-next[disabled] {
    opacity: .5;
    background-color: transparent
}

.ugc-video-swiper .swiper-pagination {
    --swiper-pagination-bullet-horizontal-gap: 16px;
    gap: 16px;
    align-items: center
}

.ugc-video-swiper .swiper-pagination-bullet {
    margin: 7px 0
}

.ugc-video-swiper .swiper-pagination-bullet:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

@media screen and (min-width: 768px) {
    .ugc-video-swiper {
        padding:2.5rem 0
    }

    .ugc-video-swiper .ugc-video-swiper__container {
        padding-top: 2.5rem
    }

    .ugc-video-swiper .ugc-video-swiper__buttons {
        display: flex
    }
}

body.ugc-video-modal-active {
    overflow: hidden
}

body.ugc-video-modal-active #shopify-section-announcement-bar,body.ugc-video-modal-active #shopify-section-header,body.ugc-video-modal-active .zoom-glass,body.ugc-video-modal-active .sticky-atc-drawer {
    z-index: 2
}

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

.sitemap-links .sitemap-links_title {
    padding-bottom: 16px;
    border-bottom: 1px solid #f3f3f3
}

@media screen and (max-width: 767.9px) {
    .sitemap-links .sitemap-links_title {
        font-size:2rem
    }
}

.sitemap-links .sitemap-links_block {
    width: 359px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 32px
}

@media screen and (min-width: 768px) {
    .sitemap-links .sitemap-links_block {
        width:443px;
        margin-bottom: 48px
    }
}

.sitemap-links .sitemap-links_block ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.sitemap-links .sitemap-links_block li a,.sitemap-links .sitemap-links_block a {
    color: #252427;
    list-style: none;
    text-decoration: none;
    letter-spacing: -.03em
}

.sitemap-links .sitemap-links_block .block_title {
    margin-bottom: 16px
}

.loop-hero-banner--wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: var(--section-height);
    background-color: rgba(var(--color-background),1)
}

@media screen and (min-width: 640px) {
    .loop-hero-banner--wrapper {
        background-color:rgba(var(--color-background),var(--alpha-background))
    }
}

.loop-hero-banner--wrapper .custom-caption {
    margin-top: 0
}

.loop-hero-banner--wrapper .hero-banner--container {
    width: 100%
}

.loop-hero-banner--wrapper .hero-media {
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

.loop-hero-banner--wrapper .hero-media img {
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    object-fit: cover
}

.loop-hero-banner--wrapper .hero-media img {
    width: 100%
}

.loop-hero-banner--wrapper .content {
    max-width: var(--content-max-width);
    padding: 5rem 2.5rem
}

.loop-hero-banner--wrapper .content>*:not(.hero-media):not(:last-child):not(.social-proof) {
    margin-bottom: 32px
}

.loop-hero-banner--wrapper .content h2,.loop-hero-banner--wrapper .content h1 {
    margin: 0
}

.loop-hero-banner--wrapper .content .social-proof {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px
}

.loop-hero-banner--wrapper .content .social-proof svg {
    width: 14px;
    height: auto
}

.loop-hero-banner--wrapper .content .social-proof p {
    margin: 0
}

.loop-hero-banner--wrapper .content .social-proof .stars {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 2px
}

.loop-hero-banner--wrapper .hero-banner--container.centered .block-form form {
    max-width: 22.5rem;
    margin-inline:auto}

.loop-hero-banner--wrapper .hero-banner--container.centered .subheading {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px
}

.loop-hero-banner--wrapper .hero-banner--container.centered .content {
    max-width: unset;
    text-align: center
}

@media screen and (max-width: 767.9px) {
    .loop-hero-banner--wrapper .content {
        padding:0 0 2.5rem
    }

    .loop-hero-banner--wrapper .content h2,.loop-hero-banner--wrapper .content h1 {
        width: 210px
    }

    .loop-hero-banner--wrapper .content .subheading {
        width: 300px;
        padding-left: 24px;
        padding-right: 24px
    }

    .loop-hero-banner--wrapper .content .buttons,.loop-hero-banner--wrapper .content .social-proof {
        padding-left: 18px;
        padding-right: 18px;
        justify-content: center
    }

    .loop-hero-banner--wrapper .content .social-proof {
        font-family: Avantt,sans-serif;
        font-size: 1rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.03em
    }

    .hero-banner--container.hero-banner__overlay-mobile .content {
        text-align: center
    }

    .hero-banner--container.hero-banner__overlay-mobile .content h2,.hero-banner--container.hero-banner__overlay-mobile .content .subheading {
        width: unset
    }

    .hero-banner--container:not(.hero-banner__overlay-mobile) .content {
        text-align: center;
        max-width: 100%
    }

    .hero-banner--container:not(.hero-banner__overlay-mobile) .content .subheading {
        width: 100%;
        margin-inline:auto}

    .hero-banner--container:not(.hero-banner__overlay-mobile) .content h2,.hero-banner--container:not(.hero-banner__overlay-mobile) .content h1 {
        text-align: center;
        width: 100%;
        margin-inline:auto}

    .hero-banner--container:not(.hero-banner__overlay-mobile) .content--image-first {
        padding-top: 0
    }

    .hero-banner--container:not(.hero-banner__overlay-mobile) .content--image-first .hero-media {
        padding-bottom: 17px;
        padding-top: 0
    }

    .hero-banner--container:not(.hero-banner__overlay-mobile) .content--image-first .hero-media+h1,.hero-banner--container:not(.hero-banner__overlay-mobile) .content--image-first .hero-media+h2 {
        padding-bottom: 0
    }

    .loop-hero-banner--wrapper .hero-banner--container.centered .content {
        padding-top: 2.5rem
    }

    .loop-hero-banner--wrapper .hero-banner--container.centered .content>* {
        max-width: unset;
        width: 100%
    }
}

.loop-hero-banner--wrapper .content .buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: var(--spacing-small-312-px, 12px)
}

@media screen and (max-width: 767.9px) {
    .loop-hero-banner--wrapper .small-hide {
        display:none!important
    }
}

@media screen and (min-width: 768px) {
    .loop-hero-banner--wrapper .small-up-hide {
        display:none!important
    }
}

.loop-hero-banner--wrapper .content .footnote {
    margin: 24px 0 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.loop-hero-banner--wrapper .content .footnote svg {
    margin-right: 2.5px
}

.loop-hero-banner--wrapper .content .footnote p {
    margin: 4px 7px 0
}

@media screen and (min-width: 768px) {
    .loop-hero-banner--wrapper .hero-banner--container:not(.centered) .content .footnote {
        justify-content:flex-start
    }

    .loop-hero-banner--wrapper .hero-banner--container.centered .content .newsletter-form__message {
        justify-content: center
    }

    .loop-hero-banner--wrapper .content .buttons .button-1+.button-2 {
        margin-top: 0
    }
}

@media screen and (max-width: 767.9px) {
    .loop-hero-banner--wrapper .content .buttons a {
        margin-inline:auto
    }

    .loop-hero-banner--wrapper .hero-banner--container:not(.hero-banner__overlay-mobile) .hero-media img,.loop-hero-banner--wrapper .hero-banner--container:not(.hero-banner__overlay-mobile) .hero-media {
        position: static
    }

    .loop-hero-banner--wrapper .hero-banner--container:not(.hero-banner__overlay-mobile) .hero-media {
        display: flex;
        max-height: 50vh
    }

    .loop-hero-banner--wrapper .content .buttons .button-2 {
        border-color: var(--button-2-color)
    }

    .hero-banner--container .button--primary,.hero-banner--container .secondary,.hero-banner--container .secondary--outlined,.hero-banner--container .secondary--transparent {
        min-width: 100%
    }
}

.loop-hero-banner--wrapper .block-form button {
    color: #fff!important;
    background: var(--system-accent)!important
}

.loop-hero-banner--wrapper .block-form input,.loop-hero-banner--wrapper .block-form input:focus,.loop-hero-banner--wrapper .block-form input:focus-visible {
    border-radius: 624.938rem
}

.loop-hero-banner--wrapper .block-form .field:hover.field:after,.loop-hero-banner--wrapper .block-form .field:after {
    border-radius: 624.938rem
}

.loop-hero-banner--wrapper .gdpr-disclaimer {
    margin-top: 16px;
    display: inline-block
}

.loop-hero-banner--wrapper .block-form p,.loop-hero-banner--wrapper .block-form span:not([role=alert]),.loop-hero-banner--wrapper .gdpr-disclaimer p {
    color: rgb(var(--color-foreground))!important;
    font-size: .875rem!important
}

.loop-hero-banner--wrapper .block-form p a,.loop-hero-banner--wrapper .gdpr-disclaimer a {
    color: var(--system-accent)!important
}

.loop-hero-banner--wrapper #NewsletterHero button[type=submit] {
    position: static;
    width: 100%;
    margin: 16px auto 0
}

@media screen and (max-width: 767.9px) {
    .loop-hero-banner--wrapper #NewsletterHero button[type=submit] {
        position:static;
        width: 100%;
        margin: 16px auto 0
    }

    .loop-hero-banner--wrapper .block-form input {
        border: 1px solid #252427
    }
}

.dialog__content-wrapper {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .dialog__content-wrapper {
        height:100%
    }
}

@media(max-height: 512px) {
    .dialog__content-wrapper {
        min-height:min-content
    }
}

.dialog__header {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1.5rem 1rem
}

.dialog__header-left,.dialog__header-right {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0
}

.dialog__header-center {
    flex: 1;
    text-align: center;
    padding: 0 .5rem
}

.dialog__control-button {
    cursor: pointer;
    border: none;
    background: none;
    height: 1rem;
    width: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    color: #252427;
    border-radius: .25rem
}

.dialog__title {
    margin: 0;
    color: #252427
}

.dialog__title:is(h2) {
    font-size: 1.25rem;
    font-weight: 600
}

.dialog__title:is(h3) {
    font-size: .9375rem;
    font-weight: 600
}

.dialog__caption {
    margin: 0;
    color: #757470
}

.dialog__main {
    width: 100%;
    padding: 0 1rem;
    margin-bottom: 2rem;
    flex-grow: 1
}

.dialog__footer {
    border-top: 1px solid #f3f3f3;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem 1rem
}

.dialog__footer .product-form,.product__info-container .dialog__footer .product-form {
    margin: 0
}

.dialog__footer .product-form__submit {
    width: 100%;
    margin-bottom: 0
}

.upsell-dialog__heading {
    border-top: 1px solid #f3f3f3;
    padding-top: .75rem;
    padding-bottom: 1.5rem;
    gap: .25rem;
    display: flex;
    flex-direction: column
}

.upsell-dialog__heading * {
    margin: 0
}

.upsell-dialog__heading p {
    color: #757470
}

.upsell-card {
    display: flex;
    gap: 16px
}

.upsell-card__media {
    position: relative;
    width: 150px;
    height: 150px;
    background: #f3f3f3;
    border-radius: .5rem;
    overflow: hidden
}

.upsell-card__content {
    color: #252427
}

.upsell-card__label {
    display: flex;
    gap: 2px
}

.upsell-card__label span {
    color: #757470
}

.upsell-card__price {
    display: inline-block
}

.upsell-card__price:before {
    content: "+ "
}

.upsell-card .product-form__input input+label:not(.v-swatch) {
    min-width: 41px;
    border: 1px solid #e5e3de;
    border-radius: .25rem;
    color: #252427;
    font-size: 14px;
    align-content: center;
    padding: 14px
}

.product-dialog__heading {
    display: flex;
    flex-direction: column;
    border-top: .0625rem solid #f3f3f3;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    gap: .75rem
}

.product-dialog__heading a {
    text-decoration: none
}

.product-dialog__title,.product-dialog__description,.product-dialog__price {
    margin: 0
}

.product-dialog__description {
    color: #757470
}

.product-dialog .option__label {
    display: flex;
    gap: .125rem
}

.product-dialog .option__label span {
    color: #757470
}

.product-dialog .product-form__input input+label.v-swatch {
    width: 2rem;
    height: 2rem;
    padding: .25rem
}

.product-dialog .product-form__input input+label:not(.v-swatch) {
    min-width: 2.5625rem;
    border: .0625rem solid #e5e3de;
    border-radius: .25rem;
    color: #252427;
    font-size: .875rem;
    align-content: center;
    padding: .75rem
}

.content-cards {
    overflow: hidden
}

.content-cards__header {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.content-cards__item a {
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .content-cards .swiper-pagination {
        display:none
    }

    .content-cards__grid {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        margin: 0;
        padding: 0
    }
}

@media screen and (min-width: 768px)and (min-width:768px) {
    .content-cards__grid {
        display:grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 1rem
    }
}

@media screen and (min-width: 768px)and (min-width:1280px) {
    .content-cards__grid {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media screen and (min-width: 768px) {
    .content-cards__item {
        display:flex;
        flex-direction: column;
        gap: 1rem
    }
}

.content-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.content-card:hover {
    text-decoration: underline;
    color: currentColor
}

.content-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: .5rem
}

.content-card__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .25rem;
    background: #fff;
    padding: .25rem 0rem;
    width: 100%
}

.content-card__content .content-card__arrow {
    width: auto;
    height: 2.5rem;
    display: flex
}

.content-card__content .content-card__arrow svg {
    align-self: center;
    margin: 0rem 1rem
}

.content-card__title {
    margin: 0rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: -.06em
}

@media screen and (min-width: 768px) {
    .content-cards__wrapper {
        transform:none;
        display: grid;
        gap: clamp(16px,2vw,24px);
        grid-template-columns: repeat(auto-fill,minmax(240px,1fr))
    }

    .content-cards__slide {
        width: auto;
        padding-right: 0
    }

    .content-cards__carousel .swiper-pagination {
        display: none
    }
}

@media screen and (max-width: 767.9px) {
    swiper-cards {
        --items-per-row: 1;
        --gap: calc(var(--spacing) * 4)
    }

    swiper-cards.swiper {
        margin-left: calc(-1 * var(--gap));
        width: calc(100% + var(--gap) * 2)
    }

    swiper-cards .swiper-wrapper {
        box-sizing: border-box;
        width: 100%;
        gap: var(--gap);
        padding-inline:var(--gap);scroll-padding-left: var(--gap);
        scroll-snap-type: x mandatory;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    swiper-cards .swiper-slide {
        height: auto;
        flex: 0 0 calc((100% - var(--gap) * (var(--items-per-row) - 1)) / var(--items-per-row));
        min-width: 0;
        scroll-snap-align: start
    }
}

@media screen and (min-width: 768px) {
    swiper-cards.swiper {
        margin-left:0;
        width: 100%;
        overflow: visible
    }
}

.compare-earplugs__container {
    display: flex;
    flex-direction: row;
    gap: .5rem
}

.compare-earplugs__container .heading-section {
    color: #252427;
    margin-top: 2rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__container {
        gap:9.875rem
    }
}

.compare-earplugs__container .compare-earplugs__caption {
    min-width: 20%;
    margin: 0;
    font-size: 1rem;
    color: #252427
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__container .compare-earplugs__caption {
        font-size:1.25rem
    }
}

.compare-earplugs_box {
    padding: 1.5rem 0
}

.compare-earplugs_box p {
    margin: 0;
    font-size: 1rem;
    color: #252427
}

.compare-earplugs_box .compare-earplugs__perfect-for-title,.compare-earplugs_box .compare-earplugs__best-used-title,.compare-earplugs_box .compare-earplugs__noise-reduction-title,.compare-earplugs_box .compare-earplugs__designed-for-title,.compare-earplugs_box .compare-earplugs__adjustable-volume-title,.compare-earplugs_box .compare-earplugs__certified-hearing-title,.compare-earplugs_box .compare-earplugs__reusable-title,.compare-earplugs_box .compare-earplugs__adjustable-title,.compare-earplugs_box .compare-earplugs__carry-case-title,.compare-earplugs_box .compare-earplugs__washable-title,.compare-earplugs_box .compare-earplugs__free-returns-title,.compare-earplugs_box .compare-earplugs__extra-reduction-title,.compare-earplugs_box .compare-earplugs__what-you-get-title {
    font-size: 1.25rem;
    font-weight: 500;
    margin: 0;
    padding-bottom: 1rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs_box .compare-earplugs__perfect-for-title,.compare-earplugs_box .compare-earplugs__best-used-title,.compare-earplugs_box .compare-earplugs__noise-reduction-title,.compare-earplugs_box .compare-earplugs__designed-for-title,.compare-earplugs_box .compare-earplugs__adjustable-volume-title,.compare-earplugs_box .compare-earplugs__certified-hearing-title,.compare-earplugs_box .compare-earplugs__reusable-title,.compare-earplugs_box .compare-earplugs__adjustable-title,.compare-earplugs_box .compare-earplugs__carry-case-title,.compare-earplugs_box .compare-earplugs__washable-title,.compare-earplugs_box .compare-earplugs__free-returns-title,.compare-earplugs_box .compare-earplugs__extra-reduction-title,.compare-earplugs_box .compare-earplugs__what-you-get-title {
        font-size:1.5rem
    }
}

.compare-earplugs_box .compare-earplugs__perfect-for-title,.compare-earplugs_box .compare-earplugs__best-used-title,.compare-earplugs_box .compare-earplugs__noise-reduction-title,.compare-earplugs_box .compare-earplugs__designed-for-title,.compare-earplugs_box .compare-earplugs__adjustable-volume-title,.compare-earplugs_box .compare-earplugs__certified-hearing-title,.compare-earplugs_box .compare-earplugs__reusable-title,.compare-earplugs_box .compare-earplugs__adjustable-title,.compare-earplugs_box .compare-earplugs__carry-case-title,.compare-earplugs_box .compare-earplugs__washable-title,.compare-earplugs_box .compare-earplugs__free-returns-title,.compare-earplugs_box .compare-earplugs__extra-reduction-title,.compare-earplugs_box .compare-earplugs__what-you-get-title {
    display: block
}

.compare-earplugs__card-media {
    position: relative
}

.compare-earplugs__card-media .native-product-reviews {
    position: absolute;
    top: .5rem;
    left: .5rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__card-media .native-product-reviews {
        top:.8rem;
        left: 1rem
    }
}

@media(max-height: 512px) {
    .compare-earplugs__card-media .native-product-reviews {
        position:static;
        flex-wrap: wrap
    }
}

.compare-earplugs__card-media img {
    width: 100%;
    height: auto;
    background-color: #f3f3f3;
    border-radius: .75rem;
    margin: auto;
    object-fit: contain
}

.compare-boolean {
    display: flex;
    flex-direction: row;
    gap: .375rem
}

.compare-boolean span {
    align-self: center
}

.compare-earplugs__selectors {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: .5rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__selectors {
        gap:3.125rem
    }
}

.compare-earplugs__selectors {
    background-color: #fff;
    transition: transform .15s ease-out;
    position: sticky;
    z-index: 4
}

@media(max-height: 512px) {
    .compare-earplugs__selectors {
        position:static
    }
}

.compare-earplugs__card-actions {
    background-color: #fff;
    transition: transform .15s ease-out;
    position: sticky;
    z-index: 3
}

@media(max-height: 512px) {
    .compare-earplugs__card-actions {
        position:static
    }
}

.compare-earplugs__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.compare-earplugs__row {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: .5rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__row {
        gap:3.125rem
    }
}

.compare-earplugs__row .compare-earplugs__cell {
    border-bottom: .0625rem solid #d9d9d9
}

.compare-earplugs__row:last-child .compare-earplugs__cell {
    border-bottom: none
}

.compare-earplugs__cell {
    display: block
}

.compare-earplugs__container.compare-earplugs__products--section-mode .compare-earplugs__selectors {
    grid-template-columns: repeat(2,1fr)
}

.compare-earplugs__container.compare-earplugs__products--section-mode .compare-earplugs__selectors .compare-earplugs__selector-wrapper:nth-of-type(n+3) {
    display: none
}

.compare-earplugs__container.compare-earplugs__products--section-mode .compare-earplugs__row {
    grid-template-columns: repeat(2,1fr)
}

.compare-earplugs__container.compare-earplugs__products--section-mode .compare-earplugs__row>:nth-child(n+4) {
    display: none
}

.compare-earplugs__container.compare-earplugs__products--page-mode .compare-earplugs__selectors .compare-earplugs__selector-wrapper:nth-of-type(n+4) {
    display: none
}

.compare-earplugs__container.compare-earplugs__products--page-mode .compare-earplugs__selectors,.compare-earplugs__container.compare-earplugs__products--page-mode .compare-earplugs__row {
    grid-template-columns: repeat(3,1fr)
}

.compare-earplugs__container.compare-earplugs__products--page-mode .compare-earplugs__row>:nth-child(n+5) {
    display: none
}

@media screen and (max-width: 1023.9px) {
    .compare-earplugs__container.compare-earplugs__products--page-mode .compare-earplugs__selectors .compare-earplugs__selector-wrapper:nth-of-type(n+3) {
        display:none
    }

    .compare-earplugs__container.compare-earplugs__products--page-mode .compare-earplugs__selectors,.compare-earplugs__container.compare-earplugs__products--page-mode .compare-earplugs__row {
        grid-template-columns: repeat(2,1fr)
    }

    .compare-earplugs__container.compare-earplugs__products--page-mode .compare-earplugs__row>:nth-child(n+4) {
        display: none
    }
}

.compare-earplugs__cell {
    width: 100%
}

.compare-earplugs__cell .price-item {
    font-size: .875rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__cell .price-item {
        font-size:1rem
    }
}

.price.large-up-hide {
    padding-top: .25rem
}

.compare-earplugs__selector {
    color: #252427;
    width: 100%;
    border: 1px solid #bbbbbb;
    border-radius: .5rem;
    line-height: 1.375rem;
    font-size: 1rem;
    height: 3rem;
    appearance: none;
    -webkit-appearance: none;
    padding: .5rem 3rem .5rem 1rem;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http:https://www.w3.org/2000/svg'%3E%3Cpath d='M10 13.48L16 19.48L22 13.48' stroke='%23252427' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .5rem center;
    background-size: 2rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__selector {
        padding:.5rem 3rem .5rem .5rem
    }
}

.compare-earplugs__details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 1.1875rem
}

.compare-earplugs__details .compare-earplugs__card-heading {
    font-size: 1.25rem;
    font-weight: 500;
    margin: 0;
    padding-bottom: 1rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__details .compare-earplugs__card-heading {
        font-size:1.5rem
    }
}

.compare-earplugs__details .compare-earplugs__card-heading {
    padding-bottom: 0
}

.compare-earplugs__card .usps {
    padding-top: .75rem;
    color: #757470;
    min-height: 4.125rem;
    font-size: .75rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__card .usps {
        font-size:1rem;
        min-height: 3.75rem
    }
}

.compare-earplugs__card variant-swatches fieldset {
    display: flex;
    flex-direction: row;
    gap: .375rem
}

.compare-earplugs__card variant-swatches fieldset .variant-swatch {
    width: 1.3125rem;
    height: 1.3125rem;
    padding: .164rem
}

.compare-earplugs__card-content-inner variant-swatches {
    padding: 0 0 0 .125rem
}

.compare-earplugs__card-content-inner {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__card-content-inner {
        flex-direction:column-reverse
    }
}

.compare-earplugs__card.card-wrapper {
    height: auto;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    font-weight: 400;
    text-align: left;
    padding-bottom: 1.5rem
}

.compare-earplugs__perfect-for {
    padding-bottom: 0;
    min-height: 17.5rem;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__perfect-for {
        min-height:20.625rem
    }
}

.compare-earplugs__perfect-for .compare-earplugs__perfect-for-item {
    display: flex;
    flex-direction: row;
    gap: .625rem
}

@media(max-height: 512px) {
    .compare-earplugs__perfect-for .compare-earplugs__perfect-for-item {
        flex-direction:column;
        align-items: center;
        gap: 0
    }
}

.compare-earplugs__perfect-for .compare-earplugs__perfect-for-item span {
    font-size: 1rem;
    align-self: center;
    color: #252427;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__perfect-for .compare-earplugs__perfect-for-item span {
        font-size:1.25rem
    }
}

.compare-earplugs__perfect-for .compare-earplugs__perfect-for-item img {
    width: 2.1875rem;
    height: 2.1875rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__perfect-for .compare-earplugs__perfect-for-item img {
        width:2.8125rem;
        height: 2.8125rem
    }
}

@media(max-height: 512px) {
    .compare-earplugs__noise-reduction .compare-earplugs__noise-reduction-text {
        display:block
    }
}

.compare-earplugs__noise-reduction .compare-earplugs__noise-reduction-text.large-up-hide {
    margin-top: 1rem
}

.compare-earplugs__noise-reduction p {
    margin: 0;
    font-size: 1.5rem;
    color: #252427;
    line-height: 2rem;
    display: flex;
    justify-content: flex-start
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__noise-reduction p {
        font-size:2rem
    }
}

.compare-earplugs__noise-reduction p label {
    font-size: 1rem;
    line-height: 1.75rem;
    align-self: end
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__noise-reduction p label {
        font-size:2rem
    }
}

.compare-earplugs__noise-reduction p span {
    position: relative
}

.compare-earplugs__noise-reduction p span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-right: 1px solid #bbbbbb
}

.compare-earplugs__noise-reduction .compare-earplugs__noise-reduction-caption {
    font-size: .875rem;
    color: #757470
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__noise-reduction .compare-earplugs__noise-reduction-caption {
        font-size:1rem
    }
}

.compare-earplugs__what-you-get {
    border-bottom: none
}

.compare-earplugs__what-you-get .compare-earplugs__what-you-get-list {
    padding: 0;
    margin: 0
}

.compare-earplugs__what-you-get .compare-earplugs__what-you-get-list .compare-earplugs__what-you-get-item {
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: .375rem;
    align-items: center;
    font-size: .875rem
}

.compare-earplugs__what-you-get .compare-earplugs__what-you-get-list .compare-earplugs__what-you-get-item svg {
    flex-shrink: 0
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__what-you-get .compare-earplugs__what-you-get-list .compare-earplugs__what-you-get-item {
        font-size:1rem
    }
}

.compare-earplugs__card-actions {
    padding-top: 1rem
}

@media(max-height: 512px) {
    .compare-earplugs__card-actions {
        padding-top:0
    }
}

.compare-earplugs__card-actions button {
    width: 100%;
    margin: 0 0 .75rem;
    font-size: 1rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__card-actions button {
        margin:0 0 2rem
    }
}

@media(max-height: 512px) {
    .compare-earplugs__card-actions button {
        padding:0;
        min-width: 0
    }
}

.compare-earplugs__selector-wrapper {
    padding-block:.75rem}

@media screen and (min-width: 1024px) {
    .compare-earplugs__selector-wrapper {
        padding-block:1rem
    }
}

.compare-earplugs__noise-reduction-mode {
    margin-top: .25rem;
    display: flex;
    flex-direction: column;
    gap: .25rem
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__noise-reduction-mode {
        margin-top:1.75rem;
        gap: 1.25rem
    }
}

.compare-earplugs__noise-reduction-mode .compare-earplugs__perfect-for-title {
    font-size: 1.5rem;
    margin: 0;
    padding-bottom: 0
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__noise-reduction-mode .compare-earplugs__perfect-for-title {
        font-size:2.5rem
    }
}

.compare-earplugs__noise-reduction-mode .compare-earplugs__noise-reduction-text {
    color: #757470;
    font-size: .875rem;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__noise-reduction-mode .compare-earplugs__noise-reduction-text {
        font-size:1.25rem;
        min-height: 2.5rem
    }
}

.compare-earplugs__extra-reduction-not_compatible span {
    max-width: 7.5625rem
}

.compare-earplugs__extra-reduction-not_compatible svg {
    align-self: center
}

.compare-earplugs__extra-reduction-compatible {
    display: flex;
    flex-direction: column
}

.compare-earplugs__extra-reduction-compatible span:first-child {
    font-size: 1rem;
    color: #252427
}

.compare-earplugs__extra-reduction-compatible span:last-child {
    font-size: .875rem;
    color: #757470
}

.compare-earplugs__best-used-item {
    display: flex;
    flex-direction: row;
    gap: .625rem
}

@media(max-height: 512px) {
    .compare-earplugs__best-used-item {
        flex-direction:column;
        align-items: center;
        gap: 0
    }
}

.compare-earplugs__best-used-item .compare-earplugs__best-used-text {
    font-size: 1rem;
    align-self: center;
    color: #252427;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .compare-earplugs__best-used-item .compare-earplugs__best-used-text {
        font-size:1.25rem
    }
}

.compare-earplugs__best-used-item img {
    flex-shrink: 0;
    height: 2rem;
    width: auto;
    object-fit: contain
}

.compare-earplugs__designed-for-text {
    min-height: 2.5rem
}

.compare-earplugs__designed-for-title,.compare-earplugs__carry-case-title {
    padding-bottom: 1.5rem
}

.compare-earplugs__sticky {
    top: 0;
    border-radius: .5rem;
    z-index: 3;
    position: relative;
    display: flex;
    align-items: center
}

.compare-earplugs__table,.compare-earplugs__cell {
    overflow: visible;
    min-width: 0
}

.compare-earplugs__selector-label {
    display: block;
    font-size: .875rem;
    color: #757470;
    margin-bottom: .5rem
}

.rich-text {
    z-index: 1
}

.rich-text .cart__note .field__input,.rich-text .quantity,.rich-text .field__input,.rich-text .select__select,.rich-text .customer .field input,.rich-text .customer select,.rich-text .share-button__fallback {
    border-radius: 12.5rem
}

.rich-text__wrapper {
    display: flex;
    justify-content: center;
    width: calc(100% - 2.5rem / var(--font-body-scale))
}

.rich-text:not(.rich-text--full-width) .rich-text__wrapper {
    margin: auto;
    width: calc(100% - 5rem / var(--font-body-scale))
}

.rich-text__blocks {
    width: 100%
}

@media screen and (min-width: 750px) {
    .rich-text__wrapper {
        width:100%
    }

    .rich-text__wrapper--left {
        justify-content: flex-start
    }

    .rich-text__wrapper--right {
        justify-content: flex-end
    }

    .rich-text__blocks {
        max-width: 31.25rem
    }
}

@media screen and (min-width: 990px) {
    .rich-text__blocks {
        max-width:50rem
    }
}

.rich-text__blocks * {
    overflow-wrap: break-word
}

.rich-text__blocks>* {
    margin-top: 0;
    margin-bottom: 0
}

.rich-text__blocks>*+* {
    margin-top: 1.25rem
}

.rich-text__blocks>*+a {
    margin-top: 1.875rem
}

.rich-text__buttons {
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .625rem;
    width: 100%;
    max-width: 28.125rem;
    word-break: break-word
}

.rich-text__buttons--multiple>* {
    flex-grow: 1;
    min-width: 13.75rem
}

.rich-text__buttons+.rich-text__buttons {
    margin-top: .625rem
}

.rich-text__blocks.left .rich-text__buttons {
    justify-content: flex-start
}

.rich-text__blocks.right .rich-text__buttons {
    justify-content: flex-end
}

.rich-text .button--purple {
    --color-purple: #6243b9;
    background-color: var(--color-purple)!important;
    color: #fff
}

.rich-text__icon {
    display: inline-block
}

.rich-text .newsletter-form {
    max-width: 22.5rem;
    margin: 1.25rem auto 0
}

.rich-text .newsletter-form__field-wrapper a {
    color: currentColor
}

.rich-text .newsletter-form__field-wrapper .button {
    white-space: nowrap;
    width: 100%;
    margin-top: .625rem
}

.rich-text .newsletter-form__field-wrapper .button--inline {
    white-space: nowrap;
    width: fit-content;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: inherit
}

.rich-text .newsletter-form .small {
    font-size: .65em;
    line-height: 150%;
    margin-top: .625rem;
    letter-spacing: initial;
    color: currentColor
}

.rich-text__usps {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4)
}

.rich-text__usps li {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%
}

.rich-text__usps p {
    margin: 0!important
}

.rich-text__usps .icon-success {
    min-width: 24px
}

.section-slideshow-animation {
    --image-popout-margin: 1rem;
    width: 100%;
    overflow: hidden;
    margin-bottom: calc(var(--spacing) * 6)
}

.section-slideshow-animation .swiper:not(.swiper-initialized) .swiper-slide {
    margin-right: 32px
}

@media screen and (min-width: 1024px) {
    .section-slideshow-animation .swiper {
        --swiper-pagination-bullet-size: 20px
    }
}

@media screen and (min-width: 1024px) {
    .section-slideshow-animation .swiper,.section-slideshow-animation .swiper .swiper-wrapper {
        overflow:visible
    }
}

.section-slideshow-animation .swiper-slide {
    height: auto;
    margin-top: var(--image-popout-margin)
}

.section-slideshow-animation .swiper-button-prev {
    left: calc(-1 * var(--swiper-navigation-size) / 2);
    right: auto
}

.section-slideshow-animation .swiper-button-next {
    left: auto;
    right: calc(-1 * var(--swiper-navigation-size) / 2)
}

@media screen and (min-width: 1024px) {
    .section-slideshow-animation {
        --image-popout-margin: 1.5rem;
        margin-bottom: calc(var(--spacing) * 12)
    }
}

.slideshow-animation {
    display: flex;
    flex-direction: column;
    padding: 0 1rem;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 38.75rem
}

@media screen and (min-width: 1024px) {
    .slideshow-animation {
        min-height:25rem
    }
}

.slideshow-animation__background {
    border-radius: .75rem;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    transition: opacity var(--transition-duration-slow) var(--transition-duration-slow) var(--transition-ease-out);
    background-color: #fbf9f8
}

.slideshow-animation__background--inverse {
    background-color: #3a3a3c
}

@media screen and (min-width: 1024px) {
    .slideshow-animation__background {
        border-radius:1rem;
        opacity: .5
    }
}

.slideshow-animation__image-parallax {
    height: 120%;
    width: 120%;
    left: -10%;
    overflow: hidden;
    position: absolute;
    top: -10%
}

.slideshow-animation__image-parallax--has-video {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.slideshow-animation__image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.slideshow-animation__image--desktop {
    display: none
}

@media screen and (min-width: 640px) {
    .slideshow-animation__image--desktop {
        display:block
    }
}

.slideshow-animation__image--mobile {
    display: block
}

@media screen and (min-width: 640px) {
    .slideshow-animation__image--mobile {
        display:none
    }
}

.slideshow-animation video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .slideshow-animation video {
        object-position:top
    }
}

.slideshow-animation__content {
    display: flex;
    height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    text-align: center;
    padding: 1rem 0
}

.slideshow-animation__content--white,.slideshow-animation__content--white .slideshow-animation__title,.slideshow-animation__content--white .slideshow-animation__subtitle {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .slideshow-animation__content {
        padding:3rem 0;
        align-items: flex-start;
        justify-content: center;
        width: 50%;
        text-align: left
    }
}

@media screen and (min-width: 1280px) {
    .slideshow-animation__content {
        padding:4rem 0
    }
}

.slideshow-animation__title {
    margin: 0 0 8px
}

@media screen and (max-width: 1380px) {
    .slideshow-animation__title.display--medium {
        font-size:8.125rem
    }
}

@media screen and (max-width: 1279.9px) {
    .slideshow-animation__title.display--medium {
        font-size:5.625rem
    }
}

@media screen and (max-width: 639.9px) {
    .slideshow-animation__title.display--medium {
        font-size:5rem;
        line-height: 80%
    }
}

@media screen and (min-width: 1024px) {
    .slideshow-animation__title {
        margin-bottom:24px
    }
}

.slideshow-animation__subtitle {
    margin: 0 0 16px;
    line-height: 1.4;
    font-size: 20px
}

@media screen and (min-width: 1024px) {
    .slideshow-animation__subtitle {
        max-width:570px;
        margin-bottom: 32px;
        font-size: 24px
    }
}

.slideshow-animation__top-logo {
    width: auto;
    margin: 0 auto 16px;
    opacity: 0;
    transition: opacity var(--transition-duration-f) var(--transition-duration-extra-slow) var(--transition-ease-out)
}

@media screen and (min-width: 1024px) {
    .slideshow-animation__top-logo {
        margin:0 0 16px
    }
}

.slideshow-animation__rating {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-bottom: 16px;
    font-size: 16px;
    min-height: 20px
}

.slideshow-animation__rating-stars {
    display: flex;
    gap: 2px
}

@media screen and (min-width: 1024px) {
    .slideshow-animation__rating {
        justify-content:flex-start;
        font-size: 18px;
        margin-bottom: 35px
    }
}

.slideshow-animation__buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    opacity: 0;
    transition: opacity var(--transition-duration-f) var(--transition-duration-medium) var(--transition-ease-out)
}

.slideshow-animation__buttons .button.tertiary {
    margin: 0 auto;
    width: fit-content
}

@media screen and (min-width: 1024px) {
    .slideshow-animation__buttons {
        gap:16px;
        flex-direction: row
    }
}

.slideshow-animation__product-image {
    margin-top: calc(-1 * var(--image-popout-margin));
    opacity: 0;
    transform: scale(.95) translateZ(1px);
    transition: opacity var(--transition-duration-slow) var(--transition-duration-slow) var(--transition-ease-out),transform var(--transition-duration-slow) var(--transition-duration-slow) var(--transition-ease-out)
}

.slideshow-animation__product-image img {
    height: auto;
    margin: 0 auto
}

@media screen and (min-width: 1024px) {
    .slideshow-animation__product-image {
        width:50%;
        order: 1;
        margin-bottom: 1rem
    }
}

@media screen and (min-width: 1024px) {
    .slideshow-animation {
        flex-direction:row;
        padding-left: 3rem;
        min-height: 31.25rem
    }
}

@media screen and (min-width: 1280px) {
    .slideshow-animation {
        padding-left:4rem;
        min-height: 38.75rem
    }
}

.swiper:not(.swiper-initialized) .swiper-slide:not(.swiper-slide-active) .slideshow-animation__image-parallax {
    transform: translate3d(8%,0,0)
}

.section-slideshow-animation .swiper-button-pause {
    background-color: #252427;
    transition: color .2s
}

.section-slideshow-animation .swiper-button-pause--loaded {
    opacity: .5
}

@media screen and (min-width: 1024px) {
    .section-slideshow-animation .swiper-pagination {
        gap:var(--space-2)
    }
}

.section-slideshow-animation .swiper-pagination .swiper-pagination-bullet {
    counter-increment: my-counter
}

@media screen and (min-width: 1024px) {
    .section-slideshow-animation .swiper-pagination .swiper-pagination-bullet {
        font-size:21px;
        line-height: 24px;
        background-color: transparent;
        height: 24px;
        width: 24px;
        position: relative;
        transition: margin-right .5s var(--transition-ease-in-out);
        opacity: .75
    }

    .section-slideshow-animation .swiper-pagination .swiper-pagination-bullet:after {
        content: "0" counter(my-counter);
        display: block
    }

    .section-slideshow-animation .swiper-pagination .swiper-pagination-bullet:before {
        display: none
    }

    .section-slideshow-animation .swiper-pagination .swiper-pagination-bullet-active {
        background-color: transparent;
        margin-right: 88px!important;
        color: #252427;
        opacity: 1
    }

    .section-slideshow-animation .swiper-pagination .swiper-pagination-bullet-active .swiper-pagination-bullet__separator {
        width: 80px
    }
}

.swiper-pagination-bullet__separator {
    --progress: 0%;
    display: block!important;
    width: 0px;
    height: 2px;
    background-color: #bbb;
    position: absolute;
    left: calc(100% + 8px);
    top: 50%;
    transform: translateY(-50%);
    transition: width .5s var(--transition-ease-in-out);
    z-index: 1;
    overflow: hidden
}

.swiper-pagination-bullet__separator:after {
    content: "";
    display: block;
    height: 10px;
    width: var(--progress);
    background-color: #252427;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    filter: blur(6px);
    transition: width .1s var(--transition-ease-in-out)
}

.swiper-slide-active .slideshow-animation__background {
    transition: opacity var(--transition-duration-f) var(--transition-ease-out);
    opacity: 1
}

.swiper-slide-active .slideshow-animation__top-logo,.swiper-slide-active .slideshow-animation__buttons {
    opacity: 1
}

.swiper-slide-active .slideshow-animation__product-image {
    opacity: 1;
    transform: scale(1) translateZ(1px)
}

.swiper-slide-active .text-animation--gradient {
    background-position: 0%
}

.text-animation--gradient,.text-animation--gradient--white {
    transition-delay: var(--transition-duration-xxf)
}

@media screen and (min-width: 768px) {
    .slideshow-animation__form {
        background-color:#fff;
        border-radius: .5rem;
        height: fit-content;
        padding: 1.75rem 0rem 3rem;
        z-index: 1;
        margin: auto 7.1875rem;
        min-height: 252px;
        width: 575px
    }

    .slideshow-animation__form .slideshow-animation__form-content {
        padding: 0 3rem
    }

    .slideshow-animation__form form {
        max-width: 100%!important;
        margin: 0!important;
        padding: 0!important
    }

    .slideshow-animation__form form .needsclick {
        min-height: auto!important
    }

    .slideshow-animation__form form button {
        width: 50%!important;
        height: 52px!important
    }
}

@media screen and (max-width: 1023.9px) {
    .slideshow-animation__content--form {
        margin:auto;
        justify-content: center
    }
}

@media screen and (min-width: 640px)and (max-width:1023.9px) {
    .swiper-slide .slideshow-animation__image-parallax video.slideshow-animation__image--desktop {
        object-position:right center
    }

    .swiper-slide .slideshow-animation__image-parallax img {
        object-position: 50% 30%!important
    }
}

@media screen and (max-width: 1023.9px) {
    .slideshow-animation video {
        object-position:0% 45%
    }

    .slideshow-animation {
        min-height: 43.75rem
    }
}

.product__title-virtual-try-on {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    row-gap: .625rem
}

.product-virtual-try-on-cta .button-label {
    color: #252427
}

.product-virtual-try-on-cta {
    display: flex;
    justify-content: center
}

@media(min-width: 768px) {
    .product-virtual-try-on-cta.mobile {
        display:none
    }
}

@media(max-width: 767.98px) {
    .product-virtual-try-on-cta.desktop {
        display:none
    }
}

.product-virtual-try-on-cta.desktop .product-virtual-try-on-launch-button {
    margin: 0;
    padding: 0 1rem;
    cursor: pointer
}

.product-virtual-try-on-cta.desktop .product-virtual-try-on-launch-button:focus {
    outline: 1px solid #252427
}

.product__title-virtual-try-on {
    display: flex;
    flex-direction: row;
    gap: 1rem
}

.product-virtual-try-on-launch-button {
    min-height: 2rem;
    margin: 1rem;
    padding: .5rem;
    font-size: 1rem;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: .5rem;
    border: .0625rem solid #252427;
    border-radius: 624.938rem;
    background-color: transparent
}

.product-virtual-try-on-launch-button * {
    align-self: center
}

.slider-dots.virtual-try-on-spacing {
    margin-top: 0
}

.card__content .product-virtual-try-on-launch-button {
    margin: .625rem 0!important;
    z-index: 2;
    width: fit-content
}

.product-virtual-try-on__body {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 100vh;
    height: 100svh
}

.product-virtual-try-on {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    background-color: #fff;
    color: var(--system-primary);
    opacity: 0;
    transition: opacity .75s ease-in-out;
    overflow: auto
}

@media screen and (max-height: 48rem) {
    .product-virtual-try-on {
        justify-content:flex-start
    }
}

.product-virtual-try-on.show {
    opacity: 1
}

.product-virtual-try-on.tryon-loading {
    background: none;
    backdrop-filter: blur(3rem);
    -webkit-backdrop-filter: blur(3rem)
}

.product-virtual-try-on.tryon-landscape-rotate {
    display: none
}

.product-virtual-try-on.has-scroll-offset .header-title {
    opacity: 0
}

.product-virtual-try-on .header-bar {
    position: fixed;
    top: 0;
    padding: 1rem;
    height: 4rem;
    z-index: 10;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.product-virtual-try-on .header-bar .header-bar-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    padding-top: .25rem
}

.product-virtual-try-on .header-bar .header-title {
    font-size: 1rem;
    font-weight: 500;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    transition: color .5s ease,opacity .5s ease
}

.product-virtual-try-on .header-bar .header-title.active {
    color: #fff!important
}

.product-virtual-try-on .header-bar .pause-motion-button,.product-virtual-try-on .header-bar .mute-button {
    position: relative;
    height: 1.5rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    background: var(--system-primary);
    border-radius: 2.5rem;
    color: #fff;
    cursor: pointer;
    max-width: 2rem;
    padding: 0 .75rem 0 .5rem;
    overflow: hidden;
    transition: max-width .2s ease;
    border: none
}

.product-virtual-try-on .header-bar .pause-motion-button .pause-motion-icon,.product-virtual-try-on .header-bar .pause-motion-button .audio-icon,.product-virtual-try-on .header-bar .mute-button .pause-motion-icon,.product-virtual-try-on .header-bar .mute-button .audio-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    position: relative;
    margin-right: .5rem;
    flex-shrink: 0
}

.product-virtual-try-on .header-bar .pause-motion-button .pause-motion-button-text,.product-virtual-try-on .header-bar .pause-motion-button .mute-button-text,.product-virtual-try-on .header-bar .mute-button .pause-motion-button-text,.product-virtual-try-on .header-bar .mute-button .mute-button-text {
    font-size: .75rem;
    white-space: nowrap;
    width: max-content
}

.product-virtual-try-on .header-bar .pause-motion-button:hover,.product-virtual-try-on .header-bar .pause-motion-button:focus-visible,.product-virtual-try-on .header-bar .mute-button:hover,.product-virtual-try-on .header-bar .mute-button:focus-visible {
    max-width: 12.5rem!important
}

.product-virtual-try-on .header-bar .pause-motion-button:hover,.product-virtual-try-on .header-bar .pause-motion-button:active,.product-virtual-try-on .header-bar .pause-motion-button:focus-visible,.product-virtual-try-on .header-bar .mute-button:hover,.product-virtual-try-on .header-bar .mute-button:active,.product-virtual-try-on .header-bar .mute-button:focus-visible {
    background: var(--system-primary);
    color: #fff
}

.product-virtual-try-on .header-bar .pause-motion-button .pause-motion-icon svg,.product-virtual-try-on .header-bar .mute-button .audio-icon svg {
    width: 1rem;
    height: 1rem
}

.product-virtual-try-on .header-bar .mute-button {
    transform: translate(-3.125rem)
}

.product-virtual-try-on .header-bar .close-button,.product-virtual-try-on .header-bar .close-button svg {
    width: 2rem;
    height: 2rem
}

.product-virtual-try-on .header-bar .close-button:hover svg circle,.product-virtual-try-on .header-bar .close-button:active svg circle {
    fill: #000
}

.product-virtual-try-on .main-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40rem;
    max-width: 24rem;
    height: 100%;
    color: var(--system-primary);
    background-color: #0000
}

.product-virtual-try-on .step-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media screen and (max-height: 48rem) {
    .product-virtual-try-on .step-content {
        padding-top:3.25rem
    }
}

.product-virtual-try-on .step-content p {
    max-width: 80%
}

.product-virtual-try-on .loading-text {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 500;
    text-align: center;
    margin-top: .25rem
}

.product-virtual-try-on .product-step {
    opacity: 0;
    padding-bottom: 3.25rem
}

.product-virtual-try-on .product-step>* {
    transition: color .5s ease
}

.product-virtual-try-on .product-step.active>* {
    color: #fff!important
}

.product-virtual-try-on .text {
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center
}

.product-virtual-try-on .intro-button {
    position: absolute;
    bottom: 1.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2rem);
    max-width: 22.375rem;
    background: var(--system-primary);
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4rem;
    transition: background-color .25s ease,color .25s ease
}

@media screen and (max-height: 48rem),(min-width:48rem) {
    .product-virtual-try-on .intro-button {
        position:relative;
        bottom: unset;
        margin-top: 3.75rem
    }
}

.product-virtual-try-on .tryon-title {
    margin: 0;
    font-size: clamp(3.25rem,30vw,6.875rem);
    line-height: 1em;
    font-weight: 500;
    letter-spacing: 0%;
    text-transform: uppercase;
    font-family: FKScreamer;
    white-space: nowrap
}

.product-virtual-try-on .intro-title:nth-of-type(1) {
    margin: 0 0 3.4375rem
}

.product-virtual-try-on .intro-title:nth-of-type(2) {
    margin: 3.4375rem 0 1.5rem
}

.product-virtual-try-on .environment-title {
    margin-bottom: 11.875rem
}

.product-virtual-try-on .environment-pretitle {
    display: block;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    text-align: center
}

.product-virtual-try-on .environment-description {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 100%;
    height: 2.4em
}

.product-virtual-try-on .environment-description p {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity 1s ease
}

.product-virtual-try-on .environment-description p.active {
    opacity: 1
}

.product-virtual-try-on button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.product-virtual-try-on .tryon-container {
    position: absolute;
    bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .3125rem
}

@media screen and (max-height: 48rem),(min-width:48rem) {
    .product-virtual-try-on .tryon-container {
        position:relative;
        bottom: unset;
        margin-top: 4.0625rem
    }
}

.product-virtual-try-on .tryon-label-mask {
    height: 1.75rem;
    overflow: hidden;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    text-align: center
}

.product-virtual-try-on .tryon-label-wrapper {
    display: flex;
    flex-direction: column
}

.product-virtual-try-on .tryon-button {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--system-primary);
    border-radius: 100%;
    transition: background-color .5s ease
}

.product-virtual-try-on .tryon-button:before {
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: var(--system-primary);
    opacity: 0;
    transition: opacity .5s ease;
    z-index: 2
}

.product-virtual-try-on .tryon-button:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: #fff;
    transition: all .5s ease;
    transform: scale(1)
}

.product-virtual-try-on .tryon-button.button-on:before {
    opacity: 1
}

.product-virtual-try-on .tryon-button.button-on:after {
    transform: scale(4)
}

.product-virtual-try-on .svg-filters {
    display: none
}

.product-virtual-try-on .webgl-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1
}

.product-virtual-try-on .product-image-container {
    position: absolute;
    translate: 0 -40%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 1.25rem
}

@media screen and (min-width: 48rem) {
    .product-virtual-try-on .product-image-container {
        translate:0 -72%
    }
}

@media screen and (max-height: 48rem) {
    .product-virtual-try-on .product-image-container {
        translate:0 -56%
    }
}

.product-virtual-try-on .product-image {
    width: 8rem
}

.product-virtual-try-on .product-image:nth-of-type(1) {
    transform: translate(1.25rem)
}

.product-virtual-try-on .product-image:nth-of-type(2) {
    transform: translateY(1.25rem) rotateY(180deg)
}

.product-virtual-try-on .buttons-container {
    display: flex;
    width: 50%;
    justify-content: space-between
}

.product-virtual-try-on .product-switch-slider {
    position: absolute;
    margin-top: 5.25rem;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    padding: .25rem 1rem;
    border-radius: 2.5rem;
    background-color: #ffffff0d;
    opacity: 0;
    transition: opacity .25s ease
}

@media screen and (max-height: 48rem),(min-width:48rem) {
    .product-virtual-try-on .product-switch-slider {
        margin-top:-5rem
    }
}

.product-virtual-try-on .product-switch-slider.show {
    opacity: 1
}

.product-virtual-try-on .product-switch-slider input[type=radio]:checked+label {
    color: #000
}

.product-virtual-try-on .product-switch-slider .toggle-label {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    cursor: pointer;
    z-index: 2;
    transition: color .2s ease
}

.product-virtual-try-on .product-switch-slider .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 33.33%;
    height: 100%;
    background: #fff;
    border-radius: 1.875rem;
    z-index: 1
}

.product-virtual-try-on .product-switch-slider .toggle-group input[type=radio]:checked+label {
    color: #000
}

virtual-try-on-popup {
    margin-bottom: 0;
    position: fixed;
    inset: 0;
    z-index: 1000;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-duration-f) var(--transition-ease-in-out),visibility var(--transition-duration-f) var(--transition-ease-in-out)
}

virtual-try-on-popup[aria-hidden=false] {
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}

virtual-try-on-popup.hidden {
    display: none
}

virtual-try-on-popup .popup-back {
    display: flex;
    align-items: center;
    padding: 0rem 0rem 1.5rem;
    gap: .5rem;
    cursor: pointer;
    font-size: 1.25rem
}

virtual-try-on-popup .popup-back svg {
    width: 1.5rem
}

virtual-try-on-popup button {
    width: 100%;
    height: 2.75rem;
    font-size: 1rem
}

virtual-try-on-popup button .button-label {
    color: #252427
}

virtual-try-on-popup button.button--primary {
    font-size: 1rem
}

virtual-try-on-popup button.product-virtual-try-on-launch-button {
    margin: 0rem 0rem .5rem
}

virtual-try-on-popup .popup-overlay {
    position: absolute;
    inset: 0;
    background: #25242780;
    z-index: 0;
    opacity: 0;
    transition: opacity var(--transition-duration-f) var(--transition-ease-in-out)
}

virtual-try-on-popup[aria-hidden=false] .popup-overlay {
    opacity: 1
}

virtual-try-on-popup .popup-inner {
    position: relative;
    background: #fff;
    min-height: 37.0625rem;
    max-width: 22.375rem;
    margin: auto;
    z-index: 1;
    border-radius: 1rem;
    transform: translateY(1.875rem);
    opacity: 0;
    transition: transform var(--transition-duration-f) var(--transition-ease-out),opacity var(--transition-duration-f) var(--transition-ease-out)
}

virtual-try-on-popup .popup-inner.popup-enter {
    transform: translateY(0);
    opacity: 1
}

virtual-try-on-popup .popup-content-wrapper {
    padding: 1.5rem 1.5rem 0rem
}

virtual-try-on-popup .popup-content-buttons {
    border-top: .0625rem solid #e5e3de;
    padding: 1.5rem
}

virtual-try-on-popup .popup-content-buttons button {
    cursor: pointer
}

virtual-try-on-popup .popup-content-image {
    position: relative;
    padding: 0rem 0rem 1rem
}

virtual-try-on-popup .popup-content-image img {
    width: 100%;
    height: 9.6875rem;
    object-fit: cover;
    border-radius: .5rem
}

virtual-try-on-popup .popup-content-image h2.popup-content-image-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 4.375rem;
    line-height: 3.75rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-family: FKScreamer;
    margin: auto;
    padding: 1.5rem;
    width: 100%
}

virtual-try-on-popup .popup-content-label {
    padding: .5rem 1rem;
    border-radius: .5rem;
    width: fit-content;
    margin: 0rem 0rem .5rem
}

virtual-try-on-popup h3.popup-content-text-title {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -.045rem;
    color: #252427;
    margin: 0rem;
    padding: 0rem
}

virtual-try-on-popup p.popup-content-text-description {
    color: #757470;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02rem;
    padding: 1rem 0rem;
    margin: 0rem
}

.product__info-container .product-virtual-try-on-cta {
    justify-content: flex-start
}

.product__info-container .product-virtual-try-on-cta button {
    width: fit-content;
    height: 3rem;
    padding: 0rem 1rem;
    gap: 0rem
}

.product__info-container .product-virtual-try-on-cta button span,.product__info-container .product-virtual-try-on-cta button svg {
    margin: .5rem
}

.product__info-container .product-virtual-try-on-cta button span {
    margin-left: 0rem
}

scroll-animation-3d {
    position: relative
}

@media screen and (max-width: 767.9px) {
    scroll-animation-3d {
        z-index:15
    }
}

@media screen and (max-width: 767.9px) {
    scroll-animation-3d .container-sm {
        max-width:none!important;
        padding: 0!important
    }
}

scroll-animation-3d .scroll-animation-wrapper {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden
}

@media screen and (max-width: 767.9px) {
    scroll-animation-3d .scroll-animation-wrapper {
        z-index:15
    }
}

@media screen and (min-width: 768px) {
    scroll-animation-3d .scroll-animation-wrapper {
        height:63vw;
        max-height: calc(100vh - 10rem)
    }
}

scroll-animation-3d .canvas-container {
    background-color: #fbf9f8;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 767.9px) {
    scroll-animation-3d .canvas-container {
        border-radius:0
    }
}

scroll-animation-3d .step-content-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

scroll-animation-3d .step-content {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    max-width: 40%;
    opacity: 0;
    visibility: hidden;
    padding: 1.25rem;
    will-change: transform,opacity;
    overflow: hidden;
    pointer-events: auto
}

@media screen and (max-width: 767.9px) {
    scroll-animation-3d .step-content {
        top:auto;
        bottom: calc(100vh - 100svh);
        left: 1.5rem;
        right: 1.5rem;
        transform: none;
        max-width: none;
        width: calc(100% - 3rem);
        box-shadow: 0 .25rem .75rem #0000001a;
        background-color: #fff;
        border-radius: .5rem
    }

    @supports not (height: 100svh) {
        scroll-animation-3d .step-content {
            bottom:3rem
        }
    }
}

scroll-animation-3d .step-title {
    font-family: Avantt,sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 133%;
    letter-spacing: -.03em;
    color: #252427;
    margin-top: 0;
    margin-bottom: .25rem
}

@media screen and (min-width: 768px) {
    scroll-animation-3d .step-title {
        font-family:Avantt,sans-serif;
        font-size: 3rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -.03em;
        margin-bottom: 1rem
    }
}

scroll-animation-3d .step-description {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em;
    color: #4f4f51;
    margin: 0
}

@media screen and (min-width: 768px) {
    scroll-animation-3d .step-description {
        font-family:Avantt,sans-serif;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: -.02em
    }
}

@media screen and (max-width: 767.9px) {
    scroll-animation-3d .step-content[data-step="0"] {
        top:3rem;
        bottom: auto;
        left: 1.5rem;
        right: 1.5rem;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0
    }
}

scroll-animation-3d .step-content[data-step="0"] .step-title {
    font-family: Avantt,sans-serif;
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.03em;
    color: #252427;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    scroll-animation-3d .step-content[data-step="0"] .step-title {
        font-family:Avantt,sans-serif;
        font-size: 5rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -.03em
    }
}

scroll-animation-3d .scroll-indicator {
    position: absolute;
    top: 50%;
    right: 3rem;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: .5rem;
    pointer-events: none
}

@media screen and (max-width: 767.9px) {
    scroll-animation-3d .scroll-indicator {
        right:1.5rem
    }
}

scroll-animation-3d .scroll-indicator .dot {
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background-color: #bbb;
    opacity: .6;
    transition: all var(--transition-duration-xf) var(--transition-ease-in-out);
    cursor: pointer;
    pointer-events: auto;
    border: none;
    padding: 0;
    margin: 0;
    outline: none
}

scroll-animation-3d .scroll-indicator .dot:hover {
    opacity: .8;
    transform: scale(1.2);
    background-color: #252427
}

scroll-animation-3d .scroll-indicator .dot:active {
    transform: scale(.9)
}

scroll-animation-3d .scroll-indicator .dot:focus-visible {
    outline: .125rem solid #252427;
    outline-offset: .125rem
}

scroll-animation-3d .scroll-indicator .dot.active {
    opacity: 1;
    background-color: #252427;
    border-radius: 1.5rem;
    height: 1.5rem
}

scroll-scrub {
    --sticky-cta-background-color: #d9d9d9;
    position: relative;
    z-index: 15
}

scroll-scrub .scroll-animation-wrapper {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    z-index: 15
}

scroll-scrub .canvas-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

scroll-scrub canvas {
    display: block;
    position: absolute
}

scroll-scrub .scroll-overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

scroll-scrub .scroll-overlay {
    position: absolute;
    text-align: center;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

scroll-scrub .scroll-overlay--text {
    font-family: RomanaBT,serif;
    letter-spacing: -.01em;
    font-size: 6vw;
    line-height: 1.2;
    color: var(--overlay-text-color, #403f3f);
    will-change: opacity,transform
}

@media(orientation: landscape) {
    scroll-scrub .scroll-overlay--text {
        font-size:4vh;
        width: max-content
    }

    scroll-scrub .scroll-overlay--text[style*="text-align: left"] .scroll-overlay__line:not(:first-child) {
        position: relative;
        left: 25%
    }

    scroll-scrub .scroll-overlay--text[style*="text-align: right"] .scroll-overlay__line:not(:first-child) {
        position: relative;
        left: -25%
    }
}

scroll-scrub .scroll-overlay--content {
    display: flex;
    flex-direction: column;
    align-items: center;
    transform-style: flat;
    isolation: isolate
}

scroll-scrub .scroll-overlay--content[style*="text-align: left"] {
    align-items: flex-start
}

scroll-scrub .scroll-overlay--content[style*="text-align: right"] {
    align-items: flex-end
}

@media(orientation: landscape) {
    scroll-scrub .scroll-overlay--content {
        max-width:50%
    }
}

scroll-scrub .scroll-overlay__line {
    display: block
}

scroll-scrub .scroll-overlay__content-title {
    margin: 0 0 .75rem;
    font-family: RomanaBT,serif;
    letter-spacing: -.01em;
    font-size: 6vw;
    line-height: 1.2;
    color: var(--overlay-text-color, #403f3f);
    will-change: opacity,transform
}

@media(orientation: landscape) {
    scroll-scrub .scroll-overlay__content-title {
        font-size:4vh
    }
}

scroll-scrub .scroll-overlay__content-title-word {
    display: inline-block;
    will-change: opacity,transform;
    margin: 0 .16em
}

scroll-scrub .scroll-overlay__content-text {
    margin: 0;
    font-family: Avantt,sans-serif;
    letter-spacing: -.01em;
    font-size: 3.5vw;
    line-height: 1.2;
    color: var(--overlay-text-color, #403f3f);
    will-change: opacity,transform
}

scroll-scrub .scroll-overlay__content-text p {
    margin: 0 0 1em
}

scroll-scrub .scroll-overlay__content-text p:last-child {
    margin-bottom: 0
}

@media(orientation: landscape) {
    scroll-scrub .scroll-overlay__content-text {
        font-size:2.25vh
    }
}

scroll-scrub .scroll-overlay__content-text-element {
    will-change: opacity,transform
}

scroll-scrub .scroll-overlay__content-image {
    margin-top: .75rem;
    max-width: 100%;
    height: auto;
    border-radius: .3125rem;
    will-change: opacity,transform
}

scroll-scrub .scroll-scrub-sticky-cta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 1.25rem;
    background-color: var(--sticky-cta-background-color);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20;
    box-shadow: 0 -2px 10px #0000001a;
    pointer-events: auto;
    will-change: transform,opacity
}

.lp-bf-block {
    font-weight: 400;
    padding: 15px
}

.lp-bf-img {
    display: none
}

.lp-bf-block--headline {
    font-family: FKScreamer!important;
    font-weight: 500;
    font-size: 5em;
    margin-bottom: 35px;
    line-height: .8em
}

.lp-bf-block--sub-headline {
    font-size: 1.2em;
    margin-bottom: 11px
}

.lp-bf-block--usps {
    font-size: 1em;
    margin-bottom: 15px
}

.lp-bf-block--usps>div {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.lp-bf-block--usps img {
    max-width: 37px!important;
    margin-right: 25px
}

.lp-bf-block--cta {
    text-align: center;
    border-radius: 500px;
    font-weight: 600;
    line-height: 21px!important;
    letter-spacing: -.02em!important;
    padding: 17px 60px!important
}

.lp-bf-block--reviews {
    display: flex;
    align-items: center;
    margin-top: 15px;
    font-weight: 600;
    font-size: .7em;
    letter-spacing: -.02em!important;
    justify-content: center
}

.lp-bf-block--reviews img {
    max-width: 16px!important;
    margin-right: 5px
}

.lp-bf-block--bold {
    display: inline-block;
    font-weight: 600;
    font-size: 1.4em
}

.lp-bf-block--bold-bf {
    display: block;
    font-weight: 700
}

.lp-bf-quote {
    font-style: italic;
    font-size: .9em
}

.lp-bf-block--usp-text {
    display: block
}

@media screen and (min-width: 750px) {
    .lp-bf-flex {
        padding:50px 0;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .lp-bf-img {
        display: block;
        width: 50%
    }

    .lp-bf-img img {
        max-width: 100%
    }

    .lp-bf-block--sub-headline {
        font-size: 1.2em;
        margin-bottom: 15px
    }

    .lp-bf-block--headline {
        font-size: 4em;
        margin-bottom: 30px
    }

    .lp-bf-block {
        display: flex;
        align-content: flex-start;
        flex-direction: column;
        width: 50%;
        padding: 30px
    }

    .lp-bf-block--cta {
        display: inline-block;
        padding: 17px 85px!important;
        align-self: flex-start
    }

    .lp-bf-block--bold,.lp-bf-block--bold-bf {
        display: inline-block
    }

    .lp-bf-block--usps {
        font-size: 1em;
        margin-bottom: 25px
    }

    .lp-bf-block--usps>div {
        display: flex;
        align-items: center;
        margin-bottom: 10px
    }

    .lp-bf-block--usp-text {
        display: inline-block
    }

    .lp-bf-block--usps img {
        max-width: 16px!important;
        margin-right: 8px
    }

    .lp-bf-block--reviews {
        justify-content: normal
    }
}

.sb-container {
    position: relative;
    height: 100%;
    padding: 0 15px
}

.sb-container--gifting {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    margin-top: -50px;
    position: relative;
    z-index: 2;
    padding-bottom: 25px
}

.sb-container-heading {
    font-size: 40px!important;
    text-align: center
}

.sb-container-benefits {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5em
}

.sb-container-benefits-block {
    width: 100%;
    text-align: center;
    margin-bottom: 1.875rem
}

.sb-container-benefits-block img {
    max-width: 50px;
    margin-bottom: .625rem
}

.sb-container-benefits-block h5 {
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 700
}

.sb-container-benefits-block p {
    margin: 0;
    font-size: .8em
}

.sb-container-button {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap
}

.sb-container-button a {
    width: 100%
}

.sb-container-button-stars {
    margin-top: 15px;
    font-weight: 600;
    font-size: .7em;
    letter-spacing: -.02em!important;
    display: flex;
    align-items: center
}

.sb-container-button-stars img {
    max-width: 16px!important;
    margin-right: 5px
}

@media screen and (min-width: 750px) {
    .sb-container-benefits-block {
        width:33%;
        text-align: center;
        margin-bottom: .9375rem
    }

    .sb-container-button a {
        width: auto
    }

    .sb-container-benefits {
        margin: 2.5em 0
    }

    .sb-container--gifting {
        display: none
    }
}

.statistic {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem 0rem;
    transition: opacity var(--transition-duration-medium) var(--transition-ease-in-out)
}

.statistic.active {
    opacity: 1
}

.statistic:not(.active) {
    opacity: 0
}

.statistics-wrapper {
    background-color: #f3f3f3;
    padding: 3rem 0;
    border-radius: .75rem
}

.statistics-wrapper .col:not(:last-child) .statistic {
    border-right: 1px solid #bbbbbb
}

.statistic__topline,.statistic__bottomline {
    margin: 0
}

@media screen and (max-width: 640px) {
    .statistics-wrapper {
        padding:3rem
    }

    .statistics-wrapper .col:not(:last-child) .statistic {
        border-right: none;
        border-bottom: 1px solid #bbbbbb
    }
}

@media screen and (max-width: 767.9px) {
    .animated-product-wrapper.container,.animated-product-wrapper.page-width {
        padding-right:0rem;
        padding-left: 0rem
    }
}

@media screen and (max-width: 767.9px) {
    .animated-product .mobile-hide {
        display:none
    }
}

@media screen and (min-width: 768px) {
    .animated-product .desktop-hide {
        display:none
    }
}

.animated-product {
    padding: 3rem 1rem
}

@media screen and (min-width: 768px) {
    .animated-product {
        min-height:809px;
        padding: 0rem 2.5rem
    }
}

@media screen and (min-width: 640px) {
    .animated-product {
        border-radius:.75rem
    }
}

.animated-product {
    display: flex;
    flex-direction: column-reverse;
    padding: 32px 16px;
    position: relative
}

.animated-product video-controls {
    position: absolute;
    bottom: 1rem;
    right: 1rem
}

.animated-product video-controls button {
    border: none;
    background: transparent;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.animated-product video-controls svg {
    width: 60px;
    height: 60px
}

@media screen and (min-width: 768px) {
    .animated-product {
        padding:32px 40px
    }
}

@media screen and (max-width: 767.9px) {
    .animated-product .animated-product__video-wrapper {
        position:relative
    }
}

@media screen and (min-width: 768px) {
    .animated-product .animated-product__video-wrapper {
        height:393px;
        width: 50%
    }
}

.animated-product video {
    padding-top: 1.5rem;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 768px) {
    .animated-product video {
        padding-top:0rem
    }
}

@media screen and (min-width: 768px) {
    .animated-product {
        flex-direction:row
    }

    .animated-product video {
        height: 809px
    }
}

.animated-product__detail-title {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    justify-content: flex-start;
    font-size: 1.25rem;
    letter-spacing: -.04em;
    color: #252427;
    line-height: 1.75rem;
    margin: 0rem
}

.animated-product__detail-title svg {
    align-self: center
}

@media screen and (min-width: 768px) {
    .animated-product__detail-title {
        gap:.25rem;
        font-size: 1.5rem;
        letter-spacing: -.072em;
        line-height: 2rem
    }
}

.animated-product__detail-subtitle {
    font-size: 1rem;
    letter-spacing: -.032em;
    color: #4f4f51;
    line-height: 1.5rem;
    margin: 0rem 0rem 0rem 2.25rem
}

@media screen and (min-width: 768px) {
    .animated-product__detail-subtitle {
        font-size:1.25rem;
        letter-spacing: -.04em;
        line-height: 1.75rem;
        margin: 0rem 0rem 0rem 2.5rem
    }
}

.animated-product__details {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.animated-product__details .animated-product__detail {
    display: flex;
    flex-direction: column;
    gap: 0rem
}

@media screen and (min-width: 768px) {
    .animated-product__details .animated-product__detail {
        gap:.25rem
    }
}

.animated-product__details {
    padding: 1.5rem 0rem
}

@media screen and (min-width: 768px) {
    .animated-product__details {
        padding:4rem 0rem
    }
}

.animated-product__container {
    height: fit-content;
    align-self: center;
    padding: 0rem 0rem 2rem
}

@media screen and (min-width: 768px) {
    .animated-product__container {
        padding:1rem 2.5rem 1rem 3rem;
        min-width: 50%
    }
}

.animated-product__details-wrapper {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .animated-product__details-wrapper .button {
        width:fit-content
    }
}

.animated-product__content {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.animated-product__content.desktop-hide {
    padding-top: 1.5rem
}

@media screen and (min-width: 768px) {
    .animated-product__content {
        gap:1rem
    }
}

.animated-product__content .animated-product__title {
    color: #252427;
    font-size: 3rem;
    line-height: 2.875rem;
    letter-spacing: -.09rem;
    margin: 0rem
}

@media screen and (min-width: 768px) {
    .animated-product__content .animated-product__title {
        line-height:3rem
    }
}

.animated-product__content .animated-product__subtitle {
    color: #4f4f51;
    line-height: 1.625rem;
    letter-spacing: -.0375rem;
    margin: 0rem
}

swiper-images {
    display: none;
    --items-per-row: 1.05;
    --gap: calc(var(--spacing) * 4)
}

@media screen and (min-width: 640px) {
    swiper-images {
        --items-per-row: 1.5
    }
}

@media screen and (min-width: 768px) {
    swiper-images {
        --items-per-row: 2.5;
        --gap: var(--space-4)
    }
}

@media screen and (min-width: 1024px) {
    swiper-images {
        --items-per-row: 3
    }
}

@media screen and (min-width: 1280px) {
    swiper-images {
        --items-per-row: 3.1
    }
}

swiper-images.swiper {
    margin-left: calc(-1 * var(--gap));
    width: calc(100% + var(--gap) * 2)
}

@media screen and (min-width: 768px) {
    swiper-images.swiper {
        margin-left:0;
        width: 100%;
        overflow: visible
    }
}

swiper-images .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    gap: var(--gap);
    padding-inline:var(--gap);scroll-padding-left: var(--gap);
    scroll-snap-type: x mandatory;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width: 768px) {
    swiper-images .swiper-wrapper {
        padding-left:0;
        padding-right: 0;
        scroll-padding: 0
    }
}

swiper-images .swiper-slide {
    height: auto;
    flex: 0 0 calc((100% - var(--gap) * (var(--items-per-row) - 1)) / var(--items-per-row));
    min-width: 0;
    scroll-snap-align: start
}

swiper-images .swiper-button-prev {
    left: calc(-1 * var(--swiper-navigation-size) / 2);
    right: auto
}

swiper-images .swiper-button-next {
    left: auto;
    right: calc(-1 * var(--swiper-navigation-size) / 2)
}

.multicolumn-image__link {
    position: static
}

.multicolumn-image__link img {
    height: 27.375rem
}

@media screen and (min-width: 768px) {
    .multicolumn-image__link img {
        height:35rem
    }
}

.multicolumn-image__link img {
    object-fit: cover;
    border-radius: .75rem
}

.multicolumn-image__label {
    padding: .5rem .75rem;
    color: #252427;
    background-color: #fbf9f8;
    border-radius: .5rem;
    font-size: .7813rem;
    line-height: 1.075rem;
    margin: .75rem;
    align-self: flex-start
}

@media screen and (min-width: 768px) {
    .multicolumn-image__label {
        font-size:1rem;
        line-height: 1.375rem;
        margin: 1rem
    }
}

.multicolumn-image__content-wrapper {
    position: absolute;
    top: 0rem;
    left: 0rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%
}

.multicolumn-image__text-wrapper {
    background: linear-gradient(359deg,#00000080 34.52%,#0000 98.8%);
    border-radius: .75rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.5rem .75rem;
    max-width: 27.625rem
}

@media screen and (min-width: 768px) {
    .multicolumn-image__text-wrapper {
        padding:2rem 1rem
    }
}

.multicolumn-image__text-wrapper {
    gap: .3125rem;
    width: 100%
}

.multicolumn-image__text-wrapper svg {
    align-self: center;
    width: 2.3438rem;
    height: 2.3438rem
}

@media screen and (min-width: 768px) {
    .multicolumn-image__text-wrapper svg {
        width:3rem;
        height: 3rem
    }
}

.multicolumn-image__text-wrapper svg circle,.multicolumn-image__text-wrapper svg path {
    stroke: #fff
}

.multicolumn-image__text-wrapper .multicolumn-image__content {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.8563rem;
    letter-spacing: -.0581rem
}

@media screen and (min-width: 768px) {
    .multicolumn-image__text-wrapper .multicolumn-image__content {
        font-size:1.9375rem;
        line-height: 2.375rem
    }
}

.multicolumn-image__text-wrapper .multicolumn-image__content h3 {
    margin: 0;
    color: #fff
}

.multicolumn-image__text-wrapper .multicolumn-image__content p {
    margin: 0;
    color: #fff;
    font-style: italic
}

.multicolumn-images {
    overflow: hidden
}

.multicolumn-reviews .row {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .multicolumn-reviews .row {
        margin-bottom:2rem
    }
}

.multicolumn-reviews swiper-reviews,.multicolumn-reviews .multicolumn-reviews__swiper {
    --items-per-row: 1.05;
    --gap: calc(var(--spacing) * 4);
    display: block
}

@media screen and (min-width: 640px) {
    .multicolumn-reviews swiper-reviews,.multicolumn-reviews .multicolumn-reviews__swiper {
        --items-per-row: 1.5
    }
}

@media screen and (min-width: 768px) {
    .multicolumn-reviews swiper-reviews,.multicolumn-reviews .multicolumn-reviews__swiper {
        --items-per-row: 2.5;
        --gap: var(--space-4)
    }
}

@media screen and (min-width: 1024px) {
    .multicolumn-reviews swiper-reviews,.multicolumn-reviews .multicolumn-reviews__swiper {
        --items-per-row: 3
    }
}

@media screen and (min-width: 1280px) {
    .multicolumn-reviews swiper-reviews,.multicolumn-reviews .multicolumn-reviews__swiper {
        --items-per-row: 3.1
    }
}

.multicolumn-reviews swiper-reviews.swiper,.multicolumn-reviews .multicolumn-reviews__swiper.swiper {
    margin-left: calc(-1 * var(--gap));
    width: calc(100% + var(--gap) * 2)
}

@media screen and (min-width: 768px) {
    .multicolumn-reviews swiper-reviews.swiper,.multicolumn-reviews .multicolumn-reviews__swiper.swiper {
        margin-left:0;
        width: 100%;
        overflow: visible
    }
}

.multicolumn-reviews swiper-reviews .swiper-wrapper,.multicolumn-reviews .multicolumn-reviews__swiper .swiper-wrapper {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    gap: var(--gap);
    padding-inline:var(--gap);scroll-padding-left: var(--gap);
    scroll-snap-type: x mandatory;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width: 768px) {
    .multicolumn-reviews swiper-reviews .swiper-wrapper,.multicolumn-reviews .multicolumn-reviews__swiper .swiper-wrapper {
        padding-left:0;
        padding-right: 0;
        scroll-padding: 0
    }
}

.multicolumn-reviews swiper-reviews .swiper-slide,.multicolumn-reviews .multicolumn-reviews__swiper .swiper-slide {
    height: auto;
    flex: 0 0 calc((100% - var(--gap) * (var(--items-per-row) - 1)) / var(--items-per-row));
    min-width: 0;
    scroll-snap-align: start
}

.multicolumn-reviews swiper-reviews .swiper-button-prev,.multicolumn-reviews .multicolumn-reviews__swiper .swiper-button-prev {
    left: calc(-1 * var(--swiper-navigation-size) / 2);
    right: auto
}

.multicolumn-reviews swiper-reviews .swiper-button-next,.multicolumn-reviews .multicolumn-reviews__swiper .swiper-button-next {
    left: auto;
    right: calc(-1 * var(--swiper-navigation-size) / 2)
}

.multicolumn-reviews__heading {
    text-align: center;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .multicolumn-reviews__heading {
        margin-bottom:2rem
    }
}

.multicolumn-reviews__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 1rem;
    border: 1px solid #e5e3de
}

@media screen and (max-width: 767.9px) {
    .multicolumn-reviews__card {
        margin-bottom:1rem;
        height: unset
    }
}

.multicolumn-reviews__image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: .75rem;
    margin-bottom: 1.5rem
}

.multicolumn-reviews__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

.multicolumn-reviews__info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex-grow: 1;
    padding: 1.5rem;
    padding-top: 0
}

@media screen and (max-width: 639.9px) {
    .multicolumn-reviews__info {
        padding:1rem;
        padding-top: 0
    }
}

.multicolumn-reviews__title {
    margin: 0
}

.multicolumn-reviews__body {
    margin: 0;
    color: #757470
}

.multicolumn-reviews__body p {
    margin: 0 0 .625rem
}

.multicolumn-reviews__body p:last-child {
    margin-bottom: 0
}

.multicolumn-reviews__reviewer {
    margin-top: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .25rem;
    padding: .5rem 1rem;
    background-color: #f3f3f3;
    border-radius: .5rem;
    width: max-content
}

.multicolumn-reviews__reviewer-name {
    font-size: .875rem;
    line-height: 1.4;
    font-weight: 500;
    margin: 0;
    color: rgb(var(--system-primary))
}

.multicolumn-reviews__verified {
    font-size: .625rem;
    line-height: 1.4;
    margin: 0;
    color: rgba(var(--system-primary),.7)
}

.multicolumn-reviews__button-wrapper {
    text-align: center;
    margin-top: 1.25rem
}

@media screen and (min-width: 768px) {
    .multicolumn-reviews__button-wrapper {
        margin-top:1.875rem
    }
}

.multicol__header {
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .multicol__header {
        margin-bottom:3rem
    }
}

.multicol__title {
    margin: 0;
    text-wrap: balance
}

.multicol__title--centered {
    margin: 0 auto;
    text-align: center
}

swiper-multicol {
    --gap: calc(var(--spacing) * 4)
}

swiper-multicol.swiper {
    margin-left: calc(-1 * var(--gap));
    width: calc(100% + var(--gap) * 2)
}

@media screen and (min-width: 1024px) {
    swiper-multicol.swiper {
        margin-left:0;
        width: 100%;
        overflow: visible
    }
}

swiper-multicol .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    gap: var(--gap);
    padding-inline:var(--gap);scroll-padding-left: var(--gap);
    scroll-snap-type: x mandatory;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width: 1024px) {
    swiper-multicol .swiper-wrapper {
        padding-left:0;
        padding-right: 0;
        scroll-padding: 0
    }
}

swiper-multicol .swiper-slide {
    height: auto;
    flex: 0 0 calc((100% - var(--gap) * (var(--items-per-row) - 1)) / var(--items-per-row));
    min-width: 0;
    scroll-snap-align: start
}

swiper-multicol .swiper-button-prev {
    left: calc(-1 * var(--swiper-navigation-size) / 2);
    right: auto
}

swiper-multicol .swiper-button-next {
    left: auto;
    right: calc(-1 * var(--swiper-navigation-size) / 2)
}

.multicol-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-decoration: none;
    color: inherit
}

.multicol-item--centered {
    text-align: center;
    align-items: center
}

.multicol-item__image {
    display: block;
    width: 100%
}

.multicol-item__image img {
    width: 100%;
    height: auto
}

.multicol-item__image img:not(.multicol-item__image--adapt) {
    height: 100%;
    object-fit: cover
}

.multicol-item__image--rounded {
    border-radius: .75rem;
    overflow: hidden
}

.multicol-item__image--background {
    background-color: #fbf9f8
}

.multicol-item__image--square {
    aspect-ratio: 1/1;
    overflow: hidden
}

.multicol-item__image--circle {
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden
}

.multicol-item__image--portrait {
    aspect-ratio: 3/4;
    overflow: hidden
}

.multicol-item__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.multicol-item__title {
    margin: 0
}

.multicol-item p {
    margin-top: 0;
    margin-bottom: .5rem
}

.multicol-item__button .button {
    margin-top: .5rem
}

@media screen and (min-width: 1024px) {
    .multicol-item__button {
        margin-top:auto
    }
}

.multicol-item:only-child {
    max-width: 45rem;
    margin: 0 auto
}

a.multicol-item:hover .multicol-item__title {
    text-decoration: underline
}

@media screen and (max-width: 767.9px) {
    .multicol__items--noswipe.swiper {
        margin-left:auto;
        width: 100%
    }

    .multicol__items--noswipe .swiper-wrapper {
        flex-direction: column;
        padding: 0;
        gap: 3rem
    }

    .multicol__items--noswipe .swiper-slide {
        height: auto;
        flex: 1;
        width: 100%
    }

    .multicol__items--noswipe .swiper-pagination {
        display: none
    }

    .multicol__items--noswipe .multicol-item {
        gap: .5rem
    }
}

.bfcm-image-banner__wrapper {
    position: relative;
    display: flex;
    justify-content: center
}

.bfcm-image-banner__wrapper .bfcm-image-banner_desktop {
    object-fit: cover;
    width: 100%;
    border-radius: 1rem
}

@media screen and (max-width: 1023.9px) {
    .bfcm-image-banner__wrapper .bfcm-image-banner_desktop {
        display:none
    }
}

.bfcm-image-banner__wrapper .bfcm-image-banner_mobile {
    object-fit: cover;
    width: 100%;
    border-radius: 1rem
}

@media screen and (min-width: 1024px) {
    .bfcm-image-banner__wrapper .bfcm-image-banner_mobile {
        display:none
    }
}

.bfcm-image-banner__wrapper .bfcm-image-banner__content {
    max-width: 480px;
    margin: auto
}

.bfcm-image-banner__wrapper .bfcm-image-banner__content * {
    text-align: center;
    color: #fff
}

.bfcm-image-banner__wrapper .bfcm-image-banner__content {
    position: absolute;
    top: 0;
    padding: 3rem 1.5rem
}

.bfcm-image-banner__wrapper .bfcm-image-banner__content .bfcm-image-banner__title {
    font-size: 2.25rem;
    letter-spacing: -.0675rem;
    line-height: 2.5rem;
    margin: 0rem 0rem .5rem
}

.bfcm-image-banner__wrapper .bfcm-image-banner__content .bfcm-image-banner__description {
    font-size: 1rem;
    letter-spacing: -.02rem;
    line-height: 1.5rem;
    margin: 0rem 0rem 1rem
}

.bfcm-image-banner__wrapper .bfcm-image-banner__content .bfcm-image-banner__button {
    margin: auto;
    width: fit-content
}

.bfcm-image-banner__wrapper .bfcm-image-banner__content .bfcm-image-banner__button button {
    margin-bottom: .5rem
}

.bfcm-image-banner__wrapper .bfcm-image-banner__content .bfcm-image-banner__button .bfcm-image-banner__subtext {
    padding-top: .5rem;
    font-size: .875rem;
    color: #fff;
    letter-spacing: -.0175rem;
    line-height: 1rem;
    text-align: center;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .bfcm-image-banner__wrapper .bfcm-image-banner__content * {
        text-align:left
    }

    .bfcm-image-banner__wrapper .bfcm-image-banner__content {
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        height: auto;
        padding: 4rem 3rem 4rem 0rem
    }

    .bfcm-image-banner__wrapper .bfcm-image-banner__content .bfcm-image-banner__button {
        margin: 0
    }

    .bfcm-image-banner__wrapper .bfcm-image-banner__content .bfcm-image-banner__title {
        font-size: 3rem;
        margin: 0rem 0rem 1rem;
        color: #fff;
        letter-spacing: -.09rem;
        line-height: 100%
    }

    .bfcm-image-banner__wrapper .bfcm-image-banner__content .bfcm-image-banner__description {
        font-size: 1.25rem;
        margin: 0rem 0rem 1.5rem;
        color: #e5e3de;
        letter-spacing: -.025rem
    }
}

@media screen and (min-width: 1280px) {
    .bfcm-image-banner__wrapper .bfcm-image-banner__content {
        right:140px;
        padding: 4rem 0rem
    }

    .bfcm-image-banner__wrapper .bfcm-image-banner__content .bfcm-image-banner__description {
        padding: 0rem 3rem 0rem 0rem
    }
}

.bfcm-image-banner__logo {
    position: absolute;
    bottom: 2rem;
    left: 2rem
}

.byob-header {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    background: #fff;
    padding: 1rem;
    width: calc(100% + 2rem - 1px);
    margin-left: -1rem
}

.byob-header h1 {
    margin: 0;
    z-index: 1
}

@media screen and (max-width: 639.9px) {
    .byob-header h1 {
        font-size:1.875rem
    }
}

.byob-header p {
    display: none;
    margin: 0
}

.byob-header img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width: 768px) {
    .byob-header {
        height:30vh;
        min-height: 300px;
        width: 100%;
        margin: 0;
        border-radius: .75rem;
        padding: 3rem;
        margin-bottom: 4rem;
        background: #f7f7f7
    }

    .byob-header p {
        display: block
    }
}

@media screen and (max-width: 1023.9px) {
    .template-page-build-your-own-bundle #shopify-section-header,.template-product-build-your-own-bundle #shopify-section-header {
        position:relative!important;
        top: auto!important;
        translate: 0 0!important
    }
}

@media screen and (max-width: 1023.9px) {
    .template-page-build-your-own-bundle #shopify-section-announcement-bar,.template-product-build-your-own-bundle #shopify-section-announcement-bar {
        position:relative!important;
        top: auto!important
    }
}

.byob {
    position: relative
}

@media screen and (min-width: 768px) {
    .byob {
        display:grid;
        grid-template-columns: 2fr 1fr;
        grid-auto-rows: auto;
        align-items: start;
        gap: 2rem;
        margin-bottom: 4rem
    }
}

@media screen and (min-width: 1024px) {
    .byob {
        gap:4rem
    }
}

@media screen and (min-width: 768px) {
    .byob-products {
        order:1;
        grid-column: 1
    }
}

.byob-products__title {
    margin-top: 0;
    margin-bottom: 1.5rem;
    line-height: 1
}

.byob-products__collection {
    margin-bottom: 4rem
}

.byob-products__grid {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media screen and (min-width: 768px) {
    .byob-products__grid {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1rem
    }
}

@media screen and (min-width: 1024px) {
    .byob-products__grid {
        grid-template-columns:repeat(3,1fr);
        gap: 2rem
    }
}

@media screen and (min-width: 1280px) {
    .byob-products__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

.byob-product-card {
    border-radius: .75rem;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 1rem
}

.byob-product-card__image {
    align-self: flex-start;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: .75rem;
    overflow: hidden;
    background: #f7f7f7;
    padding: .25rem;
    aspect-ratio: 1/1;
    max-width: 85px
}

.byob-product-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width: 768px) {
    .byob-product-card__image {
        max-width:none;
        padding: 5%
    }
}

.byob-product-card__options {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    order: 2
}

.byob-product-card__content {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex: 1
}

.byob-product-card__title {
    margin: 0;
    order: 1;
    font-size: 1rem;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    -webkit-hyphens: auto;
    hyphens: auto
}

@media screen and (min-width: 768px) {
    .byob-product-card__title {
        order:2;
        font-size: 1.5rem
    }
}

.byob-product-card__price {
    line-height: 1;
    order: 3;
    font-size: 1rem
}

.byob-product-card__button {
    position: relative;
    margin-top: 0;
    align-self: center
}

@media screen and (min-width: 768px) {
    .byob-product-card__button {
        margin-top:auto;
        align-self: flex-start;
        font-size: 1rem
    }

    .byob-product-card__button svg {
        display: none
    }
}

@media screen and (max-width: 767.9px) {
    .byob-product-card__button {
        width:35px;
        height: 35px;
        min-width: auto;
        min-height: auto;
        padding: 0
    }

    .byob-product-card__button span {
        display: none
    }

    .byob-product-card__button:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 44px;
        height: 44px
    }
}

.byob-product-card__button--added {
    cursor: default;
    pointer-events: none
}

.byob-product-card__button--added svg {
    display: inline-block;
    width: 24px;
    height: 24px
}

@media screen and (min-width: 768px) {
    .byob-product-card {
        flex-direction:column
    }
}

.byob-summary {
    position: sticky;
    bottom: 0;
    width: calc(100% + 2rem - 1px);
    margin-left: -1rem;
    padding: 1rem 0;
    background: #fff;
    z-index: 10;
    box-shadow: 0 0 40px #00000026
}

.byob-summary__header {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    margin: 0 1rem
}

@media screen and (min-width: 768px) {
    .byob-summary__header {
        margin:0
    }
}

.byob-summary__title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1.5rem;
    flex-shrink: 0
}

@media screen and (min-width: 768px) {
    .byob-summary__title {
        display:none
    }
}

.byob-summary__toggle-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    border: none;
    background: none;
    font-size: 1rem;
    line-height: 1;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent
}

@media screen and (min-width: 768px) {
    .byob-summary__toggle-button {
        display:none
    }
}

.byob-summary__toggle-icon {
    transform: rotate(0);
    transition: transform .3s ease
}

.byob-summary__toggle-icon--open {
    transform: rotate(180deg)
}

.byob-summary__swimlane-wrapper {
    overflow: hidden;
    transition: max-height .3s cubic-bezier(.4,0,.2,1);
    max-height: 0;
    will-change: max-height
}

.byob-summary__swimlane-wrapper.is-open {
    max-height: 500px
}

@media screen and (min-width: 768px) {
    .byob-summary__swimlane-wrapper {
        max-height:none;
        overflow: visible
    }
}

.byob-summary__swimlane {
    --visible: 2.5;
    --gap: .5rem;
    --side-padding: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .byob-summary__swimlane {
        --visible: 3;
        --side-padding: 0
    }
}

.byob-summary__item {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    margin-bottom: .5rem
}

.byob-summary__item-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: .75rem;
    aspect-ratio: 1/1;
    padding: 5%;
    background: #f7f7f7;
    overflow: hidden
}

.byob-summary__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.byob-summary__item-image--placeholder {
    border: 1px dashed #757470
}

.byob-summary__item-remove {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #252427;
    border: none;
    border-radius: 100%;
    padding: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
    color: #fff
}

.byob-summary__item-remove svg {
    display: block;
    flex-shrink: 0
}

.byob-summary__item-remove:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 44px;
    height: 44px;
    z-index: -1;
    cursor: default
}

.byob-summary__item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    line-height: 1
}

@media screen and (min-width: 768px) {
    .byob-summary__item-name {
        font-size:1.25rem
    }
}

.byob-summary__item-variant-name {
    font-size: .875rem
}

.byob-summary__footer {
    margin-top: 0;
    padding: 0 1rem
}

@media screen and (min-width: 768px) {
    .byob-summary__footer {
        padding:0;
        margin-top: 4rem
    }
}

.byob-summary__total {
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem
}

.byob-summary__total-title {
    flex: 1
}

.byob-summary__price-strikethrough {
    text-decoration: line-through
}

.byob-summary__price-discounted {
    color: #bb243e
}

.byob-summary__price-discount-percentage {
    background-color: #ffd6dc;
    padding: .125rem .5rem;
    border-radius: .25rem;
    font-size: .625rem;
    display: inline-block
}

.byob-summary__button {
    width: 100%
}

.byob-summary__usp {
    display: none
}

@media screen and (min-width: 768px) {
    .byob-summary__usp {
        display:flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: .5rem;
        list-style: none;
        padding: 0;
        margin: 1rem 0 0
    }

    .byob-summary__usp li {
        display: flex;
        align-items: center;
        flex-shrink: 0
    }

    .byob-summary__usp li svg {
        height: 30px;
        width: auto;
        flex-shrink: 0
    }
}

@media screen and (min-width: 768px) {
    .byob-summary {
        order:3;
        grid-column: 2;
        grid-row: 1;
        margin-top: 194px;
        bottom: auto;
        top: 194px;
        width: 100%;
        margin-left: 0;
        box-shadow: none
    }
}

@media screen and (min-width: 1024px) {
    .byob-summary {
        z-index:auto
    }
}

.byob-status {
    margin: 1rem 0;
    padding: .75rem 1rem;
    border-radius: .25rem;
    font-size: .875rem;
    line-height: 1.5
}

.byob-status--success {
    background-color: #b4ffc2;
    color: #147e11
}

.byob-status--error {
    background-color: #ffc0c7;
    color: #d0304e
}

.byob-status--warning {
    background-color: #fad775;
    color: #9a6c00
}

.byob-tiers {
    position: sticky;
    top: 0;
    margin-bottom: 2rem;
    height: auto;
    z-index: 9;
    width: calc(100% + 2rem - 1px);
    margin-left: -1rem
}

.byob-tiers__title {
    display: none;
    margin-top: 0;
    margin-bottom: 1.5rem;
    line-height: 1
}

@media screen and (min-width: 768px) {
    .byob-tiers__title {
        display:inline-block
    }
}

.byob-tiers__progress {
    position: relative;
    background: #f7f7f7;
    border-radius: 0;
    padding: 1rem 3rem 2rem 1rem;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .byob-tiers__progress {
        border-radius:.75rem
    }
}

.byob-tiers__progress-label {
    margin: 0 0 2rem
}

.byob-tiers__progress-bar {
    position: relative;
    height: 4px;
    background-color: #d5d5d5;
    border-radius: 624.938rem;
    margin: 2rem 0
}

.byob-tiers__progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #252427;
    border-radius: 624.938rem;
    transition: width .3s ease
}

.byob-tiers__progress-marker {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    background-color: #d5d5d5;
    border-radius: 624.938rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.byob-tiers__progress-marker--reached {
    background-color: #252427;
    border-color: #252427
}

.byob-tiers__progress-threshold {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    font-size: 12px;
    white-space: nowrap;
    text-align: center;
    margin-top: .5rem
}

.byob-tiers__progress-threshold span {
    display: block;
    padding: 0
}

.byob-tiers__progress-marker-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff
}

@media screen and (min-width: 768px) {
    .byob-tiers {
        order:2;
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        margin-left: 0;
        height: 194px;
        z-index: inherit
    }
}

@media screen and (min-width: 1024px) {
    .byob-tiers {
        z-index:auto
    }
}

.byob-spinner {
    --spinner-size: 24px;
    --spinner-border-width: 3px;
    --spinner-color: currentColor;
    width: var(--spinner-size);
    height: var(--spinner-size);
    border: var(--spinner-border-width) solid rgba(0,0,0,.1);
    border-top-color: var(--spinner-color);
    border-radius: 50%;
    animation: byob-spin .8s linear infinite;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden
}

@keyframes byob-spin {
    0% {
        transform: rotate(0) translateZ(0)
    }

    to {
        transform: rotate(360deg) translateZ(0)
    }
}

@keyframes pulse {
    0%,to {
        opacity: .5
    }

    50% {
        opacity: 1
    }
}

.byob-skeleton {
    background-color: #f3f3f3;
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

.byob-skeleton.byob-tiers__progress {
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: .5rem;
    font-size: .625rem
}

@media screen and (min-width: 1024px) {
    .byob-skeleton.byob-tiers__progress>* {
        display:none
    }
}

.byob-skeleton.byob-skeleton-fill {
    height: 30px;
    width: 100%;
    margin-bottom: .5rem
}

.byob-skeleton.byob-skeleton-fill--half {
    width: 50%
}

.byob-product-card__variant .variant-swatches {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px
}

.byob-product-card__variant .variant-swatches .v-swatch {
    height: 24px;
    width: 24px;
    background-size: cover;
    background-position: center
}

.byob-product-card__variant .variant-swatches .v-swatch:before {
    border-color: #f3f3f3
}

.byob-product-card__variant .variant-swatches .v-swatch:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 44px;
    height: 44px;
    z-index: -1;
    cursor: default
}

.byob-product-card__variant .variant-swatches .regular-swatch {
    position: relative;
    border: 1px solid #e5e3de;
    border-radius: .25rem;
    color: #252427;
    font-size: 14px;
    align-content: center;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    min-width: 28px;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 1;
    cursor: pointer
}

.byob-product-card__variant .variant-swatches .regular-swatch:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 44px;
    height: 44px;
    z-index: -1;
    cursor: default
}

.byob-product-card__variant .variant-swatches input:checked+.regular-swatch {
    border: 1px solid #252427;
    background: #252427;
    color: #fff
}

.byob-product-card__variant .variant-swatches input:disabled+.regular-swatch {
    background: #bbb;
    opacity: .5;
    cursor: not-allowed
}

.byob-product-card__variant .variant-swatches input:disabled+.v-swatch {
    opacity: .5;
    cursor: not-allowed
}

.campaign-wrapper {
    overflow: hidden
}

.featured-campaign-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden
}

.featured-campaign-block .button.medium-up-hide {
    margin: 1.5rem 0rem;
    width: 100%
}

.featured-campaign-block .campaign-block__content-wrapper .button {
    background-color: #f3f3f3
}

.featured-campaign-block .campaign-block__content-wrapper .campaign-block__caption {
    font-size: 1.25rem;
    letter-spacing: -.0375rem;
    line-height: 1.5rem;
    color: #4f4f51;
    font-weight: 600
}

.featured-campaign-block .campaign-block__content-wrapper .campaign-block__title {
    margin: 0;
    padding: 1rem 0rem 1.5rem;
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: -.09rem;
    line-height: 3rem;
    color: #252427
}

.featured-campaign-block .campaign-block__content-wrapper .campaign-block__description {
    font-size: 1.25rem;
    letter-spacing: -.0375rem;
    line-height: 1.75rem;
    color: #4f4f51;
    font-weight: 600
}

.featured-campaign-block .campaign-block__content {
    display: flex;
    flex-direction: column;
    padding: 2rem 0rem 1.5rem
}

@media screen and (min-width: 768px) {
    .featured-campaign-block .campaign-block__content {
        background-color:#f3f3f3;
        padding-left: 40px;
        justify-content: center
    }
}

.featured-campaign-block .campaign-block__visual {
    position: relative;
    display: flex;
    flex-direction: column
}

.featured-campaign-block .campaign-block__visual video,.featured-campaign-block .campaign-block__visual img {
    border-radius: 6.83px
}

@media screen and (min-width: 768px) {
    .featured-campaign-block .campaign-block__visual video,.featured-campaign-block .campaign-block__visual img {
        border-radius:0
    }
}

.featured-campaign-block .campaign-block__visual video-controls {
    width: 3rem;
    height: 3rem;
    position: absolute;
    bottom: 1rem;
    right: 1rem
}

@media screen and (min-width: 768px) {
    .featured-campaign-block .campaign-block__visual video-controls {
        width:3.75rem;
        height: 3.75rem
    }
}

.featured-campaign-block .campaign-block__visual video-controls button {
    border: none;
    background: transparent;
    cursor: pointer
}

.featured-campaign-block .campaign-block__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width: 768px) {
    .featured-campaign-block {
        flex-direction:row
    }

    .featured-campaign-block .campaign-block__content,.featured-campaign-block .campaign-block__visual {
        width: 50%
    }

    .featured-campaign-block .campaign-block__content-wrapper {
        max-width: 530px;
        margin: 1rem 0rem
    }

    .featured-campaign-block .campaign-block__content-wrapper .campaign-block__title {
        padding: 1.5rem 0rem
    }

    .featured-campaign-block .campaign-block__content-wrapper .campaign-block__description {
        padding-bottom: 3rem
    }
}

swiper-campaigns {
    --items-per-row: 1;
    --gap: 1rem
}

swiper-campaigns .swiper-pagination {
    gap: 1rem
}

swiper-campaigns .swiper-pagination span {
    width: 14px;
    height: 14px
}

@media screen and (min-width: 768px) {
    swiper-campaigns .swiper-pagination {
        margin-top:2rem
    }
}

swiper-campaigns.swiper {
    margin-left: calc(-1 * var(--gap));
    width: calc(100% + var(--gap) * 2)
}

@media screen and (min-width: 768px) {
    swiper-campaigns.swiper {
        margin-left:0;
        width: 100%;
        overflow: visible
    }
}

swiper-campaigns .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    gap: var(--gap);
    padding-inline:var(--gap);scroll-padding-left: var(--gap);
    scroll-snap-type: x mandatory;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width: 768px) {
    swiper-campaigns .swiper-wrapper {
        padding-left:0;
        padding-right: 0;
        scroll-padding: 0
    }
}

swiper-campaigns .swiper-button-next,swiper-campaigns .swiper-button-prev {
    width: 4rem;
    height: 4rem
}

swiper-campaigns .swiper-button-next {
    right: -2rem
}

swiper-campaigns .swiper-button-prev {
    left: -2rem
}

.side-image-with-text {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

@media screen and (min-width: 1024px) {
    .side-image-with-text {
        flex-direction:row;
        gap: 15.375rem
    }
}

.side-image-with-text__caption {
    color: #4f4f51;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.625rem;
    letter-spacing: -.0375rem;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .side-image-with-text__caption {
        max-width:13.3125rem
    }
}

.side-image-with-text__container {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .side-image-with-text__container {
        max-width:42rem
    }
}

.side-image-with-text__container img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: .75rem;
    padding: 1.5rem 0rem 2.5rem
}

@media screen and (min-width: 768px) {
    .side-image-with-text__container img {
        padding:2.5rem 0rem
    }
}

.side-image-with-text__container .button {
    font-size: 1.25rem;
    height: 4rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .side-image-with-text__container .button {
        width:fit-content
    }
}

.side-image-with-text__title {
    color: #252427;
    font-size: 3rem;
    line-height: 2.875rem;
    letter-spacing: -.0875rem;
    margin: 0
}

@media screen and (min-width: 768px) {
    .side-image-with-text__title {
        font-size:3.75rem;
        line-height: 4rem;
        letter-spacing: -.1125rem
    }
}

.side-image-with-text__subtitle {
    color: #252427;
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: -.0375rem;
    margin: 0
}

.side-image-with-text__text {
    color: #757470;
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: -.0375rem;
    margin: .75rem 0rem 3rem
}

.side-image-with-text__text p {
    margin: 0
}

.brand-banner {
    margin-top: 2rem
}

.brand-banner__title {
    font-family: FKScreamer,Avantt,sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 112px;
    line-height: .857;
    padding: 1.5rem .75rem;
    letter-spacing: 0;
    text-wrap: balance;
    margin: 0
}

.brand-banner__svg {
    display: none;
    width: 100%;
    height: auto
}

.brand-banner__svg text {
    font-family: FKScreamer,Avantt,sans-serif;
    fill: #fff;
    text-transform: uppercase;
    font-size: 180px
}

.brand-banner .container-xxl {
    padding: 0
}

@media screen and (min-width: 1024px) {
    .brand-banner {
        margin-top:4rem
    }

    .brand-banner__title {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        border: 0
    }

    .brand-banner__svg {
        display: block
    }
}

.font-JA .brand-banner__title,.font-JA .brand-banner__svg text {
    font-family: FKScreamer,Avantt,sans-serif!important;
    font-weight: 500!important
}

cart-dialog>dialog,.cart-dialog {
    height: 100dvh;
    max-height: 100dvh
}

@media(max-height: 512px) {
    cart-dialog>dialog,.cart-dialog {
        overflow-y:auto
    }
}

.cart-dialog .dialog__main {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    overflow: hidden;
    min-height: 0
}

@media(max-height: 512px) {
    .cart-dialog .dialog__main {
        overflow:visible
    }
}

.cart-dialog .dialog__header-left {
    display: none
}

.cart-dialog .dialog__header-center {
    text-align: left;
    padding: 0
}

.cart-dialog .cart-dialog__content-header {
    flex-shrink: 0
}

.cart-dialog .cart-dialog__content-body {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    min-height: 0;
    justify-content: space-between;
    display: flex;
    flex-direction: column
}

.cart-dialog .cart-dialog__content-body::-webkit-scrollbar {
    display: none
}

.cart-dialog .dialog__footer {
    padding: 0;
    gap: 0;
    flex-shrink: 0
}

.cart-dialog .cart__order-notes {
    padding: 1rem;
    padding-bottom: 0
}

.cart-dialog .cart__footer {
    padding: 1rem
}

@media screen and (min-width: 768px) {
    .cart--product-wizard dialog::backdrop {
        background:transparent;
        pointer-events: none
    }

    .cart--product-wizard {
        box-shadow: 0 0 40px #00000026
    }
}

.cart--product-wizard .cart__product-wizard-confirmation {
    padding: 1rem;
    margin: 0
}

.cart--product-wizard .cart__product-wizard-restart-button {
    width: 100%;
    margin-bottom: 1rem
}

.cart--product-wizard .cart-dialog__content-body {
    justify-content: flex-start
}

.cart-page .cart__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.cart-page .cart__header-title {
    margin: 0;
    line-height: 1
}

.cart-page .cart__footer-container {
    display: flex;
    justify-content: center
}

.cart-page .cart__footer-wrapper {
    width: 100%;
    padding: 1.5rem 0
}

.cart-page .cart__footer {
    padding: 1rem 0
}

.cart-page .cart__footer-subtotal {
    padding-bottom: 1.5rem
}

.cart-page .cart__upsell-header {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .cart-page .cart__header {
        padding-top:5rem;
        padding-bottom: 2rem
    }

    .cart-page .cart__footer-container {
        justify-content: flex-end
    }

    .cart-page .cart__footer-wrapper {
        max-width: 24.375rem;
        padding: 4rem 0
    }

    .cart-page .cart__upsell .cart__upsell-swimlane {
        --visible: 2.5
    }
}

@media screen and (min-width: 1024px) {
    .cart-page .cart__upsell-header {
        max-width:1440px;
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .cart-page .cart__upsell .cart__upsell-swimlane {
        --visible: 3.5
    }
}

@media screen and (min-width: 1280px) {
    .cart-page .cart__upsell .cart__upsell-swimlane {
        --visible: 4.5
    }
}

@media screen and (min-width: 1536px) {
    .cart-page .cart__upsell .cart__upsell-swimlane {
        --visible: 5.25
    }
}

.cart__empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem
}

.cart__empty-state-title {
    color: #252427;
    margin: 0;
    margin-bottom: 1rem
}

.cart__empty-state-message {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.02em;
    color: #757470;
    margin: 0;
    margin-bottom: 1rem
}

.cart {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em;
    color: #252427
}

.cart .cart__items {
    padding: 0;
    margin: 0;
    container-type: inline-size;
    container-name: cart-items
}

.cart a:not(.button) {
    text-decoration: none
}

.cart .price__container .price-item {
    font-weight: 600
}

.cart .cart__item {
    font-family: Avantt,sans-serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0;
    position: relative;
    display: flex;
    align-content: center;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #f3f3f3;
    color: #757470;
    gap: 1rem
}

.cart .cart__item-product-title {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em;
    line-height: 1;
    color: #252427;
    display: inline-block;
    padding-bottom: .25rem;
    padding-top: .25rem;
    margin: 0
}

.cart .cart__item-product-title-link {
    color: #252427;
    text-decoration: none
}

.cart .cart__item-product-title-link:hover {
    text-decoration: underline
}

.cart .cart__item-image-link {
    display: block;
    flex-shrink: 0;
    overflow: hidden;
    width: 5.625rem;
    height: 5.625rem;
    background-color: #f3f3f3;
    border-radius: .5rem
}

.cart .cart__item-quantity-button {
    color: #252427;
    position: relative
}

.cart .cart__item-quantity-button,.cart .cart__item-quantity-button svg {
    width: 1rem;
    height: 1rem
}

.cart .cart__item-quantity-button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 2.75rem;
    height: 2.75rem
}

.cart .cart__item-content {
    flex-shrink: 1
}

.cart .cart__item-price {
    justify-content: flex-end;
    flex-grow: 1;
    flex-shrink: 2;
    padding-top: .25rem
}

.cart .cart__item-price .price__container .price-item {
    font-size: .875rem;
    line-height: 1rem
}

.cart .cart__item-price .price {
    flex-wrap: nowrap
}

.cart .cart__item-price .price,.cart .cart__item-price .price__sale {
    justify-content: flex-end
}

.cart .cart__item-discount-title {
    color: #bb243e
}

.cart .cart__item-quantity {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: .25rem 1rem;
    border: 1px solid #e5e3de;
    margin-top: .5rem;
    color: #252427;
    gap: 1rem;
    border-radius: 624.938rem
}

.cart .cart__item-quantity-input {
    width: fit-content;
    border: none;
    text-align: center
}

@container cart-items (max-width: 320px) {
    .cart .cart__item {
        flex-direction: column;
        align-items: flex-start;
        gap: 0
    }

    .cart .cart__item-content {
        width: 100%;
        order: 2
    }

    .cart .cart__item-price {
        width: 100%;
        order: 1;
        justify-content: flex-start;
        padding-top: .5rem
    }

    .cart .cart__item-price .price,.cart .cart__item-price .price__sale {
        justify-content: flex-start
    }
}

.cart__order-notes-toggle,.cart__order-notes-toggle-label {
    display: flex;
    align-items: center;
    gap: .25rem
}

.cart__footer-discount {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding-bottom: .5rem;
    color: #24b416
}

.cart__footer-discount-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    min-width: 0
}

.cart__footer-discount-title {
    display: flex;
    align-items: center;
    gap: .25rem;
    max-width: 75%
}

.cart__footer-discount-title svg {
    flex-shrink: 0;
    width: 1em;
    height: 1em
}

.cart__footer-discount-code {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cart__footer-discount-percentage,.cart__footer-discount-amount {
    flex-shrink: 0
}

.cart__footer-discount-remove {
    cursor: pointer;
    border: none;
    background: none;
    height: .75rem;
    width: .75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    color: #252427;
    border-radius: .25rem;
    flex-shrink: 0
}

.cart__footer-discount-remove svg {
    width: 100%;
    height: 100%
}

.cart__footer-shipping {
    font-family: Avantt,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #757470;
    padding-bottom: .5rem
}

.cart__footer-subtotal {
    font-family: Avantt,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem
}

.cart__footer-subtotal-label {
    position: relative
}

.cart__footer-subtotal-label-count {
    font-family: Avantt,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.03em;
    font-size: .875rem;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(200%,-25%)
}

.cart__footer .checkout-button {
    width: 100%
}

html.js-ajax-cart-processing .cart-page,html.js-ajax-cart-processing .cart-dialog {
    pointer-events: none;
    opacity: .6;
    transition: opacity var(--transition-duration-xf) var(--transition-ease-in-out)
}

html.js-ajax-cart-processing .cart__footer .checkout-button,html.js-ajax-cart-processing .cart__footer [name=checkout],html.js-ajax-cart-processing .cart__upsell-add-button,html.js-ajax-cart-processing .cart__item-quantity {
    pointer-events: none;
    opacity: .6;
    cursor: wait;
    position: relative;
    animation: cart-button-pulse var(--transition-duration-extra-extra-slow) var(--transition-ease-in-out) infinite
}

@keyframes cart-button-pulse {
    0%,to {
        opacity: .8
    }

    50% {
        opacity: .4
    }
}

.audio-player {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 5rem;
    padding: 1rem 1.5rem;
    background: var(--system-neutral-200);
    gap: 1rem;
    border-radius: var(--rounded-lg);
    transition: border-radius .4s var(--transition-ease-in-out),background-color .4s var(--transition-ease-in-out)
}

@media screen and (min-width: 640px) {
    .audio-player {
        width:22.5rem
    }
}

.audio-player__volume-wrapper {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    width: 6.25rem;
    padding: 0;
    padding-bottom: 1rem;
    color: var(--system-inverse);
    gap: .75rem
}

.audio-player__volume-wrapper label {
    font-size: .625rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.03em
}

.audio-player__button--toggle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
    border: none;
    background: var(--system-primary);
    color: #fff;
    border-radius: var(--rounded-full);
    cursor: pointer
}

.audio-player__button--toggle .icon-pause {
    display: none
}

.audio-player__button--toggle svg {
    fill: currentColor
}

.audio-player[active] {
    background: var(--system-primary);
    color: var(--system-neutral-200);
    border-radius: var(--rounded-full)
}

.audio-player[active] .audio-player__volume-wrapper {
    display: flex
}

.audio-player[active] .audio-player__button--toggle {
    background: #fff;
    color: var(--system-primary)
}

.audio-player[active] .audio-player__button--toggle .icon-play {
    display: none
}

.audio-player[active] .audio-player__button--toggle .icon-pause {
    display: block
}

.audio-player__volume {
    position: relative;
    width: 6.25rem;
    height: .5rem;
    border: .0625rem solid var(--system-primary);
    background: linear-gradient(to right,var(--system-inverse) 0%,var(--system-inverse) 50%,var(--system-tertiary) 50%,var(--system-tertiary) 100%);
    -webkit-appearance: none;
    appearance: none;
    border-radius: var(--rounded-lg);
    outline: none;
    cursor: pointer
}

.audio-player__volume::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    border: .0625rem solid var(--system-primary);
    background: var(--system-tertiary);
    border-radius: var(--rounded-lg);
    cursor: pointer
}

.audio-player__volume::-moz-range-track {
    width: 100%;
    height: .5rem;
    border: .0625rem solid var(--system-primary);
    background: var(--system-tertiary);
    border-radius: var(--rounded-lg);
    cursor: pointer
}

.audio-player__volume::-webkit-slider-runnable-track {
    background: linear-gradient(to right,var(--system-inverse) var(--progress),var(--system-tertiary) var(--progress))
}

.audio-player__volume::-moz-range-progress {
    height: .5rem;
    background: var(--system-inverse);
    border-radius: var(--rounded-lg)
}

.audio-player__volume::-webkit-slider-thumb {
    margin-top: -.875rem;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: .6875rem;
    height: 2.5rem;
    border: .25rem solid var(--system-primary);
    background: var(--system-inverse);
    border-radius: var(--rounded-full);
    cursor: pointer
}

.audio-player__volume:focus:not(:active)::-webkit-slider-thumb {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

.audio-player__volume:focus:not(:active)::-moz-range-thumb {
    outline-offset: .1875rem;
    outline: .125rem solid #3696a0
}

.audio-player__volume::-moz-range-thumb {
    box-sizing: border-box;
    width: .6875rem;
    height: 2.5rem;
    border: .25rem solid var(--system-primary);
    background: var(--system-inverse);
    border-radius: var(--rounded-full);
    cursor: pointer
}

.sound-suite .sound-suite-hero--wrapper {
    margin-bottom: 2rem
}

.sound-suite .sound-suite-hero {
    position: relative;
    overflow: hidden;
    border-radius: var(--rounded-lg);
    min-height: calc(100vw - 2rem);
    padding-top: 2.3125rem;
    padding-bottom: 2.3125rem
}

.sound-suite .sound-suite-hero,.sound-suite .sound-suite-hero .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

.sound-suite .sound-suite-hero .content {
    padding: 1.5rem;
    gap: 1rem;
    text-align: center
}

.sound-suite .sound-suite-hero .content p,.sound-suite .sound-suite-hero .content h1 {
    margin: 0;
    color: var(--system-primary)
}

.sound-suite .sound-suite-hero .content .sound-suite-hero__heading p {
    margin-bottom: 1rem;
    font-size: 1rem
}

.sound-suite .sound-suite-hero .content .sound-suite-hero__description {
    font-size: 1rem
}

.sound-suite .sound-suite-hero .sound-suite-hero__media,.sound-suite .sound-suite-hero .sound-suite-hero__media img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%
}

.sound-suite .sound-suite-hero .sound-suite-hero__media img {
    object-fit: cover
}

@media screen and (min-width: 640px) {
    .sound-suite .sound-suite-hero .content {
        gap:2rem
    }

    .sound-suite .sound-suite-hero .content .sound-suite-hero__heading p {
        margin-bottom: .75rem;
        font-size: 1.25rem
    }

    .sound-suite .sound-suite-hero .content .sound-suite-hero__description {
        font-size: 1.5rem
    }
}

@media screen and (min-width: 768px) {
    .sound-suite .sound-suite-hero--wrapper {
        margin-bottom:5rem
    }

    .sound-suite .sound-suite-hero {
        height: auto;
        min-height: unset;
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }

    .sound-suite .sound-suite-hero .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        padding: 0
    }
}

.sound-suite .sound-suite__button--toggle {
    margin: 0 auto
}

.sound-suite .sound-suite__button--toggle[active] {
    background: var(--system-inverse);
    color: var(--system-primary)
}

.sound-suite .sound-suite__button--toggle[active] .icon-play {
    display: none
}

.sound-suite .sound-suite__button--toggle[active] .icon-pause {
    display: block
}

.sound-suite .audio-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center
}

.sound-suite .expand-button-wrapper {
    width: 100%;
    margin-bottom: 2rem;
    text-align: center
}

.sound-suite .expand-button {
    margin-top: 1.5rem
}

@media screen and (min-width: 768px) {
    .sound-suite .audio-container {
        gap:1.5rem
    }

    .sound-suite .expand-button-wrapper {
        margin-bottom: 5rem
    }

    .sound-suite .expand-button {
        margin-top: 2rem
    }
}

@media screen and (max-width: 767.9px) {
    h1.seo_title {
        max-width:270px;
        margin: auto!important
    }
}

@media screen and (min-width: 768px) {
    h1.seo_title {
        max-width:480px
    }
}

@media(min-width: 750px)and (max-width:767px) {
    h1.seo_title {
        max-width:480px
    }
}

.mo-container-body {
    max-width: 20.875rem;
    margin: auto
}

.mo-container-body h1,.mo-container-body h2 {
    text-align: center
}

.mo-container-body #innerForm {
    margin: 3.75rem auto 5.625rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mo-container-body input {
    border-radius: .75rem;
    border-color: #252427;
    font-size: 1rem
}

.mo-container-body .mo-button {
    background-color: #252427;
    color: #fff;
    margin: 2.5rem auto .9375rem;
    min-height: 48px;
    border-radius: 624.938rem;
    width: fit-content
}

@media screen and (max-width: 767.9px) {
    .mo-container-body .mo-button:active {
        background-color:#757470
    }
}

@media screen and (min-width: 768px) {
    .mo-container-body .mo-button:hover {
        background-color:#000
    }
}

.shopify-policy__container {
    padding: 0 .9375rem;
    margin: 40px auto;
    width: 100%;
    max-width: none;
    text-align: left
}

@media(min-width: 576px) {
    .shopify-policy__container {
        max-width:540px
    }
}

@media(min-width: 768px) {
    .shopify-policy__container {
        max-width:720px
    }
}

@media(min-width: 990px) {
    .shopify-policy__container {
        max-width:960px;
        padding: 0 2.5rem;
        margin: 64px auto
    }
}

@media(min-width: 1200px) {
    .shopify-policy__container {
        max-width:1140px
    }
}

@media(min-width: 1400px) {
    .shopify-policy__container {
        max-width:1440px
    }
}

.shopify-policy__title h1 {
    font-size: 5.25rem;
    line-height: 96%;
    letter-spacing: -.03em;
    max-width: 880px;
    text-align: left
}

@media screen and (max-width: 599px) {
    .shopify-policy__title h1 {
        font-size:3rem
    }

    .shopify-policy__container .heading-section {
        font-size: 2.5rem
    }
}

.shopify-policy__container table {
    width: 100%;
    border: 1px solid;
    box-shadow: none
}

.shopify-policy__container th,td {
    min-width: 250px;
    text-align: left
}

.shopify-policy__container th {
    font-size: 16px
}

.shopify-policy__container .table-container {
    overflow-x: auto
}