main {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.shopify-policy__container {
    width: 60%; /* Leaves 15% space on both sides */
    max-width: 1200px; /* Optional: Prevents it from getting too wide */
}

/* Adjust for smaller screens */
@media (max-width: 768px) {
    .shopify-policy__container {
        width: 90%; /* Less gap for mobile */
    }
}


:root {
    --media-below-480: (max-width: 479px);
    --media-above-480: (min-width: 480px);
    --media-below-540: (max-width: 539px);
    --media-above-540: (min-width: 540px);
    --media-below-720: (max-width: 719px);
    --media-above-720: (min-width: 720px);
    --media-below-960: (max-width: 959px);
    --media-above-960: (min-width: 960px);
    --media-below-1024: (max-width: 1023px);
    --media-above-1024: (min-width: 1024px);
    --media-below-1200: (max-width: 1199px);
    --media-above-1200: (min-width: 1200px);
    --media-below-1400: (max-width: 1399px);
    --media-above-1400: (min-width: 1400px);
    --media-below-1800: (max-width: 1800px);
    --media-above-1800: (min-width: 1800px);
    --max-width: 1800px;
    --max-width-narrow: 747px;
    --flyout-mobile-gap: var(--spacing-7);
    --flyout-width: calc(375px + var(--flyout-mobile-gap))
}

@media (min-width: 720px) {
    :root {
        --flyout-width: 400px
    }
}

:root {
    --spacing-unit: 4px;
    --spacing-unit-half: 2px;
    --spacing-1: calc(var(--spacing-unit) * 1);
    --spacing-2: calc(var(--spacing-unit) * 2);
    --spacing-3: calc(var(--spacing-unit) * 3);
    --spacing-4: calc(var(--spacing-unit) * 4);
    --spacing-5: calc(var(--spacing-unit) * 5);
    --spacing-6: calc(var(--spacing-unit) * 6);
    --spacing-7: calc(var(--spacing-unit) * 7);
    --spacing-8: calc(var(--spacing-unit) * 8);
    --spacing-9: calc(var(--spacing-unit) * 9);
    --spacing-10: calc(var(--spacing-unit) * 10);
    --spacing-11: calc(var(--spacing-unit) * 11);
    --spacing-12: calc(var(--spacing-unit) * 12);
    --spacing-14: calc(var(--spacing-unit) * 14);
    --spacing-15: calc(var(--spacing-unit) * 15);
    --spacing-16: calc(var(--spacing-unit) * 16);
    --spacing-17: calc(var(--spacing-unit) * 17);
    --spacing-18: calc(var(--spacing-unit) * 18);
    --spacing-20: calc(var(--spacing-unit) * 20);
    --spacing-25: calc(var(--spacing-unit) * 25);
    --spacing-30: calc(var(--spacing-unit) * 30);
    --box-shadow-short: 0 1px 1px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .15);
    --box-shadow-large: 0 1px 2px rgba(0, 0, 0, .09), 0 2px 8px rgba(0, 0, 0, .15);
    --box-shadow-modal: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 4px 8px 3px rgba(0, 0, 0, .05);
    --box-shadow-drawer-right: -1px 0 3px 0 rgba(0, 0, 0, .15), -4px 0 8px 3px rgba(0, 0, 0, .05);
    --box-shadow-drawer-left: 1px 0 3px 0 rgba(0, 0, 0, .15), 4px 0 8px 3px rgba(0, 0, 0, .05);
    --box-shadow-disclosure: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 2px 6px 2px rgba(0, 0, 0, .05);
    --box-shadow-dropdowns-and-meganavs: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 2px 6px 1px rgba(0, 0, 0, .05);
    --z-index-bar: 300;
    --z-index-header: 510;
    --z-index-announcement-bar: 515;
    --z-index-drawers: 520;
    --z-index-filter-bar-wash: 400;
    --z-index-filter-bar: 450;
    --z-index-popup: 400;
    --z-index-modal-wash: 1200;
    --z-index-modal: 1300;
    --z-index-theme-editor-offset: 2000;
    --z-index-page-transition-overlay: 2100;
    --z-index-quick-search: 480
}

@media (min-width: 960px) {
    :root {
        --z-index-quick-search: 520
    }
}

:root {
    --space-outer: var(--spacing-4)
}

@media (min-width: 720px) {
    :root {
        --space-outer: var(--spacing-6)
    }
}

@media (min-width: 1200px) {
    :root {
        --space-outer: var(--spacing-9)
    }
}

@supports (padding: 0 clamp(24px, 2vw, 36px)) {
    @media (min-width: 720px) {
        :root {
            --space-outer: max(24px, min(2vw, 36px))
        }
    }
}

:root {
    --height-input: 44px;
    --modal-drawer-close-icon-size: 38px;
    --easing: cubic-bezier(.33, 0, 0, 1);
    --duration-ultra-fast: .1s;
    --duration-fast: .3s;
    --duration-normal: .5s;
    --duration-slow: 1.2s;
    --delay-small: 33ms;
    --delay-normal: 67ms;
    --delay-long: 133ms
}

html {
    background-color: var(--color-background)
}

html:not(.no-js) body.user-is-tabbing :focus {
    outline-color: var(--color-text-link)
}

html:not(.no-js) body:not(.user-is-tabbing) :focus {
    outline: 0
}

*,
*:before,
*:after {
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: var(--font-body);
    font-weight: var(--font-body-weight);
    font-style: var(--font-body-style);
    font-size: var(--font-size-body-100);
    line-height: var(--line-height-body);
    color: var(--color-text);
    -webkit-font-smoothing: antialiased;
    -webkit-hyphens: auto;
    hyphens: auto
}

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

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

p {
    margin: 0
}

input:-webkit-autofill:first-line {
    font-size: var(--font-body-base-size);
    font-family: var(--font-body)
}

.product__delivery-date {
    padding: 0 0 24px;
    color: #668e01
}

.product__delivery-date h3 {
    font-size: 140%;
    font-weight: 700
}

.theme-editor-scroll-offset {
    position: fixed;
    height: var(--height-header);
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 2000;
    z-index: var(--z-index-theme-editor-offset);
    pointer-events: none
}

@media (min-width: 960px) {
    .theme-editor-scroll-offset {
        height: var(--header-desktop-sticky-height)
    }
}

body>.page {
    background-color: var(--color-background);
    margin: 0 auto;
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.page-transition {
    z-index: 1000;
    opacity: 1;
    background-color: var(--color-background);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: all;
    transition: opacity .3s ease
}

.no-js .page-transition {
    display: none
}

.shopify-challenge__container {
    margin: 40px auto !important;
    margin: var(--spacing-10) auto !important
}

@media (min-width: 960px) {
    .shopify-challenge__container {
        margin: 100px auto 32px !important;
        margin: var(--spacing-25) auto calc(var(--space-outer) * 2) !important
    }
}

.shopify-challenge__container .shopify-challenge__message {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-5)
}

.shopify-challenge__container .shopify-challenge__button.btn {
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

@media (max-width: 959px) {

    .smart-table,
    .smart-table tbody {
        display: block;
        width: 100%
    }

    .smart-table thead {
        display: none
    }

    .smart-table tr,
    .smart-table th,
    .smart-table td {
        display: block;
        padding: 0;
        text-align: left;
        white-space: normal
    }

    .smart-table tr {
        padding: 20px 0;
        padding: var(--spacing-5) 0;
        margin-top: 20px 0;
        margin-top: var(--spacing-5) 0
    }

    .smart-table tr+tr {
        border-top: 1px solid var(--color-border)
    }

    .smart-table th[data-label]:before,
    .smart-table td[data-label]:before {
        content: attr(data-label) ":\a0";
        font-weight: 700
    }

    .smart-table td {
        border: none
    }

    .smart-table td:empty {
        display: none
    }

    .smart-table td:first-child {
        margin-bottom: 4px;
        margin-bottom: var(--spacing-unit)
    }

    .smart-table td:first-child:before {
        content: ""
    }
}

#page-transition-overlay {
    z-index: 2100;
    z-index: var(--z-index-page-transition-overlay);
    background-color: "#ffffff";
    background-color: var(--color-background, "#ffffff");
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    transition: opacity .3s ease, visibility 0ms linear .3s;
    opacity: 0;
    visibility: hidden
}

.no-js #page-transition-overlay {
    display: none
}

#page-transition-overlay.skip-animation {
    transition-duration: 0ms, 0ms
}

#page-transition-overlay.active {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease, visibility 0ms linear 0ms
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important
}

.visually-hidden {
    overflow: hidden;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0)
}

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

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

.no-js .js {
    display: none
}

.supports-no-cookies:not(html) {
    display: none
}

html.supports-no-cookies .supports-no-cookies:not(html) {
    display: block
}

html.supports-no-cookies .supports-cookies {
    display: none
}

@media (min-width: 480px) {
    .hover .image {
        overflow: hidden
    }

    .hover .image>* {
        transition: transform 1.2s cubic-bezier(.33, 0, 0, 1);
        transition: transform var(--duration-slow) var(--easing)
    }

    .hover:hover .image>* {
        transform: scale(1.05)
    }
}

form {
    margin: 0
}

input,
textarea,
select {
    display: inline-block;
    border-radius: 0;
    border: 1px solid var(--color-border-input);
    position: relative;
    font-size: inherit;
    font-family: inherit;
    font-weight: var(--font-body-weight);
    background-color: var(--color-background-input);
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .3s ease, box-shadow .3s ease
}

input option,
textarea option,
select option {
    background-color: var(--color-background)
}

input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
    border-color: var(--color-text-input)
}

@media (max-width: 719px) {

    input,
    select,
    textarea {
        font-size: 16px !important
    }
}

input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

input[type=checkbox] {
    position: relative;
    vertical-align: middle;
    width: .9em;
    width: var(--font-size-body-75, .9em);
    height: .9em;
    height: var(--font-size-body-75, .9em);
    margin: 0;
    border: 1px solid var(--color-border-input);
    cursor: pointer
}

input[type=checkbox]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.88 11.988 6.21 6.103L22.467 3.83' stroke='currentColor' stroke-width='3.055'/%3E%3C/svg%3E");
    transform: scale(.75);
    opacity: 0;
    transition: opacity .3s
}

input[type=checkbox]:checked {
    border-color: var(--color-text-input)
}

input[type=checkbox]:checked:before {
    opacity: 1
}

input[type=checkbox]+label {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
    padding-left: var(--spacing-1)
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.input,
input.spr-form-input,
textarea.spr-form-input {
    width: 100%;
    border: 1px solid var(--color-border-input);
    color: var(--color-text-input)
}

.input.input--error,
input.spr-form-input.input--error,
textarea.spr-form-input.input--error {
    border-color: var(--color-text-error)
}

.input.input--round,
input.spr-form-input.input--round,
textarea.spr-form-input.input--round {
    border-radius: 44px;
    border-radius: var(--height-input);
    padding: 0 20px;
    padding: 0 var(--spacing-5)
}

input.input,
select.input,
input.spr-form-input {
    height: 44px;
    height: var(--height-input);
    padding: 8px 12px;
    padding: var(--spacing-2) var(--spacing-3)
}

input.input.has-errors,
select.input.has-errors,
input.spr-form-input.has-errors {
    border-color: var(--color-text-error)
}

textarea.input,
textarea.spr-form-input {
    resize: vertical;
    padding: 12px;
    padding: var(--spacing-3);
    font-size: var(--font-size-body-100);
    line-height: var(--line-height-body);
    vertical-align: top
}

select.input {
    cursor: pointer
}

.select-wrapper {
    position: relative
}

.select-wrapper select {
    padding-right: 32px;
    padding-right: var(--spacing-8)
}

.select-wrapper .icon {
    position: absolute;
    right: 12px;
    right: var(--spacing-3);
    top: 50%;
    width: 10px;
    height: 10px;
    display: flex;
    color: var(--color-text-input);
    pointer-events: none;
    transform: translateY(-50%);
    transition: color .3s ease
}

.select-wrapper .icon.hidden {
    display: none
}

.select-wrapper select {
    transition: border-color .3s ease-in-out
}

.select-wrapper select:hover {
    border-color: var(--color-text-input)
}

.select-wrapper select:hover+.icon {
    color: var(--color-text-input)
}

.input::-moz-placeholder {
    color: inherit;
    opacity: .6
}

.input::placeholder {
    color: inherit;
    opacity: .6
}

label {
    display: block
}

label:not(.visually-hidden)+input.input,
label:not(.visually-hidden)+select.input,
label:not(.visually-hidden)+textarea.input,
input.input+label:not(.visually-hidden) {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.input-control__container {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
    margin: calc(var(--spacing-2) * -1)
}

.input-control {
    width: 100%;
    padding: 8px;
    padding: var(--spacing-2)
}

@media (min-width: 480px) {
    .input-control.input-control--half {
        width: calc(50% - 8px);
        width: calc(50% - var(--spacing-2));
        width: 50%
    }
}

.rte[data-alignment=center] ul,
.shopify-policy__body[data-alignment=center] ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 16px auto;
    margin: var(--spacing-4) auto
}

.rte[data-alignment=center] ul li,
.shopify-policy__body[data-alignment=center] ul li {
    list-style-position: inside
}

.rte p,
.rte li,
.shopify-policy__body p,
.shopify-policy__body li {
    font-family: var(--font-body);
    font-weight: var(--font-body-weight);
    font-style: var(--font-body-style);
    line-height: var(--line-height-body)
}

.rte p,
.rte ol,
.rte ul,
.shopify-policy__body p,
.shopify-policy__body ol,
.shopify-policy__body ul,
.rte p ol,
.rte p ul,
.rte ol ol,
.rte ol ul,
.rte ul ol,
.rte ul ul,
.shopify-policy__body p ol,
.shopify-policy__body p ul,
.shopify-policy__body ol ol,
.shopify-policy__body ol ul,
.shopify-policy__body ul ol,
.shopify-policy__body ul ul {
    margin-top: 16px;
    margin-top: var(--spacing-4);
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4)
}

.rte p:first-child,
.rte ol:first-child,
.rte ul:first-child,
.shopify-policy__body p:first-child,
.shopify-policy__body ol:first-child,
.shopify-policy__body ul:first-child {
    margin-top: 0
}

.rte p:last-child,
.rte ol:last-child,
.rte ul:last-child,
.shopify-policy__body p:last-child,
.shopify-policy__body ol:last-child,
.shopify-policy__body ul:last-child {
    margin-bottom: 0
}

.rte li,
.shopify-policy__body li {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.rte li:first-child,
.shopify-policy__body li:first-child {
    margin-top: 0
}

.rte iframe,
.rte video,
.shopify-policy__body iframe,
.shopify-policy__body video {
    width: 100%;
    display: block
}

.rte:not(.non-page-rte) iframe,
.rte:not(.non-page-rte) video,
.rte:not(.non-page-rte) img,
.rte:not(.non-page-rte) blockquote,
.rte:not(.non-page-rte) table,
.rte:not(.non-page-rte) div,
.rte:not(.non-page-rte) .rte__iframe,
.rte:not(.non-page-rte) .rte__table-wrapper,
.shopify-policy__body:not(.non-page-rte) iframe,
.shopify-policy__body:not(.non-page-rte) video,
.shopify-policy__body:not(.non-page-rte) img,
.shopify-policy__body:not(.non-page-rte) blockquote,
.shopify-policy__body:not(.non-page-rte) table,
.shopify-policy__body:not(.non-page-rte) div,
.shopify-policy__body:not(.non-page-rte) .rte__iframe,
.shopify-policy__body:not(.non-page-rte) .rte__table-wrapper {
    margin: 28px 0;
    margin: var(--spacing-7) 0
}

.rte div>iframe,
.shopify-policy__body div>iframe {
    margin: 0
}

.rte table,
.shopify-policy__body table {
    width: 100%;
    border-collapse: collapse
}

.rte table:first-child,
.shopify-policy__body table:first-child {
    margin-top: 0
}

.rte table td,
.rte table th,
.shopify-policy__body table td,
.shopify-policy__body table th {
    border: 1px solid var(--color-border);
    padding: 8px 16px;
    padding: var(--spacing-2) var(--spacing-4)
}

.rte table th,
.shopify-policy__body table th {
    background-color: var(--color-background-meta);
    text-align: left;
    font-weight: inherit;
    background: var(--color-background-meta)
}

.rte hr,
.shopify-policy__body hr {
    background-color: var(--color-border);
    border: none;
    height: 1px;
    margin: 32px 0;
    margin: var(--spacing-8) 0
}

.rte i,
.rte em,
.shopify-policy__body i,
.shopify-policy__body em {
    font-style: var(--font-body-italic)
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6,
.shopify-policy__body h1,
.shopify-policy__body h2,
.shopify-policy__body h3,
.shopify-policy__body h4,
.shopify-policy__body h5,
.shopify-policy__body h6 {
    margin-top: 32px;
    margin-top: var(--spacing-8);
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4);
    font-family: var(--font-heading);
    line-height: var(--line-height-heading);
    font-weight: var(--font-heading-weight);
    letter-spacing: 0;
    letter-spacing: var(--font-heading-base-letter-spacing, 0);
    text-transform: none;
    text-transform: var(--font-heading-text-transform, none);
    color: var(--color-text)
}

.rte h1,
.shopify-policy__body h1 {
    font-size: var(--font-size-heading-1-base)
}

.rte h2,
.shopify-policy__body h2 {
    font-size: var(--font-size-heading-2-base)
}

.rte h3,
.shopify-policy__body h3 {
    font-size: var(--font-size-heading-3-base)
}

.rte h4,
.shopify-policy__body h4 {
    font-size: var(--font-size-heading-4-base)
}

.rte h5,
.shopify-policy__body h5 {
    font-size: var(--font-size-heading-5-base)
}

.rte h6,
.shopify-policy__body h6 {
    font-size: var(--font-size-heading-6-base)
}

.rte a,
.shopify-policy__body a {
    color: var(--color-text-link);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px;
    transition: opacity .25s
}

.rte a:hover,
.shopify-policy__body a:hover {
    opacity: .6
}

.rte img,
.shopify-policy__body img {
    display: block;
    max-width: 100%
}

.rte strong,
.rte b,
.shopify-policy__body strong,
.shopify-policy__body b {
    font-weight: var(--font-body-bold-weight)
}

.rte blockquote,
.shopify-policy__body blockquote {
    padding-left: 24px;
    padding-left: var(--spacing-6);
    border-left: solid 2px var(--color-accent);
    position: relative
}

.rte blockquote:before,
.shopify-policy__body blockquote:before {
    content: "\201c";
    font-size: 1.7em;
    position: absolute;
    top: -.25em;
    left: 4px;
    left: var(--spacing-1)
}

.rte blockquote p,
.shopify-policy__body blockquote p {
    margin: 0
}

.rte .rte__table-wrapper,
.shopify-policy__body .rte__table-wrapper {
    overflow-x: auto;
    position: relative;
    margin: 16px 0;
    margin: var(--spacing-4) 0
}

.rte .rte__table-wrapper table,
.shopify-policy__body .rte__table-wrapper table {
    margin: 0
}

.rte .rte__iframe iframe,
.shopify-policy__body .rte__iframe iframe {
    width: 100%;
    aspect-ratio: 16/9
}

.header__space {
    width: 100%;
    height: 0;
    height: calc(var(--announcement-height, 0) + var(--nav-bar-height, 0));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.header {
    --size-icon-touch: 38px;
    --size-icon-touch-mobile: 41px;
    --quick-search-input-height: 40px;
    --navigation-bar-link-padding: 10px;
    --drop-shadow-line: 0 0 0 1px rgba(0, 0, 0, .1);
    --drop-shadow-line-transparent: 0 0 0 1px rgba(0, 0, 0, 0);
    --drop-shadow-small-shadow: 0 0 5px rgba(0, 0, 0, .15);
    --drop-shadow-small-shadow-transparent: 0 0 5px rgba(0, 0, 0, 0);
    color: var(--color-text-header);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 0;
    pointer-events: none
}

.header>* {
    pointer-events: all
}

.header .header__logo-wrapper .image {
    background-color: transparent
}

.header .regular-logo .image__img.lazyloaded,
.header .trasparent-logo .image__img.lazyloaded {
    transition: none
}

@media (min-width: 960px) {
    .header.header--navigation-below.header--inline {
        padding-bottom: 12px;
        padding-bottom: var(--spacing-3)
    }
}

.header .header__skip-to-content.btn {
    z-index: 1300;
    z-index: var(--z-index-modal);
    visibility: hidden;
    position: absolute;
    top: 40px;
    top: var(--spacing-10);
    left: 0
}

.user-is-tabbing .header .header__skip-to-content.btn {
    visibility: visible
}

.header .icon-button__icon .icon {
    width: 26px;
    height: 26px
}

.header.header--has-full-width-search .header__quick-search-bar {
    width: 100%
}

.header.header--layout-below-logo-left-search-left .header__content-segment {
    flex-grow: 1
}

.header.header--mobile-layout-logo-left-menu-right {
    --mobile-width-offset: 170px
}

.header.header--mobile-layout-logo-left-menu-left,
.header.header--mobile-layout-logo-center-menu-left {
    --mobile-width-offset: 160px
}

.header.header--mobile-layout-logo-left-menu-left.header--has-mobile-search-bar,
.header.header--mobile-layout-logo-center-menu-left.header--has-mobile-search-bar,
.header.header--mobile-layout-logo-left-menu-right.header--has-mobile-search-bar {
    --mobile-width-offset: 120px
}

.header[data-search-enabled=true][data-mobile-search-appearance=icon] .header__content-mobile.header__content--search-bar {
    margin-top: 0
}

.header[data-search-enabled=true][data-mobile-search-appearance=icon] .header__content-mobile.header__content--search-bar .quick-search__trigger-container {
    display: none
}

.header[data-drop-shadow=line] .header__background-container,
.header[data-drop-shadow=shadow] .header__background-container {
    transition: background-color .5s cubic-bezier(.33, 0, 0, 1), box-shadow 0s .3s;
    transition: background-color var(--duration-normal) var(--easing), box-shadow 0s var(--duration-fast)
}

html:not(.nav-bar-hidden) .header[data-drop-shadow=line].header--has-nav-bar .header__background-container,
html:not(.nav-bar-hidden) .header[data-drop-shadow=shadow].header--has-nav-bar .header__background-container {
    transition: background-color .5s cubic-bezier(.33, 0, 0, 1), box-shadow 0s 0s;
    transition: background-color var(--duration-normal) var(--easing), box-shadow 0s 0s
}

.header[data-drop-shadow=line] .header__nav-bar,
.header[data-drop-shadow=line] .header__background-container {
    box-shadow: var(--drop-shadow-line)
}

@media (min-width: 960px) {
    html:not(.nav-bar-hidden) .header[data-drop-shadow=line].header--has-nav-bar .header__background-container {
        box-shadow: var(--drop-shadow-line-transparent)
    }
}

html.nav-bar-hidden .header[data-drop-shadow=line].header--has-nav-bar .header__nav-bar {
    box-shadow: var(--drop-shadow-line-transparent)
}

.header[data-drop-shadow=shadow] .header__nav-bar,
.header[data-drop-shadow=shadow] .header__background-container {
    box-shadow: var(--drop-shadow-small-shadow)
}

@media (min-width: 960px) {
    html:not(.nav-bar-hidden) .header[data-drop-shadow=shadow].header--has-nav-bar .header__background-container {
        box-shadow: var(--drop-shadow-small-shadow-transparent)
    }
}

html.nav-bar-hidden .header[data-drop-shadow=shadow].header--has-nav-bar .header__nav-bar {
    box-shadow: var(--drop-shadow-small-shadow-transparent)
}

.header__background-container {
    background-color: var(--color-background-header);
    transition: background-color .5s cubic-bezier(.33, 0, 0, 1);
    transition: background-color var(--duration-normal) var(--easing)
}

.header__inner-wrapper,
.header__nav-bar-inner {
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    padding: 0 16px;
    padding: var(--section-style-spacing-top, 0) var(--space-outer) var(--section-style-spacing-bottom, 0);
    margin-right: auto;
    margin-left: auto
}

@media (max-width: 959px) {
    .header__inner-wrapper {
        height: var(--auto-height-header);
        height: var(--initial-height-header)
    }
}

.header__inner {
    padding-top: 4px;
    padding-top: var(--spacing-1);
    padding-bottom: 4px;
    padding-bottom: var(--spacing-1)
}

@media (min-width: 960px) {
    .header__inner {
        padding-top: 16px;
        padding-top: var(--spacing-4);
        padding-bottom: 16px;
        padding-bottom: var(--spacing-4);
        transition: color .5s cubic-bezier(.33, 0, 0, 1);
        transition: color var(--duration-normal) var(--easing)
    }
}

@media (max-width: 959px) {
    .header--has-mobile-search-bar .header__inner {
        padding-bottom: 12px;
        padding-bottom: var(--spacing-3)
    }
}

.header__content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header__content.three-segment {
    display: grid;
    grid-template-columns: 1fr auto 1fr
}

.header__content.three-segment-alt {
    display: grid;
    grid-template-columns: auto 1fr auto
}

.header__content.three-segment-search-center {
    grid-template-columns: 1fr minmax(auto, 600px) 1fr
}

.header__content.logo-only {
    justify-content: center
}

@media (max-width: 959px) {
    .header__content.header__content-desktop {
        display: none
    }
}

[data-navigation-position=below] .header__content.header__content-desktop {
    position: relative
}

.header__content.header__content-mobile {
    transition: color .5s cubic-bezier(.33, 0, 0, 1);
    transition: color var(--duration-normal) var(--easing)
}

@media (min-width: 960px) {
    .header__content.header__content-mobile {
        display: none
    }
}

.header__content.header__content-mobile .header.header--mobile-layout-logo-left-menu-right .header__icon-menu {
    margin-right: -10px
}

.header__content.header__content-mobile .header__content-segment {
    display: flex
}

.header__content.header__content-mobile .header__content-segment.right>*:last-child {
    margin-right: -8px
}

.header__content.header__content-mobile .header__content-segment.right>*:last-child.header__icon-touch--cart {
    margin-right: -4px
}

.header__content.header__content-mobile .header__icon-touch+.header__icon-touch {
    margin-left: -2px
}

.header__content.header__content-mobile .header__icon-touch.header__icon-touch--cart:not([data-cart-count="0"])+.header__icon-touch {
    margin-left: 8px
}

.header__content.header__content-mobile .header__icon-touch+.header__logo {
    margin-left: 4px
}

.header__content.header__content-mobile .icon-button__icon:before {
    transform: scale(.95)
}

.header__content.header__content-mobile+.header__content-mobile.header__content--search-bar {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.header__content-segment {
    display: flex;
    align-items: center
}

@media (min-width: 960px) {
    .header__content-segment>*:not(.header__quick-search-bar).not(.header__logo) {
        transition: opacity .3s;
        transition: opacity var(--duration-fast)
    }
}

[data-quick-search-open="true"] .header__content-segment>*:not(.header__quick-search-bar).not(.header__logo) {
    opacity: 0;
    pointer-events: none
}

@media (max-width: 959px) {
    .header__content-segment {
        flex-shrink: 1
    }
}

@media (min-width: 960px) {
    .header__content-segment {
        margin-right: 16px;
        margin-right: var(--spacing-4);
        margin-left: 16px;
        margin-left: var(--spacing-4)
    }
}

.header__content-segment.header__content-segment-search {
    z-index: 1
}

@media (min-width: 960px) {
    .header__content-segment>*:not(.header__quick-search-bar):not(.header__logo) {
        transition: opacity .3s;
        transition: opacity var(--duration-fast)
    }
}

[data-quick-search-open=true] .header__content-segment>*:not(.header__quick-search-bar):not(.header__logo) {
    opacity: 0;
    pointer-events: none
}

@media (min-width: 960px) {
    .header__content-segment.left {
        margin-left: 0
    }
}

@media (max-width: 959px) {
    .header__content-segment.left .header__icon-touch:first-child {
        margin-left: -10px
    }
}

.header__content-segment.left .header__logo+.header__quick-search-bar,
.header__content-segment.left .header__logo+.header__links {
    margin-left: 40px;
    margin-left: var(--spacing-10)
}

.header__content-segment.right {
    justify-content: flex-end
}

@media (min-width: 960px) {
    .header__content-segment.right {
        margin-right: 0
    }
}

.header__content-segment.right>*:last-child.header__icon-touch--cart {
    margin-right: -8px
}

@media (min-width: 960px) {

    .header__content-segment.right .header__links+.header__quick-search-bar,
    .header__content-segment.right .header__links+.header__account-button-wrapper,
    .header__content-segment.right .header__links+.header__icon-with-label-touch,
    .header__content-segment.right .header__icon-touch+.header__account-button-wrapper,
    .header__content-segment.right .header__icon-touch+.header__icon-with-label-touch,
    .header__content-segment.right .header__quick-search-bar+.header__account-button-wrapper {
        margin-left: 40px;
        margin-left: var(--spacing-10)
    }
}

@media (min-width: 960px) {

    .header__content-segment.right .header__links+.header__icon-touch,
    .header__content-segment.right .header__quick-search-bar+.header__icon-touch,
    .header__content-segment.right .header__quick-search-bar+.header__icon-with-label-touch {
        margin-left: 28px;
        margin-left: var(--spacing-7)
    }
}

@media (min-width: 960px) {

    .header__content-segment.right .header__account-button-wrapper+.header__icon-with-label-touch,
    .header__content-segment.right .header__icon-with-label-touch+.header__icon-with-label-touch {
        margin-left: 20px;
        margin-left: var(--spacing-5)
    }
}

@media (min-width: 960px) {

    .header__content-segment.right .header__account-button-wrapper+.header__icon-touch,
    .header__content-segment.right .header__icon-touch+.header__icon-touch {
        margin-left: 12px;
        margin-left: var(--spacing-3)
    }
}

.header__logo {
    display: flex;
    align-self: center;
    align-items: center;
    transition: visibility 0s cubic-bezier(.33, 0, 0, 1), opacity .3s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s var(--easing), opacity var(--duration-fast) var(--easing)
}

.header__logo .transparent-logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0
}

.header__logo .transparent-logo .image__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 960px) {

    .header--center .header__logo,
    .header--icon:not(.header--left) .header__logo {
        padding: 0 24px;
        padding: 0 calc(var(--spacing-unit) * 6)
    }

    .header--left .header__logo {
        padding-right: 24px;
        padding-right: calc(var(--spacing-unit) * 6)
    }
}

.header--has-logo .header__logo .header__logo-text {
    display: none
}

.header__logo-text {
    font-size: var(--logo-font-size);
    text-transform: none;
    text-transform: var(--logo-text-transform, none);
    letter-spacing: var(--logo-letter-spacing);
    font-family: var(--font-logo);
    font-weight: var(--font-logo-weight);
    font-style: var(--font-logo-style);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

@media (max-width: 959px) {
    .header__logo-text {
        max-width: calc(100vw - var(--mobile-width-offset))
    }
}

.header__links {
    display: flex;
    justify-content: center;
    height: 100%
}

@media (max-width: 959px) {
    .header__links {
        display: none
    }
}

.header__links>ul>li>[data-link] {
    line-height: var(--line-height-body);
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.header__links>ul>li>[data-link] .link-hover {
    position: relative;
    pointer-events: none
}

.header__links>ul>li>[data-link] .link-hover:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    top: calc(100% + var(--spacing-2) - 2px);
    width: 100%;
    height: 2px;
    background: currentColor;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform .3s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-fast) var(--easing)
}

.header__links>ul>li>[data-link]:hover .link-hover:before,
.header__links>ul>li>[data-link][aria-expanded=true] .link-hover:before {
    transform-origin: 0% 50%;
    transform: scaleZ(1)
}

.header__links>ul>li>[data-link]:hover,
.header__links>ul>li>[data-link]:focus {
    -webkit-text-decoration: none;
    text-decoration: none
}

.header__links .navigation__links-list {
    justify-content: center
}

.header--nav-align-left .header__links,
.header--nav-align-left .header__links .navigation__links-list {
    justify-content: flex-start
}

.header--nav-align-right .header__links,
.header--nav-align-right .header__links .navigation__links-list {
    justify-content: flex-end
}

.header__icon-touch {
    position: relative;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: space-around;
    width: var(--size-icon-touch);
    height: var(--size-icon-touch);
    margin: 1px
}

@media (max-width: 959px) {

    .header__icon-touch,
    .header__icon-touch .icon-button,
    .header__icon-touch .icon-button__icon {
        width: var(--size-icon-touch-mobile);
        height: var(--size-icon-touch-mobile)
    }
}

.header__icon-touch .icon-button {
    --color: var(--color-text-header)
}

.header__icon-touch.active .icon-button__icon:before {
    opacity: .1;
    transform: scale(1)
}

@media (max-width: 959px) {
    .header__icon-touch.header__icon-touch--account {
        display: none
    }
}

.header__icon-touch.header__menu-icon--nav-bar.header__icon-menu.header__icon-touch {
    visibility: hidden;
    opacity: 0;
    margin-left: -58px;
    margin-right: 20px;
    margin-right: var(--spacing-5);
    transition: margin .3s cubic-bezier(.33, 0, 0, 1), visibility 0s .3s cubic-bezier(.33, 0, 0, 1), opacity .3s cubic-bezier(.33, 0, 0, 1);
    transition: margin var(--duration-fast) var(--easing), visibility 0s var(--duration-fast) var(--easing), opacity var(--duration-fast) var(--easing)
}

.nav-bar-toggle-visible .header__icon-touch.header__menu-icon--nav-bar.header__icon-menu.header__icon-touch {
    visibility: visible;
    opacity: 1;
    transition: margin .3s cubic-bezier(.33, 0, 0, 1), visibility 0s 0s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: margin var(--duration-fast) var(--easing), visibility 0s 0s var(--easing), opacity var(--duration-normal) var(--easing);
    margin-left: -9px
}

body[data-quick-search-open=true] .header__icon-touch.header__menu-icon--nav-bar.header__icon-menu.header__icon-touch {
    visibility: hidden;
    opacity: 0
}

.header__icon-touch.header__menu-icon--nav-bar.header__icon-menu.header__icon-touch[aria-expanded=true] .icon-button__icon:before {
    opacity: .1;
    transform: scale(1)
}

.header__icon-touch.header__icon-touch--search {
    position: relative
}

.header__icon-touch.header__icon-touch--search .icon-button-header-search,
.header__icon-touch.header__icon-touch--search .icon-button-header-menu-close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .1s cubic-bezier(.33, 0, 0, 1), transform .1s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-ultra-fast) var(--easing), transform var(--duration-ultra-fast) var(--easing)
}

.header__icon-touch.header__icon-touch--search .icon-button-header-search {
    transition-delay: .05s;
    transition-delay: calc(var(--duration-ultra-fast) / 2)
}

.header__icon-touch.header__icon-touch--search .icon-button-header-menu-close {
    opacity: 0;
    transform: scale(.8)
}

.header__icon-touch.header__icon-touch--search[aria-expanded=true] .icon-button-header-search {
    opacity: 0;
    transform: scale(.8);
    transition-delay: 0s
}

.header__icon-touch.header__icon-touch--search[aria-expanded=true] .icon-button-header-menu-close {
    opacity: 1;
    transform: scale(1);
    transition-delay: .05s;
    transition-delay: calc(var(--duration-ultra-fast) / 2)
}

.header__icon-with-label-touch {
    position: relative;
    height: 38px;
    transition: transform .25s
}

.header__icon-with-label-touch:before {
    content: "";
    background-color: var(--color-text-header);
    opacity: 0;
    border-radius: calc(1em + 4px);
    height: 100%;
    width: calc(100% + 24px);
    width: calc(100% + var(--spacing-6));
    margin-left: -12px;
    margin-left: calc(var(--spacing-3) * -1);
    position: absolute;
    z-index: 2;
    transform: scale(.7);
    transition: opacity .2s, transform .2s ease-in-out
}

.header__icon-with-label-touch:hover:before,
.header__icon-with-label-touch:active:before,
.header__icon-with-label-touch.active:before {
    opacity: .1;
    transform: scale(1)
}

.header__icon-with-label-touch:active:before {
    transform: scale(.95)
}

.header__icon-with-label-touch.header__icon-with-label-touch--cart:before {
    width: calc(100% + 16px);
    width: calc(100% + var(--spacing-4));
    margin-left: -4px;
    margin-left: calc(var(--spacing-1) * -1)
}

.header__icon-with-label-touch,
.header__icon-with-label-touch-label,
.header__icon-with-label-touch-icon {
    display: flex;
    align-items: center
}

.header__icon-with-label-touch-label {
    margin-left: 8px;
    margin-left: var(--spacing-2);
    white-space: nowrap
}

.header__icon-with-label-touch--cart .header__icon-with-label-touch-label {
    margin-left: 8px;
    margin-left: var(--spacing-2)
}

.header__icon-with-label-touch--cart .header__icon-with-label-touch-label[data-cart-count="0"] {
    margin-left: 2px;
    margin-left: var(--spacing-unit-half)
}

.header__icon-with-label-touch-icon {
    position: relative
}

.header__icon-with-label-touch-icon .icon-button__icon:before {
    display: none
}

.header__cart-link {
    position: relative
}

.header__cart-link-count {
    background-color: var(--color-background-cart-dot);
    color: var(--color-text-cart-dot);
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    padding: 0 .25em;
    line-height: 18px;
    text-align: center;
    position: absolute;
    pointer-events: none;
    top: 4px;
    right: -5px;
    font-size: var(--font-size-body-25);
    z-index: 2;
    transition: box-shadow .5s cubic-bezier(.33, 0, 0, 1), opacity .3s cubic-bezier(.33, 0, 0, 1);
    transition: box-shadow var(--duration-normal) var(--easing), opacity var(--duration-fast) var(--easing);
    opacity: 1
}

@media (min-width: 960px) {
    .header__cart-link-count {
        right: -4px;
        top: 1px
    }
}

.header__logo-wrapper {
    position: relative
}

.header__logo-link {
    text-align: center;
    line-height: normal
}

@media (max-width: 959px) {
    .header__logo-link {
        display: flex;
        align-items: center;
        padding-top: 8px;
        padding-top: var(--spacing-2);
        padding-bottom: 8px;
        padding-bottom: var(--spacing-2)
    }
}

.header--has-logo .header__logo-link {
    width: var(--logo-width);
    max-width: 40vw
}

@media (max-width: 959px) {
    .header--has-logo .header__logo-link {
        width: auto;
        max-width: var(--mobile-logo-width)
    }
}

@media (min-width: 960px) {
    .header--has-logo .header__logo-link {
        width: auto;
    }
}

.header--has-logo .header__logo-link .image {
    width: 70%;
    height: 100%
}

.header__account-button-wrapper {
    position: relative
}

.header__account-quick-view {
    --color-text-link: var(--color-links-popups-drawers);
    --color-background-input: var(--color-background-input-popups-drawers);
    --color-text-input: var(--color-text-input-popups-drawers);
    --color-border-input: var(--color-border-input-popups-drawers);
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: -4px;
    margin-top: calc(var(--spacing-1) * -1);
    margin-right: -10px;
    margin-right: calc(var(--spacing-5) / 2 * -1);
    padding: 12px;
    padding: var(--spacing-3);
    overflow: hidden;
    transition: padding-top 0s .5s cubic-bezier(.33, 0, 0, 1), margin-top 0s .5s cubic-bezier(.33, 0, 0, 1);
    transition: padding-top 0s var(--duration-normal) var(--easing), margin-top 0s var(--duration-normal) var(--easing);
    z-index: 2
}

.header__account-quick-view:not(.active) {
    margin-top: 8px;
    margin-top: var(--spacing-2);
    padding-top: 0;
    pointer-events: none;
    transition: padding-top 0s 0s cubic-bezier(.33, 0, 0, 1), margin-top 0s 0s cubic-bezier(.33, 0, 0, 1);
    transition: padding-top 0s 0s var(--easing), margin-top 0s 0s var(--easing)
}

.header__account-quick-view:not(.active) .header__account-quick-view-inner {
    transform: translateY(-100%);
    visibility: hidden;
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), visibility .5s 0s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing), visibility var(--duration-normal) 0s var(--easing)
}

.has-label .header__account-quick-view {
    margin-right: -20px;
    margin-right: calc(var(--spacing-5) * -1)
}

.header__account-quick-view-inner {
    background-color: var(--color-background-popups-drawers);
    color: var(--color-text-popups-drawers);
    width: 350px;
    padding: 16px;
    padding: var(--spacing-4);
    box-shadow: 0 1px 3px #00000026, 0 4px 8px 3px #0000000d;
    box-shadow: var(--box-shadow-modal);
    transform: translateY(0);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), visibility .5s 0s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing), visibility var(--duration-normal) 0s var(--easing);
    visibility: visible
}

body.header-transparent #main {
    margin-top: calc(var(--height-header) * -1)
}

@media (max-width: 959px) {
    body[data-quick-search-open=true] .header {
        position: fixed;
        top: 0;
        right: 0;
        bottom: auto;
        bottom: initial;
        left: 0
    }
}

body[data-quick-search-open=true] .header__logo {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .3s cubic-bezier(.33, 0, 0, 1), opacity .3s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s var(--duration-fast) var(--easing), opacity var(--duration-fast) var(--easing)
}

@media (max-width: 959px) {
    body[data-quick-search-open=true] .header__inner-wrapper {
        height: calc(var(--quick-search-input-height) + (4px * 6));
        height: calc(var(--quick-search-input-height) + 24px);
        height: calc(var(--quick-search-input-height) + var(--spacing-6))
    }
}

@media (max-width: 959px) {
    body[data-quick-search-open=true] .announcement-bar {
        height: 0
    }
}

.header__nav-bar {
    z-index: -1;
    position: relative;
    visibility: visible;
    transition: transform .3s cubic-bezier(.33, 0, 0, 1), visibility 0s 0s cubic-bezier(.33, 0, 0, 1), background-color .5s 0s cubic-bezier(.33, 0, 0, 1), color .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-fast) var(--easing), visibility 0s 0s var(--easing), background-color var(--duration-normal) 0s var(--easing), color var(--duration-normal) var(--easing);
    background-color: var(--color-background-main-menu);
    color: var(--color-text-main-menu)
}

.nav-bar-hidden .header__nav-bar {
    visibility: hidden;
    transform: translateY(calc(var(--nav-bar-height) * -1));
    transition: transform cubic-bezier(.33, 0, 0, 1) .3s, visibility 0s cubic-bezier(.33, 0, 0, 1) .3s, background-color .5s .3s cubic-bezier(.33, 0, 0, 1), box-shadow 0s .3s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--easing) var(--duration-fast), visibility 0s var(--easing) var(--duration-fast), background-color var(--duration-normal) var(--duration-fast) var(--easing), box-shadow 0s var(--duration-fast) var(--easing)
}

.nav-bar-hidden .header__nav-bar .header__nav-bar-inner {
    opacity: 0
}

.header__nav-bar.header__nav-bar--align-left .header__links,
.header__nav-bar.header__nav-bar--align-left .header__links .navigation__links-list {
    justify-content: flex-start
}

.header__nav-bar .navigation__links-list>li {
    padding: var(--navigation-bar-link-padding) 0
}

.header__nav-bar .navigation__submenu[data-depth="1"] {
    margin-top: var(--navigation-bar-link-padding)
}

.header__nav-bar .header__links>ul>li>[data-link] {
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.header__nav-bar .header__links>ul>li>[data-link] .link-hover {
    position: relative;
    pointer-events: none
}

.header__nav-bar .header__links>ul>li>[data-link] .link-hover:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    width: 100%;
    height: 2px;
    background: currentColor;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform .3s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-fast) var(--easing)
}

.header__nav-bar .header__links>ul>li>[data-link]:hover .link-hover:before,
.header__nav-bar .header__links>ul>li>[data-link][aria-expanded=true] .link-hover:before {
    transform-origin: 0% 50%;
    transform: scaleZ(1)
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active) .header__background-container {
    background-color: transparent
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active)[data-drop-shadow=line] .header__nav-bar,
html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active)[data-drop-shadow=line] .header__background-container {
    box-shadow: var(--drop-shadow-line-transparent)
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active)[data-drop-shadow=shadow] .header__nav-bar,
html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active)[data-drop-shadow=shadow] .header__background-container {
    box-shadow: var(--drop-shadow-small-shadow-transparent)
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active) .header__nav-bar {
    background-color: transparent;
    color: var(--color-text-transparent)
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active).header--transparent-is-tinted {
    background: linear-gradient(180deg, #000c, #0000)
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active).header--has-transparent-logo .header__logo-link.header--has-logo {
    width: var(--logo-width)
}

@media (min-width: 960px) {
    html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active).header--has-transparent-logo .header__logo-link.header--has-logo {
        width: 500px;
        max-width: var(--logo-width)
    }
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active).header--has-transparent-logo .transparent-logo {
    visibility: visible;
    opacity: 1;
    transition: 0s 0s visibility, .3s 0s opacity;
    transition: 0s 0s visibility, var(--duration-fast) 0s opacity
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active).header--has-transparent-logo .header__logo-text {
    display: none
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active) .header__inner {
    color: var(--color-text-transparent)
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active) .header__inner .header__logo-link.header--has-logo {
    width: var(--logo-width);
    max-width: 40vw
}

@media (min-width: 960px) {
    html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active) .header__inner .header__logo-link.header--has-logo {
        width: 500px;
        max-width: var(--logo-width)
    }
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active) .icon-button {
    --color: var(--color-text-transparent)
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active) .icon-button .icon-button__icon .icon {
    transition: color .5s cubic-bezier(.33, 0, 0, 1);
    transition: color var(--duration-normal) var(--easing)
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active) .navigation__links-list a,
html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active) .navigation__links-list button {
    color: inherit
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active) .navigation__links-list a.featured-link,
html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active) .navigation__links-list button.featured-link {
    color: var(--color-text-featured-link)
}

html:not(.no-js) body:not([mobile-menu-open=true]):not([data-quick-search-open=true]) header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(.dropdown-active) .quick-search__bar-inner {
    border: 1px solid var(--color-background-input)
}

.no-js-menu {
    display: none
}

.no-js .header .header__logo-wrapper {
    text-align: left
}

.no-js .header__links .navigation__links-list,
.no-js .header__nav,
.no-js .header__icon-menu .icon {
    display: none
}

.no-js .no-js-menu {
    line-height: var(--line-height-body);
    display: block;
    width: 80%
}

.no-js .no-js-menu .navigation__links-list {
    display: none
}

.no-js .no-js-menu a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

.no-js .no-js-menu ul {
    margin: 0;
    padding: 0;
    width: 100%
}

.no-js .no-js-menu li {
    display: inline-block;
    margin-right: 20px;
    margin-right: var(--spacing-5)
}

.header-overlay {
    visibility: hidden;
    transition: visibility 0s .5s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s var(--duration-normal) var(--easing)
}

.header-overlay.is-active {
    visibility: visible;
    transition: visibility 0s
}

.header-overlay__inner {
    z-index: 509;
    z-index: calc(var(--z-index-header) - 1);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background-color: var(--color-overlay);
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing)
}

.header-overlay__inner.is-visible {
    opacity: 1
}

.header__quick-search-bar {
    width: 100%
}

@media (min-width: 960px) {
    .header__quick-search-bar {
        width: auto
    }

    .three-segment-alt .header__quick-search-bar,
    .three-segment-search-center .header__quick-search-bar {
        width: 100%
    }

    .header--layout-below-logo-left-search-left .header__quick-search-bar {
        flex-basis: 500px
    }

    .header--layout-below-logo-center-search-left .header__quick-search-bar {
        width: 100%;
        max-width: 250px
    }

    .header--layout-below-logo-center-search-left .header__quick-search-bar[data-has-product-type-selector=true] {
        max-width: 400px
    }
}

.a404 .a404__header {
    margin-bottom: 0
}

.a404__subheading {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.a404__button {
    margin-top: 28px;
    margin-top: var(--spacing-7)
}

.article {
    --article-width: 540px;
    padding-bottom: 40px;
    padding-bottom: var(--spacing-10);
    padding-top: 0;
    padding-top: var(--section-style-spacing-top, 0);
    padding-bottom: 0;
    padding-bottom: var(--section-style-spacing-bottom, 0)
}

.article__heading+.article__share,
.article__date+.article__share {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

@media (min-width: 480px) {

    .article__heading+.article__share,
    .article__date+.article__share {
        margin-top: 20px;
        margin-top: var(--spacing-5)
    }
}

.article__header .page__header {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2);
    padding-top: 24px;
    padding-top: var(--spacing-6)
}

@media (min-width: 480px) {
    .article__header .page__header {
        margin-bottom: 24px;
        margin-bottom: var(--spacing-6)
    }
}

.article__header,
.article .article__header {
    max-width: none;
    margin: 32px 0;
    margin: var(--spacing-8) 0;
    padding: 0 16px;
    padding: 0 var(--space-outer)
}

.article__header:first-child,
.article .article__header:first-child {
    margin-top: 0
}

.article__header-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto
}

.article__header[data-enable-full-width-title=true] .article__header-inner {
    max-width: none
}

.article__header .article__heading {
    text-wrap: balance
}

.article__header__tags {
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.article__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    gap: var(--spacing-3);
    margin-top: 20px;
    margin-top: var(--spacing-5);
    opacity: .6
}

.article__meta .article-meta-separator {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: var(--color-text);
    opacity: .5
}

.article__image {
    margin: 32px auto;
    margin: var(--spacing-8) auto;
    padding: 0 16px;
    padding: 0 var(--space-outer)
}

.article__image[data-index="0"] {
    margin-top: 0
}

.article__image[data-image-height-type=custom] img {
    height: var(--custom-height-mobile);
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 720px) {
    .article__image[data-image-height-type=custom] img {
        height: var(--custom-height-desktop)
    }
}

.article__image[data-full-width=true] {
    padding: 0
}

.article__image[data-full-width=true][data-index="0"] {
    margin-top: 0
}

.article__image-container {
    width: 100%;
    max-width: 1800px;
    max-width: var(--max-width);
    margin: 0 auto
}

.article__image[data-full-width=true] .article__image-container {
    max-width: none
}

.article__image-inner {
    height: 100%
}

.article__image-inner .image__img {
    width: 100%
}

.article__content {
    width: 100%;
    margin: 40px auto;
    margin: var(--spacing-10) auto;
    padding: 0 16px;
    padding: 0 var(--space-outer)
}

.article__content .article__rte {
    padding: 0;
    margin: 0
}

.article__content-inner {
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto
}

.article__comments {
    margin: 40px auto 0;
    margin: var(--spacing-10) auto 0;
    padding: 0 16px;
    padding: 0 var(--space-outer)
}

.article__comments .form-message {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-5)
}

.article__comments .form-status {
    margin: 20px 0;
    margin: var(--spacing-5) 0
}

.article+.article__comments {
    margin-top: 40px;
    margin-top: var(--spacing-10)
}

.article__pagination {
    margin-top: 44px;
    margin-top: var(--spacing-11);
    padding: 0 16px;
    padding: 0 var(--space-outer)
}

.article__pagination .article__block-inner {
    position: relative
}

.article__pagination .article__pagination-links {
    position: relative;
    display: flex;
    justify-content: space-between
}

.article__pagination .article__back-to-blog-wrapper {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

@media (min-width: 720px) {
    .article__pagination .article__back-to-blog-wrapper[data-narrow-blog-content=false] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        margin-top: 0
    }

    .article__pagination .article__back-to-blog-wrapper[data-narrow-blog-content=false]>* {
        pointer-events: all
    }
}

.article__pagination-sharing-inner {
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto
}

.article__social-sharing {
    width: 100%;
    margin: 36px auto;
    margin: var(--spacing-9) auto;
    padding: 0 16px;
    padding: 0 var(--space-outer)
}

.article__tags-block {
    padding: 0 16px;
    padding: 0 var(--space-outer)
}

.article__tags-block h5 {
    margin-bottom: 4px;
    margin-bottom: var(--spacing-1)
}

.article__block-inner {
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto
}

.blog__inner {
    padding: 32px 0 0;
    padding: var(--spacing-8) 0 0
}

@media (min-width: 720px) {
    .blog__inner {
        padding-top: 40px;
        padding-top: var(--spacing-10)
    }
}

.blog__inner .blog__header {
    max-width: none;
    max-width: initial
}

.blog__rss {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.blog__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    margin-top: var(--spacing-5)
}

.blog__nav-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width: 719px) {
    .blog__nav-list.tab-buttons {
        display: none
    }
}

@media (min-width: 720px) {
    .blog__nav-mobile--wrapper {
        display: none
    }
}

.blog__article-list {
    display: grid;
    margin: 0;
    grid-column-gap: 16px;
    grid-column-gap: var(--spacing-4);
    -moz-column-gap: 16px;
    column-gap: 16px;
    -moz-column-gap: var(--spacing-4);
    column-gap: var(--spacing-4);
    grid-row-gap: 44px;
    grid-row-gap: var(--spacing-11);
    row-gap: 44px;
    row-gap: var(--spacing-11);
    padding: 16px 0 0;
    padding: var(--spacing-4) 0 0;
    list-style: none
}

[data-text-box-enabled=true] .blog__article-list {
    row-gap: 32px;
    row-gap: var(--spacing-8)
}

@media (min-width: 720px) {
    .blog__article-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 960px) {
    .blog__article-list {
        grid-template-columns: repeat(var(--column-count-desktop), 1fr);
        -moz-column-gap: 20px;
        column-gap: 20px;
        -moz-column-gap: var(--spacing-5);
        column-gap: var(--spacing-5)
    }
}

@media (min-width: 1200px) {
    .blog__article-list {
        -moz-column-gap: 24px;
        column-gap: 24px;
        -moz-column-gap: var(--spacing-6);
        column-gap: var(--spacing-6)
    }
}

.blog__article-item .article-item__wrapper {
    height: 100%
}

.blog__pagination {
    margin-top: 40px;
    margin-top: var(--spacing-10)
}

.cart-section.shopify-section {
    overflow: visible
}

.cart {
    --content-width: 1200px;
    --side-bar-width: 400px;
    padding: 0 16px;
    padding: 0 var(--space-outer)
}

.cart .free-shipping-bar {
    margin-bottom: 0;
    padding: 8px;
    padding: var(--spacing-2)
}

.cart__form {
    display: flex;
    gap: 40px;
    gap: var(--spacing-10)
}

@media (max-width: 959px) {
    .cart__form {
        flex-wrap: wrap
    }
}

.cart__form-main-content {
    flex-grow: 1
}

.cart__form-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-5)
}

.cart__form-item {
    display: flex;
    gap: 20px;
    gap: var(--spacing-5);
    padding: 16px 0;
    padding: var(--spacing-4) 0;
    border-top: 1px solid var(--color-border)
}

@media (min-width: 720px) {
    .cart__form-item {
        padding: 24px 0;
        padding: var(--spacing-6) 0
    }
}

.cart__form-item.is-removed {
    opacity: .5;
    cursor: default;
    pointer-events: none
}

.cart__form-item-link {
    display: block
}

.cart__form-item-image {
    width: 120px;
    flex-shrink: 0
}

.cart__form-item-details {
    width: 100%
}

@media (min-width: 960px) {
    .cart__form-item-info-wrapper {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        gap: var(--spacing-3)
    }
}

.cart__form-item-quantity-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.cart__form-item-remove-wrapper {
    width: 100%;
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.cart__form-item-remove-wrapper .btn.cart__form-item-remove {
    color: var(--color-text)
}

.cart__form-item-error,
.cart__inventory-warning {
    width: 100%;
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.cart__form-item-error {
    color: var(--color-text-error)
}

.cart__form-item-error.hidden {
    display: none
}

.cart__inventory-warning {
    color: var(--color-products-stock-medium)
}

.cart__item-discounts,
.cart__form-item-discounts {
    position: relative;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 8px 12px;
    padding: var(--spacing-2) var(--spacing-3);
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    color: var(--color-products-sale-price)
}

.cart__item-discounts:after,
.cart__form-item-discounts:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-products-sale-price);
    opacity: .08
}

.cart__item-discounts+.cart__footer-subtotal,
.cart__form-item-discounts+.cart__footer-subtotal {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.cart__form-item-discounts {
    margin-top: 28px;
    margin-top: var(--spacing-7)
}

.cart__item-discount,
.cart__form-item-discount {
    display: flex
}

.cart__item-discount+.cart__item-discount,
.cart__form-item-discount+.cart__item-discount {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.cart__item-discount .icon,
.cart__form-item-discount .icon {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

.cart__form-item-price-wrapper {
    flex-shrink: 0
}

@media (max-width: 959px) {
    .cart__form-item-price-wrapper {
        margin-top: 12px;
        margin-top: var(--spacing-3)
    }
}

.cart__footer-wrapper {
    flex-shrink: 0
}

@media (max-width: 959px) {
    .cart__footer-wrapper {
        width: 100%
    }
}

.cart__footer {
    width: 100%;
    box-shadow: 0 1px 1px #0000001a, 0 1px 4px #00000026;
    box-shadow: var(--box-shadow-short)
}

@media (min-width: 960px) {
    .cart__footer {
        position: sticky;
        top: calc(0 + 40px);
        top: calc(var(--header-desktop-sticky-height, 0) + var(--spacing-10));
        width: var(--side-bar-width)
    }
}

.cart__footer-inner {
    position: relative;
    padding: 16px;
    padding: var(--spacing-4)
}

@media (min-width: 720px) {
    .cart__footer-inner {
        padding: 20px;
        padding: var(--spacing-5)
    }
}

.cart__footer-order-note-wrapper+.cart__footer-subtotal {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.cart__footer-order-note-wrapper+.cart__item-discounts {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.cart__footer-order-note-trigger-icons .icon {
    width: 10px;
    height: 10px;
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

.cart__footer-order-note-trigger-icons .icon.hidden {
    display: none
}

.cart__footer-order-note-input {
    display: none;
    padding-top: 28px;
    padding-top: var(--spacing-7);
    padding-bottom: 36px;
    padding-bottom: var(--spacing-9)
}

.no-js .cart__footer-order-note-input {
    display: block
}

.cart__footer-order-note-input .input {
    background-color: var(--color-background)
}

.cart__footer-subtotal {
    display: flex;
    justify-content: space-between
}

.cart__input-buttons {
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

.cart__input-buttons .btn.btn--primary {
    margin: 1.2rem 0;
    font-size: 1.2rem
}

.cart__update.btn.btn--secondary {
    display: none;
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.no-js .cart__update.btn.btn--secondary {
    display: flex
}

.cart__empty-message {
    text-align: center
}

.cart__empty-button {
    margin-top: 28px;
    margin-top: var(--spacing-7)
}

.cart__empty-message-text {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.cart__form-item-title+.cart__form-item-variant,
.cart__form-item-title+.cart__form-item-subscriptions {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.cart__form-item-title+.cart__form-item-price-wrapper {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.cart__form-item-variant+.cart__form-item-subscriptions {
    margin-top: 2px;
    margin-top: var(--spacing-unit-half)
}

.cart__form-item-variant+.cart__form-item-price-wrapper {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.cart__form-item-price-wrapper .unit-price__price {
    margin-left: 0
}

.cart__form-item-price[data-is-sale=true] {
    color: var(--color-products-sale-price);
    margin-left: 4px;
    margin-left: var(--spacing-1)
}

.cart__form-item-properties {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.template-collection .main .collection-section:first-of-type .collection__top-row {
    border-top: 0
}

.collection-section.shopify-section {
    overflow: visible;
    overflow: initial
}

.collection.collection--has-filter-bar.section {
    padding-top: 0
}

.collection.collection--has-filter-bar.section:before {
    content: none
}

.collection .filter-bar__inner.show {
    justify-content: space-between;
    padding: 28px;
    padding: var(--spacing-7);
    background-color: var(--color-background-meta)
}

@media (max-width: 479px) {
    .collection .filter-bar__inner.show {
        display: none
    }
}

.collection__inner {
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    padding: 0 16px;
    padding: 0 var(--space-outer);
    margin-right: auto;
    margin-left: auto
}

.filter-topbar-wrap {
    width: 100%;
    margin-bottom: 24px;
    margin-bottom: var(--spacing-6)
}

@media (min-width: 1024px) {
    .filter-topbar-wrap {
        margin-bottom: 32px;
        margin-bottom: var(--spacing-8)
    }
}

.collection__content {
    position: relative;
    z-index: 1
}

@media (min-width: 720px) {
    .collection__content {
        display: flex
    }
}

.collection__products-container {
    position: relative;
    padding-bottom: 28px;
    padding-bottom: var(--spacing-7)
}

@media (min-width: 720px) {
    .collection__products-container {
        width: 100%
    }
}

.collection__products-active-filters {
    display: none
}

@media (min-width: 1024px) {
    .collection__products-active-filters {
        display: block
    }

    .collection__products-active-filters .active-filters-inner {
        margin-bottom: 32px;
        margin-bottom: var(--spacing-8)
    }
}

.collection__products {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    z-index: 1
}

@media (min-width: 720px) {
    .collection__products[data-grid-style=bordered_grid] {
        padding: 1px
    }
}

.collection__products[data-grid-style=bordered_grid].standard-grid-spacing[data-standard-grid-spacing-type=product-list]:not([data-item-layout=list]) {
    -moz-column-gap: 1px;
    column-gap: 1px;
    row-gap: 1px
}

@media (max-width: 719px) {
    .collection__products[data-grid-style=bordered_grid].standard-grid-spacing[data-standard-grid-spacing-type=product-list]:not([data-item-layout=list]) {
        margin-left: -16px;
        margin-left: calc(var(--space-outer) * -1);
        margin-right: -16px;
        margin-right: calc(var(--space-outer) * -1)
    }
}

.collection__products[data-grid-style=colored_tile].standard-grid-spacing[data-standard-grid-spacing-type=product-list] {
    grid-gap: 12px;
    grid-gap: var(--spacing-3)
}

@media (min-width: 1024px) {
    .collection__products[data-grid-style=colored_tile].standard-grid-spacing[data-standard-grid-spacing-type=product-list] {
        grid-gap: 16px;
        grid-gap: var(--spacing-4)
    }
}

@media (min-width: 1200px) {
    .collection__products[data-grid-style=colored_tile].standard-grid-spacing[data-standard-grid-spacing-type=product-list] {
        grid-gap: 24px;
        grid-gap: var(--spacing-6)
    }
}

@media (max-width: 719px) {
    .collection__products[data-grid-style=colored_tile].standard-grid-spacing[data-standard-grid-spacing-type=product-list]:not([data-item-layout=list]) {
        margin-left: -16px;
        margin-left: calc(var(--space-outer) * -1);
        margin-right: -16px;
        margin-right: calc(var(--space-outer) * -1);
        grid-gap: 4px;
        grid-gap: var(--spacing-unit)
    }
}

@media (min-width: 720px) {
    .collection__products {
        grid-template-columns: repeat(3, 1fr)
    }

    [data-collection-columns="2"] .collection__products {
        grid-template-columns: repeat(2, 1fr)
    }

    [data-collection-columns="3"] .collection__products {
        grid-template-columns: repeat(3, 1fr)
    }

    [data-collection-columns="4"] .collection__products,
    [data-collection-columns="5"] .collection__products {
        grid-template-columns: repeat(4, 1fr)
    }

    @media (min-width: 1280px) {
        [data-collection-columns="5"] .collection__products {
            grid-template-columns: repeat(5, 1fr)
        }
    }
}

[data-item-layout=list] .collection__products {
    grid-template-columns: repeat(1, 1fr)
}

.collection__products[data-has-products=false] {
    display: block
}

.collection__infinite-trigger {
    display: none
}

[data-pagination-type=click] .collection__infinite-trigger {
    display: block
}

[data-pagination-type=click] .collection__infinite-trigger .btn {
    width: 100%;
    max-width: 385px;
    margin: 12px auto 0;
    margin: var(--spacing-3) auto 0
}

.collection__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px auto;
    margin: var(--spacing-10) auto
}

@media (min-width: 960px) {
    .collection__empty {
        margin: 80px auto;
        margin: var(--spacing-20) auto
    }
}

.collection__loading {
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--color-background-alpha-80);
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s;
    transition: opacity var(--duration-normal);
    text-align: center;
    padding-top: 40px;
    padding-top: var(--spacing-10)
}

.collection__loading.is-active {
    opacity: 1;
    pointer-events: all
}

.list-collections__grid {
    display: grid;
    grid-template-columns: repeat(var(--num-columns-mobile), minmax(0, 1fr))
}

@media (min-width: 720px) {
    .list-collections__grid {
        grid-template-columns: repeat(var(--num-columns-desktop), minmax(0, 1fr))
    }
}

.list-collections__grid[data-standard-grid-spacing-type=collection-list][data-collection-item-style=plain] .collection-item__meta {
    margin: 12px 0 0;
    margin-top: var(--spacing-3)
}

.list-collections__grid[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined] {
    grid-gap: 1px
}

.list-collections__grid[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined] .collection-item {
    box-shadow: 0 0 0 1px var(--color-border)
}

.list-collections__grid[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled] {
    grid-gap: 12px;
    grid-gap: var(--spacing-3)
}

@media (min-width: 720px) {
    .list-collections__grid[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled] {
        grid-gap: 12px;
        grid-gap: var(--spacing-3)
    }
}

@media (min-width: 1024px) {
    .list-collections__grid[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled] {
        grid-gap: 16px;
        grid-gap: var(--spacing-4)
    }
}

@media (min-width: 1200px) {
    .list-collections__grid[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled] {
        grid-gap: 24px;
        grid-gap: var(--spacing-6)
    }
}

.list-collections__grid[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled] .collection-item {
    background-color: var(--color-background-meta)
}

.list-collections__grid[data-standard-grid-spacing-type=collection-list] .collection-item__meta {
    margin: 12px 8px;
    margin: var(--spacing-3) var(--spacing-2)
}

.collection-item__title {
    overflow: hidden;
    text-overflow: ellipsis
}

.page {
    --header-width: 800px;
    position: relative
}

.page .shopify-policy__container {
    margin-top: 40px;
    margin-top: var(--spacing-10);
    margin-bottom: 40px;
    margin-bottom: var(--spacing-10)
}

@media (min-width: 960px) {
    .page .shopify-policy__container {
        margin-top: 100px;
        margin-top: var(--spacing-25);
        margin-bottom: 32px;
        margin-bottom: calc(var(--space-outer) * 2)
    }
}

.page__inner {
    max-width: 1800px;
    max-width: var(--content-width, var(--max-width));
    margin: 0 auto;
    padding: 32px 0 40px;
    padding: var(--spacing-8) 0 var(--spacing-10)
}

@media (min-width: 720px) {
    .page__inner {
        padding-top: 40px;
        padding-top: var(--spacing-10)
    }
}

.page__header {
    max-width: var(--header-width);
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 24px;
    margin-bottom: var(--spacing-6)
}

.page__subheading {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.page__rte,
.article__rte {
    width: 100%
}

.page__rte .grid,
.article__rte .grid {
    --s-item-gutter: 10px;
    min-width: 100%;
    padding: 0;
    margin: 30px 0;
    margin: calc(var(--spacing-10) - var(--s-item-gutter)) 0;
    margin-left: -10px;
    margin-left: calc(var(--s-item-gutter) * -1);
    margin-right: -10px;
    margin-right: calc(var(--s-item-gutter) * -1)
}

.page__rte .grid:first-child,
.article__rte .grid:first-child {
    margin-top: calc(var(--s-item-gutter) * -1)
}

@media (min-width: 480px) {

    .page__rte .grid,
    .article__rte .grid {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-top: calc((4px * 20) - var(--s-item-gutter));
        margin-top: calc(80px - var(--s-item-gutter));
        margin-top: calc(var(--spacing-20) - var(--s-item-gutter));
        margin-right: -50vw;
        margin-bottom: calc((4px * 20) - var(--s-item-gutter));
        margin-bottom: calc(80px - var(--s-item-gutter));
        margin-bottom: calc(var(--spacing-20) - var(--s-item-gutter));
        margin-left: -50vw;
        padding: 0 calc((4px * 4) - var(--s-item-gutter));
        padding: 0 calc(16px - var(--s-item-gutter));
        padding: 0 calc(var(--space-outer) - var(--s-item-gutter))
    }
}

.page__rte .grid img,
.article__rte .grid img {
    width: 100%;
    height: auto;
    display: block
}

.page__rte .grid img+img,
.article__rte .grid img+img {
    margin-top: calc(var(--s-item-gutter) * 2)
}

.page__rte .grid>div,
.page__rte .grid>img,
.page__rte .grid>p,
.article__rte .grid>div,
.article__rte .grid>img,
.article__rte .grid>p {
    padding: var(--s-item-gutter);
    margin: 0;
    width: 100%
}

.page__rte .grid .small,
.article__rte .grid .small {
    width: 50%
}

img[style] {
    margin: 0 !important
}

.search-header {
    --header-width: 800px;
    --form-width: 575px;
    padding-top: 24px;
    padding-top: var(--spacing-6);
    padding-bottom: 24px;
    padding-bottom: var(--spacing-6)
}

@media (min-width: 720px) {
    .search-header {
        padding-top: 36px;
        padding-top: var(--spacing-9);
        padding-bottom: 36px;
        padding-bottom: var(--spacing-9)
    }
}

[data-search-item-count="0"] .search-header {
    padding-top: 80px;
    padding-top: var(--spacing-20);
    padding-bottom: 80px;
    padding-bottom: var(--spacing-20)
}

.search-header__inner {
    display: flex;
    flex-direction: column;
    align-items: center
}

.search-header__text-container {
    display: flex
}

[data-search-item-count="0"] .search-header__text-container {
    justify-content: center;
    text-align: center
}

.search-header__text-container,
.search-form-container {
    width: 100%;
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    padding: 0 16px;
    padding: 0 var(--space-outer);
    margin-right: auto;
    margin-left: auto
}

.search-form-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.search-form {
    width: 100%;
    max-width: var(--form-width);
    margin-top: 28px;
    margin-top: var(--spacing-7)
}

.search-form__input-wrapper {
    position: relative
}

.search-form__input.input {
    padding-left: 44px;
    padding-left: var(--height-input);
    z-index: 1
}

label+.search-form__input.input.input {
    margin-top: 0
}

.search-form__submit {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    width: var(--height-input);
    height: 100%;
    padding: 8px;
    padding: var(--spacing-2);
    z-index: 2
}

.search__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 28px;
    margin-top: var(--spacing-7);
    text-align: center
}

.search-section.shopify-section {
    overflow: visible;
    overflow: initial
}

.search-section.shopify-section .search {
    padding-top: 0
}

.search__inner {
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    padding: 0 16px;
    padding: 0 var(--space-outer);
    margin-right: auto;
    margin-left: auto
}

.search__results {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    z-index: 1
}

@media (min-width: 720px) {
    .search__results {
        grid-template-columns: repeat(4, 1fr)
    }

    [data-search-columns="3"] .search__results {
        grid-template-columns: repeat(3, 1fr)
    }

    [data-search-columns="4"] .search__results {
        grid-template-columns: repeat(4, 1fr)
    }

    [data-search-columns="5"] .search__results {
        grid-template-columns: repeat(5, 1fr)
    }
}

[data-search-results-count="0"] .search__results {
    display: block
}

[data-item-layout=list] .search__results {
    grid-template-columns: 1fr
}

.search__content {
    position: relative;
    z-index: 1
}

.search__infinite-trigger {
    display: none
}

[data-search-pagination-type=click] .search__infinite-trigger {
    display: block
}

[data-search-pagination-type=click] .search__infinite-trigger .btn {
    width: 100%;
    max-width: 385px;
    margin: 12px auto 0;
    margin: var(--spacing-3) auto 0
}

.search__main-area {
    position: relative;
    display: flex
}

[data-search-item-count="0"] .search__main-area {
    justify-content: center
}

.search__window {
    position: relative;
    width: 100%;
    padding-bottom: 28px;
    padding-bottom: var(--spacing-7)
}

[data-item-layout=list] .search__window {
    flex-grow: 1
}

.search__window-active-filters {
    display: none
}

@media (min-width: 720px) {
    .search__window-active-filters {
        display: block
    }

    .search__window-active-filters .active-filters-inner {
        margin-bottom: 32px;
        margin-bottom: var(--spacing-8)
    }
}

.search__loading {
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px;
    padding: var(--spacing-10);
    background-color: var(--color-background-alpha-80);
    transition: opacity .25s;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    z-index: 2
}

.search__loading.is-active {
    opacity: 1;
    pointer-events: all;
    transition: opacity .25s
}

@media (max-width: 959px) {
    .template-product .main .main-product-section:first-of-type .product {
        margin-top: 0
    }
}

@media (min-width: 1400px) {

    .template-product .main,
    .template-page .main {
        margin: 0 auto;
        max-width: 1200px
    }
}

@media (min-width: 960px) {
    .shopify-section.main-product-section {
        overflow: visible;
        overflow: initial
    }
}

.shopify-section.main-product-section~section {
    overflow: hidden
}

#shopify-section-product--template+.shopify-section {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.product {
    --swatch-size: 48px;
    --sidebar-width: 90px;
    --product-details-min-width: 400px;
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    margin: 40px auto 12px;
    margin: var(--spacing-10) auto var(--spacing-3)
}

@media (min-width: 960px) {
    .product {
        margin-bottom: 36px;
        margin-bottom: var(--spacing-9);
        padding: 0 16px;
        padding: 0 var(--space-outer)
    }
}

@media (min-width: 1024px) {
    .product {
        display: flex
    }
}

.product .product__view-in-space-wrap {
    position: relative;
    display: none;
    background-color: var(--color-background)
}

@media (max-width: 959px) {
    .product .product__view-in-space-wrap.visible {
        display: flex
    }

    .product .product__view-in-space-wrap.visible+.product-thumbnails[data-thumbnail-size=mobile] {
        padding-top: 0
    }
}

.product .product__view-in-space.btn.btn--primary {
    margin: 16px;
    margin: var(--spacing-4) var(--space-outer);
    width: calc(100% - 32px);
    width: calc(100% - var(--space-outer) * 2);
    border-width: 0;
    color: var(--color-text);
    text-transform: none;
    letter-spacing: inherit;
    font-weight: inherit
}

.product .product__view-in-space.btn.btn--primary,
.product .product__view-in-space.btn.btn--primary:hover:not([disabled]) {
    background: var(--color-text-alpha-10)
}

@media (max-width: 959px) {

    .product .product__view-in-space.btn.btn--primary:before,
    .product .product__view-in-space.btn.btn--primary:after {
        display: none
    }
}

.product .product__view-in-space.btn.btn--primary>span {
    display: flex;
    align-items: center
}

.product .product__view-in-space.btn.btn--primary .icon {
    margin-right: 8px;
    margin-right: var(--spacing-2);
    width: 18px;
    height: 18px
}

.product .product__breadcrumbs {
    padding: 0 16px;
    padding: 0 var(--space-outer);
    overflow: hidden;
    margin-top: 16px;
    margin-top: var(--spacing-4);
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4)
}

@media (min-width: 960px) {
    .product .product__breadcrumbs {
        padding: 0;
        margin-top: -20px;
        margin-top: calc(var(--spacing-5) * -1);
        margin-bottom: 36px;
        margin-bottom: var(--spacing-9)
    }
}

.product .product__media-item {
    display: flex
}

@media (min-width: 960px) {
    .product .product__media-item {
        align-items: center
    }
}

.product .product__full-details-link .icon {
    width: 14px;
    height: 14px;
    margin-left: 4px;
    margin-left: var(--spacing-1)
}

.product .product__full-details-link.btn.btn--tertiary {
    align-items: baseline
}

.product.section {
    margin-top: 0;
    margin-bottom: 0
}

.product__inner,
.product__primary {
    width: 100%
}

@media (min-width: 680px) {
    .product__primary {
        display: grid;
        grid-gap: 1vw
    }

    .product[data-gallery-size=small] .product__primary {
        grid-template-columns: 40fr 60fr
    }

    .product[data-gallery-size=medium] .product__primary {
        grid-template-columns: 50fr 50fr
    }

    .product[data-gallery-size=large] .product__primary {
        grid-template-columns: 56fr 44fr
    }

    .product[data-gallery-size=xlarge] .product__primary {
        grid-template-columns: 62fr 38fr
    }

    @media (min-width: 1024px) and (max-width: 1199px) {
        .product[data-gallery-size=xlarge] .product__primary {
            grid-template-columns: 56fr 44fr
        }
    }
}

@media (min-width: 960px) {
    .product__primary {
        grid-gap: 1vw
    }
}

.product__primary .payment-icons__icon .icon {
    width: 36px;
    height: 22px
}

@media (min-width: 1024px) {
    .product--has-sidebar.product[data-gallery-size=small] .product__primary {
        grid-template-columns: 36fr 64fr
    }
}

@media (min-width: 1024px) {
    .product--has-sidebar.product[data-gallery-size=medium] .product__primary {
        grid-template-columns: 46fr 54fr
    }
}

@media (min-width: 1024px) {
    .product--has-sidebar.product[data-gallery-size=large] .product__primary {
        grid-template-columns: 54fr 46fr
    }
}

@media (min-width: 1024px) {
    .product--has-sidebar.product[data-gallery-size=xlarge] .product__primary {
        grid-template-columns: 62fr 38fr
    }
}

.product__media-container {
    width: 100%;
    flex-shrink: 0
}

@media (min-width: 960px) {
    .product__media-container.below-mobile {
        display: none
    }
}

@media (max-width: 959px) {
    .product__media-container.above-mobile {
        display: none
    }
}

.product__media-container.above-mobile .product__media {
    align-self: flex-start
}

.product__media-container [data-product-media=closed],
.product__media-container [data-product-media=beforeOpen] {
    aspect-ratio: var(--overflow-gallery-aspect-ratio)
}

.product__media-container [data-product-media=opening] {
    aspect-ratio: var(--overflow-gallery-aspect-ratio-open)
}

.product__media-container [data-product-media=open] {
    aspect-ratio: auto
}

@media (min-width: 960px) {
    .product__media-container[data-gallery-style=thumbnails] {
        display: grid;
        grid-gap: 20px;
        grid-gap: var(--spacing-5);
        gap: 20px;
        gap: var(--spacing-5)
    }
}

.product__media-container[data-gallery-style=thumbnails][data-thumbnails-position=left]:not([data-media-count="0"]) {
    grid-template-columns: min-content auto
}

.product__media-container.below-mobile .product__media {
    transition: height .25s .1s ease
}

.product__media-container.below-mobile .product__media-item,
.product__media-container.below-mobile .product__media-item .media {
    width: 100%
}

html.no-js .product__media-container.below-mobile .product__media-item,
html.no-js .product__media-container.below-mobile .product__media-item .media {
    width: auto
}

.product__media-container.below-mobile .scroll-slider__slider {
    scroll-snap-type: x mandatory
}

.product__media-container.below-mobile .scroll-slider__slider>* {
    scroll-snap-align: start
}

.product__media-item {
    overflow: hidden
}

.product__media-item.hidden {
    display: none
}

.product__media-item[data-aspect-ratio=square] {
    aspect-ratio: 1 / 1
}

.product__media-item[data-aspect-ratio=landscape] {
    aspect-ratio: 3 / 2
}

.product__media-item[data-aspect-ratio=portrait] {
    aspect-ratio: 2 / 3
}

.product__media-item[data-aspect-ratio=landscape_alt] {
    aspect-ratio: 5 / 4
}

.product__media-item[data-aspect-ratio=portrait_alt] {
    aspect-ratio: 4 / 5
}

.product__media-item[data-aspect-ratio=landscape_wide_alt] {
    aspect-ratio: 16 / 9
}

.product__media-item[data-aspect-ratio=landscape_ultrawide_alt] {
    aspect-ratio: 21 / 9
}

.product__media-item[data-aspect-ratio=natural] .media {
    width: 100%
}

.product__media-item:not([data-aspect-ratio=natural]) .media {
    width: 100%;
    height: 100%;
    background: var(--color-background)
}

.product__media-item:not([data-aspect-ratio=natural]) .media[data-media-type=video] {
    display: flex;
    align-items: center;
    justify-content: center
}

.product__media-item:not([data-aspect-ratio=natural]) .media[data-media-type=video] .plyr,
.product__media-item:not([data-aspect-ratio=natural]) .media[data-media-type=video] .plyr__video-wrapper,
.product__media-item:not([data-aspect-ratio=natural]) .media[data-media-type=video] .plyr__poster,
.product__media-item:not([data-aspect-ratio=natural]) .media[data-media-type=video] video {
    aspect-ratio: var(--video-aspect-ratio);
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    background-color: var(--color-background)
}

.product__media-item .plyr__control--overlaid {
    height: 60px;
    width: 60px;
    border-radius: 30px;
    color: var(--color-background);
    background: var(--color-text)
}

.product__details {
    width: 100%
}

@media (max-width: 959px) {
    .product__details {
        padding: 0 16px;
        padding: 0 var(--space-outer)
    }
}

@media (max-width: 959px) {
    .product__primary-left {
        overflow: hidden
    }
}

@media (min-width: 960px) {
    .product__primary-right {
        min-width: var(--product-details-min-width)
    }
}

@media (min-width: 1024px) {
    .product--has-sidebar .product__primary-right {
        min-width: calc(var(--product-details-min-width) + var(--sidebar-width) + (4px * 8));
        min-width: calc(var(--product-details-min-width) + var(--sidebar-width) + 32px);
        min-width: calc(var(--product-details-min-width) + var(--sidebar-width) + var(--spacing-8))
    }
}

.product[data-enable-sticky-container=true]:not(.has-sticky-scroll) .product__primary-right [data-sticky-container] {
    position: sticky;
    top: 16px;
    top: var(--spacing-4);
    z-index: 1
}

html.sticky-header-active .product[data-enable-sticky-container=true]:not(.has-sticky-scroll) .product__primary-right [data-sticky-container] {
    top: calc(0 + 16px);
    top: calc(var(--header-desktop-sticky-height, 0) + var(--spacing-4))
}

html.sticky-header-active.nav-bar-hidden .product[data-enable-sticky-container=true]:not(.has-sticky-scroll) .product__primary-right [data-sticky-container] {
    top: calc(0 + 16px);
    top: calc(var(--header-desktop-sticky-height, 0) - var(--nav-bar-height, 0) + var(--spacing-4))
}

.product[data-enable-sticky-container=true].has-sticky-scroll .product__primary-right [data-sticky-container] {
    position: sticky;
    top: 0;
    top: var(--sticky-container-top, 0);
    z-index: 1
}

.product__primary-right .shopify-app-block {
    margin-bottom: 16px;
    margin-bottom: calc(var(--spacing-unit) * 4)
}

.product__meta {
    display: flex;
    padding-top: 32px;
    padding-top: var(--spacing-8)
}

@media (min-width: 680px) {
    .product__meta {
        padding-top: 0
    }
}

.product__meta-content {
    width: 100%
}

@media (min-width: 1024px) {
    .product--has-sidebar .product__meta-content {
        width: calc(100% - (var(--sidebar-width) + 32px));
        width: calc(100% - (var(--sidebar-width) + var(--spacing-8)))
    }
}

.product__meta-recommendations-sidebar {
    width: calc(var(--sidebar-width) + (4px * 8));
    width: calc(var(--sidebar-width) + 32px);
    width: calc(var(--sidebar-width) + var(--spacing-8));
    display: none;
    flex-shrink: 0;
    padding-left: 32px;
    padding-left: var(--spacing-8)
}

.product__meta-recommendations-sidebar.visible {
    display: block
}

@media (max-width: 1023px) {
    .product__meta-recommendations-sidebar.visible {
        display: none
    }
}

.product__meta-recommendations-sidebar .scroll-slider {
    display: none
}

.product__sidebar-recommendations-mini-desktop {
    display: grid;
    grid-gap: 24px;
    grid-gap: var(--spacing-6)
}

@media (max-width: 1023px) {
    .product__sidebar-recommendations-mini-desktop {
        display: none
    }
}

.product__sidebar-recommendations-mini-desktop .product-item__product-title {
    word-break: break-word
}

.product__sidebar-recommendations-mini-desktop .product-item__price {
    justify-content: center
}

.product__meta-recommendations-sidebar-heading {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-5);
    text-align: center
}

.left-side-blocks.for-desktop {
    margin-top: 36px;
    margin-top: var(--spacing-9)
}

@media (max-width: 959px) {
    .left-side-blocks.for-desktop {
        display: none
    }
}

.left-side-blocks.for-mobile {
    margin-top: 32px;
    margin-top: var(--spacing-8);
    padding: 0 16px;
    padding: 0 var(--space-outer)
}

@media (min-width: 960px) {
    .left-side-blocks.for-mobile {
        display: none
    }
}

.product__sidebar-recommendations {
    position: relative;
    margin: 40px 0;
    margin: var(--spacing-10) 0
}

@media (min-width: 1024px) {
    .product__sidebar-recommendations {
        display: none
    }
}

@media (max-width: 719px) {
    .product__sidebar-recommendations.product__sidebar-recommendations--hide-on-mobile {
        display: none
    }
}

@media (min-width: 720px) {
    .product__sidebar-recommendations.product__sidebar-recommendations--hide-on-desktop {
        display: none
    }
}

.product__sidebar-recommendations.hidden {
    display: none
}

.product__sidebar-recommendations .product__sidebar-recommendations__heading {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-5)
}

@media (min-width: 480px) {
    .product__sidebar-recommendations .product__sidebar-recommendations__heading {
        margin-bottom: 24px;
        margin-bottom: var(--spacing-6)
    }
}

@media (min-width: 720px) {
    .product__sidebar-recommendations .product__sidebar-recommendations__heading {
        margin-bottom: 32px;
        margin-bottom: var(--spacing-8)
    }
}

@media (min-width: 1024px) {
    .product__sidebar-recommendations .product__sidebar-recommendations__heading {
        margin-bottom: 24px;
        margin-bottom: var(--spacing-6)
    }
}

@media (max-width: 1023px) {
    .product__sidebar-recommendations .product__sidebar-recommendations__heading {
        text-align: center
    }
}

@media (min-width: 1024px) {
    .product__sidebar-recommendations .product__sidebar-recommendations__heading.product__sidebar-recommendations__heading--slider {
        display: none
    }
}

@media (max-width: 1023px) {
    .product__sidebar-recommendations .product__sidebar-recommendations__heading.product__sidebar-recommendations__heading--sidebar {
        display: none
    }
}

.product__sidebar-recommendations .product__sidebar-recommendations-content {
    position: relative
}

.product__sidebar-recommendations .product__sidebar-recommendations-items.product__sidebar-recommendations-items--mini {
    display: none
}

.product-form__gift-card-recipient {
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

.product-form__gift-card-recipient .gift-card-recipient-fields {
    display: none
}

.product-form__gift-card-recipient .product__gift-card-recipient-error {
    margin-top: 8px;
    margin-top: var(--spacing-2);
    color: var(--color-text-error)
}

.product-form__gift-card-recipient .product__gift-card-recipient-error.hidden,
.no-js .product-form__gift-card-recipient[data-source=product-display] {
    display: none
}

.no-js .product-form__gift-card-recipient[data-source=product-form] .gift-card-recipient-fields {
    display: block
}

.quick-product__background-spacer {
    height: 100vh
}

.quick-product-modal {
    padding: 0;
    --modal-width: 898px;
    --quick-product-left-width: 400px;
    --quick-product-border-radius: 8px;
    --full-viewport-height: calc(100 * var(--vh, 1vh))
}

.quick-product-modal .modal__wash,
.quick-product-modal .modal__inner {
    z-index: 1299;
    z-index: calc(var(--z-index-modal) - 1)
}

@media (max-width: 959px) {
    .quick-product-modal .modal__inner {
        max-height: calc(var(--full-viewport-height) - (12px * 2));
        max-height: calc(var(--full-viewport-height) - (var(--spacing-3) * 2))
    }
}

.quick-product-modal .information-popup__content {
    display: none
}

.quick-product-modal__content {
    height: 100%
}

.quick-product-modal__content.empty {
    display: flex;
    align-items: center;
    justify-content: center
}

.quick-product-modal-loading-indicator {
    margin: 0 auto;
    opacity: 1;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1) .3s;
    transition: opacity var(--duration-normal) var(--easing) .3s
}

.quick-product-modal-loading-indicator.hidden {
    opacity: 0
}

.quick-product-modal-loading-indicator+.quick-product__right-viewport-footer {
    margin-top: 28px;
    margin-top: var(--spacing-7);
    opacity: .6;
    pointer-events: none
}

.quick-product-modal .quick-product-modal__inner.modal__inner {
    padding: 0;
    width: var(--modal-width);
    overflow: visible
}

@media (max-width: 959px) {
    .quick-product-modal .quick-product-modal__inner.modal__inner {
        width: 100%;
        border-width: 0;
        border-top-right-radius: var(--quick-product-border-radius);
        border-top-left-radius: var(--quick-product-border-radius);
        position: fixed;
        bottom: 0;
        height: auto
    }
}

.quick-product-modal .quick-product-modal__inner.modal__inner .modal__close-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3
}

@media (min-width: 960px) {
    .quick-product-modal[data-quick-product-type=quick-add] .quick-product-modal__inner.modal__inner {
        max-width: 500px
    }
}

.quick-product {
    --color-border: var(--color-border-popups-drawers);
    --color-border-alt: var(--color-border-popups-drawers-alt);
    --color-border-input: var(--color-border-input-popups-drawers);
    --color-text-input: var(--color-text-input-popups-drawers);
    --color-background: var(--color-background-popups-drawers);
    --color-background-alpha-0: var(--color-background-popups-drawers-alpha-0);
    --color-background-input: var(--color-background-input-popups-drawers);
    --color-products-sale-price: var(--color-sale-price-popups-drawers);
    --color-products-sale-price-alpha-05: var(--color-sale-price-popups-drawers-alpha-05);
    --color-text-link: var(--color-links-popups-drawers);
    display: flex;
    gap: 28px;
    gap: var(--spacing-7);
    padding-bottom: env(safe-area-inset-bottom)
}

@media (min-width: 960px) {
    .quick-product {
        padding: 28px;
        padding: var(--spacing-7)
    }
}

.quick-product .product__block--product-header {
    display: flex;
    flex-direction: column
}

.quick-product .product__block--product-header .product__block--product-header-image-wrap {
    flex-shrink: 0
}

@media (min-width: 960px) {
    .quick-product .product__block--product-header .product__block--product-header-image-wrap {
        display: none
    }
}

.quick-product .product__block--product-header .product__block--product-header-inner {
    flex-grow: 1
}

@media (max-width: 959px) {
    .quick-product .product__block--product-header .product__block--product-header-inner {
        padding: 0 16px;
        padding: 0 var(--spacing-4)
    }
}

@media (max-width: 959px) {
    .quick-product .product__block--product-header[data-header-position-mobile=above] {
        padding-bottom: 0;
        border-bottom: none
    }

    .quick-product .product__block--product-header[data-header-position-mobile=above] .product-badges {
        margin-top: 0;
        margin-right: 24px;
        margin-right: var(--spacing-6)
    }

    .quick-product .product__block--product-header[data-header-position-mobile=above] .product__block--product-header-inner {
        margin-top: 16px;
        margin-top: var(--spacing-4);
        margin-bottom: 16px;
        margin-bottom: var(--spacing-4);
        order: -1
    }
}

@media (max-width: 959px) {
    .quick-product .product__block--product-header[data-header-position-mobile=below] .product__block--product-header-inner {
        margin-top: 16px;
        margin-top: var(--spacing-4)
    }

    .quick-product .product__block--product-header[data-header-position-mobile=below] .product__title {
        margin-right: 0
    }

    .quick-product .product__block--product-header[data-header-position-mobile=below] .product-badges:empty+.product__title {
        margin-top: 0
    }
}

@media (max-width: 959px) {
    .quick-product .product__block--product-header[data-header-position-mobile=""] .product__block--product-header-inner {
        margin-top: 16px;
        margin-top: var(--spacing-4)
    }
}

.quick-product .product-thumbnails {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.quick-product .product__title {
    margin-right: 24px;
    margin-right: var(--spacing-6);
    font-size: var(--font-size-heading-3-base);
    font-weight: var(--font-heading-weight);
    line-height: var(--line-height-heading)
}

.quick-product .product__title.placeholder {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.quick-product .product-badges+.product__title.placeholder {
    margin-top: 0
}

.quick-product .product__policies {
    margin-top: 12px;
    margin-top: var(--spacing-3);
    margin-bottom: 0
}

.quick-product .product-badges {
    margin-right: 8px;
    margin-right: var(--spacing-2);
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.quick-product .product-item__product-title {
    margin-top: 12px;
    margin-top: var(--spacing-3);
    font-weight: var(--font-heading-weight);
    font-size: var(--font-size-heading-3-base);
    line-height: var(--line-height-heading);
    text-transform: none
}

.quick-product .product__ratings-and-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.quick-product .product__ratings-and-link:empty {
    margin: 0
}

@media (max-width: 959px) {
    .quick-product .quick-product__right {
        min-height: 60vh;
        min-height: calc(60 * var(--vh, 1vh))
    }
}

.quick-product .quick-product__right .quick-view__view-product-details-link .icon,
.quick-product .quick-product__right .product__full-details-link .icon {
    width: 14px;
    height: 14px;
    margin-left: 4px;
    margin-left: var(--spacing-1)
}

.quick-product .quick-product__right .quick-view__view-product-details-link.btn.btn--tertiary,
.quick-product .quick-product__right .product__full-details-link.btn.btn--tertiary {
    align-items: baseline
}

.quick-product__left {
    flex-shrink: 0;
    width: var(--quick-product-left-width);
    max-height: calc(var(--full-viewport-height) - (40px * 2) - (28px * 2));
    max-height: calc(var(--full-viewport-height) - (var(--spacing-10) * 2) - (var(--spacing-7) * 2));
    overflow-y: auto
}

@media (max-width: 959px) {
    .quick-product__left {
        display: none
    }
}

.quick-product__left .product-item__image--two {
    display: none
}

.quick-product__right {
    width: 100%;
    max-height: calc(var(--full-viewport-height) - (40px * 2) - (28px * 2));
    max-height: calc(var(--full-viewport-height) - (var(--spacing-10) * 2) - (var(--spacing-7) * 2));
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.quick-product__right-sticky-header {
    display: none;
    position: absolute;
    padding: 12px 16px;
    padding: var(--spacing-3) var(--spacing-4);
    width: 100%;
    border-top-right-radius: var(--quick-product-border-radius);
    border-top-left-radius: var(--quick-product-border-radius);
    background-color: var(--color-background);
    border-bottom: 1px solid var(--color-border-alt);
    z-index: 2
}

@media (max-width: 959px) {
    .quick-product__right-sticky-header.active {
        display: flex;
        flex-direction: column;
        row-gap: 4px;
        row-gap: var(--spacing-1)
    }
}

.quick-product__right-sticky-header[data-has-price=false] {
    padding: 20px 16px;
    padding: var(--spacing-5) var(--spacing-4)
}

.quick-product__right-sticky-header .product__title {
    margin-bottom: 0;
    font-size: var(--font-size-body-100)
}

.quick-product__right-sticky-header .product__price {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2);
    align-items: center
}

.quick-product__right-sticky-header .product__price.hide {
    opacity: 0
}

.quick-product__right-sticky-header .product__price s:empty {
    display: none
}

.quick-product__right-sticky-header .product__price s:not(:empty)+[data-price],
.quick-product__right-sticky-header .product__price .product__price-displayed-discount {
    color: var(--color-products-sale-price)
}

.quick-product__right-sticky-header .product__price .product__price-displayed-discount {
    display: flex;
    align-items: center;
    margin-top: .05em;
    margin-right: 4px;
    margin-right: var(--spacing-1)
}

.quick-product__right-sticky-header .product__price .product__price-displayed-discount[data-has-discount=false] {
    display: none
}

.quick-product__right-sticky-header .product__price .product__price-displayed-discount .displayed-discount {
    background-color: var(--color-products-sale-price-alpha-05);
    font-size: var(--font-size-body-60)
}

.quick-product__right-sticky-header .product__price .unit-price__price {
    margin-left: 0;
    font-size: var(--font-size-body-75)
}

.quick-product__right-sticky-header .product__price [data-compare-price] {
    color: var(--color-text-alpha-60)
}

.quick-product__right-viewport {
    overflow-y: auto;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.quick-product__right-viewport::-webkit-scrollbar {
    display: none
}

@media (max-width: 959px) {
    .quick-product__right-viewport {
        max-height: calc(80 * var(--vh), 1vh);
        padding: 0;
        border-top-right-radius: var(--quick-product-border-radius);
        border-top-left-radius: var(--quick-product-border-radius)
    }
}

@media (min-width: 960px) {
    .quick-product__right-viewport {
        padding-left: 4px;
        padding-left: var(--spacing-1)
    }
}

@media (max-width: 479px) {
    .quick-product__right-viewport {
        max-height: 75vh;
        max-height: calc(75 * var(--vh, 1vh))
    }
}

.quick-product__right-inner {
    padding-bottom: 24px;
    padding-bottom: var(--spacing-6)
}

@media (max-width: 959px) {
    .quick-product__right-inner .product-badges {
        margin-top: 16px;
        margin-top: var(--spacing-4);
        margin-right: 24px;
        margin-right: var(--spacing-6)
    }
}

@media (min-width: 960px) {
    .quick-product__right-inner {
        margin-top: 12px;
        margin-top: var(--spacing-3);
        width: calc(100% - 1px)
    }
}

.quick-product__right-inner .product-rating {
    margin: 0
}

.quick-product__right-inner .product-rating .product__rating-count-potential-link {
    color: var(--color-text)
}

@media (max-width: 959px) {

    .quick-product__right-inner>:not(.quick-product__header-block-wrap),
    .product__block--product-header-image-wrap .product-thumbnails__viewport {
        padding-left: 16px;
        padding-left: var(--spacing-4);
        padding-right: 16px;
        padding-right: var(--spacing-4)
    }
}

.quick-product__right-viewport-footer {
    position: relative;
    padding-left: 4px;
    padding-left: var(--spacing-1);
    --quantity-input-size: 45px
}

.quick-product__right-viewport-footer .product-form__cart-submit {
    height: 45px
}

.quick-product__right-viewport-footer .product-form,
.quick-product__right-viewport-footer .quantity-input-wrapper--product-form .quantity-input-wrapper__labels,
.quick-product__right-viewport-footer .product-form__controls-group.product-form__controls-group--submit {
    margin: 0
}

@media (max-width: 959px) {
    .quick-product__right-viewport-footer {
        padding: 12px 16px;
        padding: var(--spacing-3) var(--spacing-4);
        border-top: 1px solid var(--color-border-alt)
    }
}

.shopify-section.header__outer-wrapper {
    z-index: 510;
    z-index: var(--z-index-header);
    overflow: visible;
    position: relative;
    pointer-events: none
}

html.sticky-header-enabled .shopify-section.header__outer-wrapper {
    position: sticky;
    top: 0
}

.password-header .header__logo-link {
    padding-bottom: 0
}

.password {
    position: relative;
    color: var(--color-text);
    justify-content: var(--text-horizontal-position);
    align-items: var(--text-vertical-position)
}

@media (max-width: 719px) {
    .password {
        justify-content: var(--text-horizontal-position-mobile);
        align-items: var(--text-vertical-position-mobile)
    }
}

.password[data-image-height-type=custom] .password__text-container-wrapper {
    min-height: var(--custom-height-mobile);
    height: 100%;
    position: relative
}

@media (min-width: 720px) {
    .password[data-image-height-type=custom] .password__text-container-wrapper {
        min-height: var(--custom-height-desktop)
    }
}

body.header-transparent #main>.shopify-section:first-child .password {
    padding-top: 0
}

.password__inner {
    position: relative
}

.password__text-container-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: var(--text-horizontal-position);
    align-items: var(--text-vertical-position);
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    margin: 0 auto;
    padding: 28px 16px;
    padding: var(--spacing-7) var(--space-outer)
}

@media (max-width: 719px) {
    .password__text-container-wrapper {
        justify-content: var(--text-horizontal-position-mobile);
        align-items: var(--text-vertical-position-mobile)
    }
}

.password__text-container {
    max-width: 600px;
    max-width: var(--content-max-width, 600px);
    display: flex;
    flex-direction: column;
    align-items: var(--text-horizontal-position);
    text-align: var(--text-alignment)
}

@media (max-width: 719px) {
    .password__text-container {
        align-items: var(--text-horizontal-position-mobile);
        text-align: var(--text-alignment-mobile)
    }
}

body.header-transparent #main>.shopify-section:first-child .password .password__text-container {
    padding-top: var(--height-header)
}

.password__text-container-inner {
    z-index: 1
}

.password__text-container-inner .social-icons-block .social-icons.social-icons--left {
    justify-content: var(--text-horizontal-position-mobile)
}

@media (min-width: 720px) {
    .password__text-container-inner .social-icons-block .social-icons.social-icons--left {
        justify-content: var(--text-horizontal-position)
    }
}

.password__signup-form {
    display: flex;
    flex-direction: column;
    align-items: var(--text-horizontal-position-mobile)
}

@media (min-width: 720px) {
    .password__signup-form {
        align-items: var(--text-horizontal-position)
    }
}

.password__signup-form .form-status {
    margin: 0;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.password__notify-form {
    max-width: 500px;
    width: 100%
}

@media (min-width: 480px) {
    .password__notify-form {
        display: flex
    }
}

.password__signup-button {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

@media (min-width: 480px) {
    .password__signup-button {
        margin-top: 0;
        margin-left: 12px;
        margin-left: var(--spacing-3);
        flex-shrink: 0
    }
}

.password__signup-footer-text {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.password__share-icons .share-icons {
    justify-content: var(--text-horizontal-position-mobile);
    -moz-column-gap: 40px;
    column-gap: 40px;
    -moz-column-gap: var(--spacing-10);
    column-gap: var(--spacing-10)
}

@media (min-width: 720px) {
    .password__share-icons .share-icons {
        justify-content: var(--text-horizontal-position)
    }
}

.password__share-icons .share-icons .share-icons__icon {
    padding-left: 0;
    padding-right: 0
}

.password-unlock__trigger {
    position: relative;
    display: inline-flex;
    height: 38px;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2)
}

.password-unlock__trigger:before {
    content: "";
    background-color: var(--color-text-header);
    opacity: 0;
    border-radius: 7px;
    height: 100%;
    width: calc(100% + 16px);
    width: calc(100% + var(--spacing-4));
    margin-left: -8px;
    margin-left: calc(var(--spacing-2) * -1);
    position: absolute;
    z-index: 2;
    transform: scale(.08);
    transition: opacity .25s, transform .25s ease-in-out
}

.password-unlock__trigger:hover:before,
.password-unlock__trigger:active:before,
.password-unlock__trigger.active:before {
    opacity: .1;
    transform: scale(1)
}

.password-unlock__trigger:active {
    transform: scale(.9)
}

.password-unlock__content {
    display: none;
    text-align: center;
    padding: 20px;
    padding: var(--spacing-5)
}

.password-unlock__content .password-unlock__text {
    font-weight: 400
}

.password-unlock__content .password-unlock__form-wrapper {
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-top: var(--spacing-5)
}

.password-unlock__content .password-unlock__login-form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 16px;
    row-gap: var(--spacing-4);
    -moz-column-gap: 12px;
    column-gap: 12px;
    -moz-column-gap: var(--spacing-3);
    column-gap: var(--spacing-3)
}

.password-unlock__content .password-unlock__login-form .input {
    flex: 65%;
    min-height: 44px;
    min-height: var(--height-input);
    margin-top: 0;
    padding: 8px 16px;
    padding: var(--spacing-2) var(--spacing-4)
}

.password-unlock__content .password-unlock__login-form .password-unlock__button {
    flex: 30%
}

@media (min-width: 720px) {
    .password-unlock__content .password-unlock__login-form {
        flex-direction: row
    }
}

.password-unlock__content .password-unlock__admin {
    margin-top: 32px;
    margin-top: var(--spacing-8)
}

.template-password .modal__inner {
    max-width: 476px
}

.login {
    --login-max-width: 540px
}

.login[data-scope=component] .login__success-wrapper,
.login[data-scope=component] .login__main,
.login[data-scope=component] .login__header {
    max-width: none;
    max-width: initial;
    padding: 0
}

.login[data-scope=component] .login__links {
    margin: 12px 0 0;
    margin: var(--spacing-3) 0 0 0
}

.login[data-scope=component] .login__form {
    margin-top: 20px;
    margin-top: var(--spacing-5)
}

.login[data-scope=component] .login__header {
    text-align: left;
    text-align: initial
}

.login[data-scope=component] #rc_login {
    display: none
}

.login[data-scope=template] {
    display: flex;
    flex-direction: column
}

.login__success,
.login__error {
    position: relative
}

.login__success:after,
.login__error:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .1;
    pointer-events: none
}

.login__success {
    padding: 12px;
    padding: var(--spacing-3);
    text-align: center;
    display: none;
    color: var(--color-text-success);
    border-color: var(--color-text-success)
}

.login__success:after {
    background-color: var(--color-text-success)
}

.login__success.visible {
    display: flex;
    margin: 0 auto 40px;
    margin: 0 auto var(--spacing-10)
}

.login__error {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-5);
    color: var(--color-text-error);
    border-color: var(--color-text-error)
}

.login__error:after {
    background-color: var(--color-text-error)
}

.login__wrapper.hide {
    display: none
}

.login__success-wrapper,
.login .login__header,
.login .login__main {
    width: 100%;
    max-width: var(--login-max-width);
    padding: 0 16px;
    padding: 0 var(--space-outer);
    margin: 0 auto
}

.login__success-wrapper.hide,
.login .login__header.hide,
.login .login__main.hide {
    display: none
}

.login__success-wrapper .input,
.login .login__header .input,
.login .login__main .input {
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4)
}

.login__success-wrapper .btn.btn--primary,
.login .login__header .btn.btn--primary,
.login .login__main .btn.btn--primary {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.login__header {
    text-align: center
}

.login__form {
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

.login__subheading {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.login__label-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2);
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.login__links {
    margin: 20px 0 0;
    margin: var(--spacing-5) 0 0 0;
    padding: 0;
    display: flex;
    justify-content: center
}

.login__links span {
    margin-right: 4px;
    margin-right: var(--spacing-1)
}

.login__links li {
    list-style: none
}

@media (min-width: 480px) {
    .login__links li+li:before {
        content: "/";
        padding: 12px;
        padding: var(--spacing-3)
    }
}

.account__subheading {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.account__breadcrumbs {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-5)
}

@media (min-width: 480px) {
    .account__breadcrumbs {
        margin-bottom: 40px;
        margin-bottom: var(--spacing-10)
    }
}

.account__breadcrumbs .breadcrumbs {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

.account__breadcrumbs .breadcrumbs__item {
    list-style: none
}

.account__breadcrumbs .breadcrumbs__break {
    opacity: .6
}

.account__logout {
    display: inline-block;
    font-style: italic;
    margin-left: 8px;
    margin-left: var(--spacing-2)
}

.account__messages {
    background-color: var(--color-background-meta);
    margin-bottom: 40px;
    margin-bottom: var(--spacing-10);
    width: 100%
}

.account__message {
    padding: 20px;
    padding: var(--spacing-5)
}

.account__message+.account__message {
    margin-top: 20px;
    margin-top: var(--spacing-5)
}

.account__sections {
    margin: 0
}

.account__top {
    margin-bottom: 40px;
    margin-bottom: var(--spacing-10)
}

@media (min-width: 480px) {
    .account__top {
        margin-bottom: 80px;
        margin-bottom: var(--spacing-20)
    }
}

.account__col+.account__col {
    margin-top: 40px;
    margin-top: var(--spacing-10)
}

.account__col-heading+p,
p+.account__cta-wrap {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.account__col-heading+.account__cta-wrap {
    margin-top: 4px;
    margin-top: var(--spacing-unit)
}

.account__table {
    width: 100%;
    border-collapse: collapse
}

.account__table s {
    opacity: .5
}

@media (min-width: 960px) {
    .account__table tr {
        padding: 0
    }
}

.account__table th {
    padding: 0 20px 20px;
    padding: 0 var(--spacing-5) var(--spacing-5) var(--spacing-5);
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap
}

.account__table td {
    white-space: nowrap
}

@media (min-width: 960px) {
    .account__table td {
        padding: 16px;
        padding: calc(var(--spacing-unit) * 4);
        border-bottom: 1px solid var(--color-border)
    }
}

@media (min-width: 960px) {

    .account__table--expanded th,
    .account__table--expanded td {
        padding: 28px;
        padding: var(--spacing-7)
    }

    .account__table--expanded th {
        padding-top: 0;
        padding-bottom: 20px;
        padding-bottom: var(--spacing-5)
    }
}

.account__table td:first-of-type,
.account__table th:first-of-type {
    padding-left: 0
}

.account__table td:last-of-type,
.account__table th:last-of-type {
    padding-right: 0
}

@media (max-width: 479px) {

    .account__table td:last-of-type,
    .account__table th:last-of-type {
        padding-right: 20px;
        padding-right: var(--spacing-5)
    }
}

@media (max-width: 959px) {
    .account__table .ta-r--price {
        display: flex
    }
}

.account__table .ta-r--price dl {
    margin: 0
}

.account__table .ta-r--price .unit-price__price,
.account__table .ta-r--price dd {
    margin-left: 0
}

.account__table--summary {
    width: 100%;
    min-width: 0px
}

@media (min-width: 480px) {
    .account__table--summary {
        max-width: 400px;
        margin-left: auto
    }
}

.account__table--summary td:last-of-type {
    padding-right: 0
}

.account__my-orders-heading {
    padding-bottom: 20px;
    padding-bottom: var(--spacing-5);
    border-bottom: 1px solid var(--color-border)
}

.account__no-orders {
    padding: 40px 0;
    padding: var(--spacing-10) 0;
    border-bottom: 1px solid var(--color-border)
}

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

.order__product ul {
    margin: 0;
    padding: 0
}

.order__product li {
    list-style: none
}

.order__image {
    position: relative;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    background-color: var(--color-background-meta);
    margin-right: 40px;
    margin-right: var(--spacing-10)
}

.order__image .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.account__order-summary {
    width: 100%;
    margin-top: 20px;
    margin-top: var(--spacing-5)
}

@media (min-width: 480px) {
    .account__order-summary {
        max-width: 400px
    }
}

.account__order-summary-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.account__order-summary-item.account__order-summary-item--discount-text {
    margin-top: 0
}

.account__order-summary-item--total {
    margin-top: 12px;
    margin-top: var(--spacing-3);
    padding-top: 12px;
    padding-top: var(--spacing-3);
    border-top: 1px solid var(--color-border)
}

.account__order-footer {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-top: var(--spacing-10)
}

@media (min-width: 720px) {
    .account__order-footer {
        flex-direction: row-reverse;
        flex-wrap: nowrap
    }
}

.account__order-addresses,
.account__order-footer-col {
    width: 100%
}

@media (max-width: 479px) {
    .account__order-footer-col+.account__order-footer-col {
        margin-top: 40px;
        margin-top: var(--spacing-10)
    }
}

@media (min-width: 720px) {
    .account__order-footer-col {
        width: calc(1 / 3 * 100%);
        padding: 0
    }
}

@media (min-width: 960px) {
    .account__order-footer-col {
        width: 25%
    }
}

.account__order-footer-col--summary {
    flex-grow: 1
}

@media (min-width: 720px) {
    .account__order-footer-col--summary {
        margin-left: auto;
        max-width: 400px
    }
}

@media (max-width: 719px) {
    .account__order-footer-col+.account__order-footer-col {
        margin-top: 40px;
        margin-top: var(--spacing-10)
    }
}

.account__order-status {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

@media (max-width: 959px) {
    .account__table--order td {
        padding-top: 12px;
        padding-top: var(--spacing-3)
    }

    .account__table--order .order__product {
        padding-bottom: 20px;
        padding-bottom: var(--spacing-5)
    }

    .account__table--order .order__image {
        margin-right: 20px;
        margin-right: var(--spacing-5)
    }
}

.account__table--order th,
.account__table--order td {
    white-space: normal
}

.addresses__new {
    margin-top: 20px;
    margin-top: var(--spacing-5)
}

@media (min-width: 480px) {
    .addresses__new {
        margin-top: 40px;
        margin-top: var(--spacing-10)
    }
}

.addresses__modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1300;
    z-index: var(--z-index-modal);
    justify-content: space-around;
    display: none;
    overflow-y: auto
}

.addresses__modal.active {
    display: block
}

.addresses__modal.visible .addresses__overlay {
    opacity: 1
}

.addresses__modal.visible .addresses__content {
    opacity: 1;
    transform: translateY(0)
}

.addresses__overlay {
    background-color: var(--color-overlay);
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    transition: opacity .35s
}

.addresses__content {
    position: relative;
    background-color: var(--color-background);
    padding: 28px;
    padding: var(--spacing-7);
    margin: 10vh auto;
    width: 90vw;
    max-width: 600px;
    z-index: 10;
    transition: opacity .35s, transform .35s;
    opacity: 0;
    transform: translateY(20px);
    transform: translateY(var(--spacing-5))
}

@media (min-width: 480px) {
    .addresses__content {
        padding: 60px;
        padding: var(--spacing-15)
    }
}

.addresses__content .input {
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4)
}

.addresses__content .addresses__province-wrapper {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.addresses__content .addresses__province-wrapper label {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.addresses__modal-close {
    position: absolute;
    top: 24px;
    top: var(--spacing-6);
    right: 24px;
    right: var(--spacing-6)
}

@media (max-width: 719px) {
    .addresses__modal-close {
        top: 16px;
        top: var(--spacing-4);
        right: 16px;
        right: var(--spacing-4)
    }
}

.addresses__modal-heading {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-5)
}

.addresses__list {
    display: grid;
    grid-gap: 28px;
    grid-gap: var(--spacing-7);
    gap: 28px;
    gap: var(--spacing-7)
}

@media (min-width: 480px) {
    .addresses__list {
        gap: 20px;
        gap: var(--spacing-5)
    }
}

@media (min-width: 720px) {
    .addresses__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 960px) {
    .addresses__list {
        grid-template-columns: repeat(3, 1fr)
    }
}

.addresses__item {
    border: 1px solid var(--color-border);
    padding: 20px;
    padding: var(--spacing-5);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.addresses__item ul {
    margin: 12px 0 0;
    margin: var(--spacing-3) 0 0 0;
    padding: 0
}

.addresses__item li {
    list-style: none;
    display: inline-block
}

.addresses__item li+li {
    margin-left: 12px;
    margin-left: var(--spacing-3)
}

.addresses__checkbox-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-5)
}

.addresses__checkbox-wrapper label {
    margin-left: 8px;
    margin-left: var(--spacing-2);
    cursor: pointer
}

.addresses__cancel {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.gift-card {
    padding: 20px;
    padding: var(--spacing-5);
    text-align: center
}

@media (min-width: 480px) {
    .gift-card {
        padding: 40px;
        padding: var(--spacing-10)
    }
}

.gift-card__title {
    margin-top: 0;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-5)
}

.gift-card__container {
    max-width: 560px;
    background-color: var(--color-bg);
    color: var(--color-text);
    margin: 0 auto;
    padding: 20px;
    padding: var(--spacing-5)
}

@media (min-width: 480px) {
    .gift-card__container {
        padding: 40px;
        padding: var(--spacing-10)
    }
}

.gift-card__graphic img {
    width: 100%;
    display: block
}

.gift-card__initial-balance,
.gift-card__shopping-link {
    margin-top: 20px;
    margin-top: var(--spacing-5)
}

#qr-code {
    margin-top: 20px;
    margin-top: var(--spacing-5);
    display: flex;
    justify-content: center
}

@media (min-width: 480px) {
    #qr-code {
        margin-top: 40px;
        margin-top: var(--spacing-10)
    }
}

.apple-wallet-image {
    display: block;
    margin: 0 auto
}

@media print {
    @page {
        margin: .5cm
    }

    p {
        orphans: 3;
        widows: 3
    }

    .print-giftcard,
    .apple-wallet,
    .gift-card__shopping-link {
        display: none
    }
}

.collapsible-row-list {
    background-color: var(--color-background);
    color: var(--color-text)
}

.collapsible-row-list__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--content-width)
}

.collapsible-row-list__heading {
    text-align: var(--heading-alignment)
}

.collapsible-row-list__heading+.collapsible-row-list-item,
.collapsible-row-list__subheading+.collapsible-row-list-item {
    margin-top: 28px;
    margin-top: var(--spacing-7)
}

.shopify-section.announcement-bar-wrapper {
    overflow: visible;
    order: -1;
    z-index: 515;
    z-index: var(--z-index-announcement-bar)
}

@media (max-width: 959px) {
    .shopify-section.announcement-bar-wrapper body[data-quick-search-open=true] {
        z-index: 510;
        z-index: var(--z-index-header)
    }
}

body.confirmation-popup-open .shopify-section.announcement-bar-wrapper {
    z-index: 509;
    z-index: calc(var(--z-index-header) - 1)
}

.announcement-bar {
    --min-height: 34px;
    position: relative;
    color: var(--color-text);
    background-color: var(--color-background);
    overflow: visible
}

@media (max-width: 959px) {
    .announcement-bar[data-item-count="0"] {
        display: none
    }
}

@media (max-width: 959px) {
    body[data-quick-search-open=true] .announcement-bar {
        display: none
    }
}

.announcement-bar.announcement-bar--has-border {
    border-bottom: 1px solid var(--color-border)
}

@media (min-width: 960px) {
    .announcement-bar.announcement-bar--announcements-desktop-align-left .announcement-bar__item {
        text-align: left
    }
}

@media (min-width: 960px) {
    .announcement-bar.announcement-bar--announcements-desktop-align-right .announcement-bar__item {
        text-align: right
    }
}

.announcement-bar .disclosure-list,
.announcement-bar .navigation__submenu-list {
    box-shadow: 0 1px 3px #00000026, 0 2px 6px 2px #0000000d;
    box-shadow: var(--box-shadow-disclosure)
}

.announcement-bar .disclosure__toggle:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

.announcement-bar .disclosure__toggle .flag-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

.announcement-bar .disclosure-list__option {
    font-size: var(--font-size-body-60)
}

.announcement-bar .announcement-bar-modal {
    display: none
}

.announcement-bar .disclosure--right {
    right: -6px
}

.announcement-bar__cross-border,
.announcement-bar__cross-border .disclosure-form,
.announcement-bar__cross-border .disclosure-form__inner,
.announcement-bar__cross-border .disclosure-form__item {
    height: 100%
}

.announcement-bar__cross-border .disclosure-form {
    position: static
}

.announcement-bar__cross-border .disclosure-form__item {
    position: relative;
    display: flex;
    align-items: center
}

@media (min-width: 720px) {
    .announcement-bar__cross-border .disclosure {
        position: static
    }
}

.announcement-bar__cross-border .disclosure--right .disclosure-list-wrapper {
    right: -6px
}

.announcement-bar__cross-border .disclosure-list-wrapper {
    position: absolute;
    top: 100%;
    overflow: hidden;
    padding: 0 6px 6px;
    left: -6px;
    pointer-events: none
}

.announcement-bar__cross-border .disclosure-list {
    display: block;
    height: 0;
    border: 0;
    pointer-events: all;
    transform: translateY(-100%);
    visibility: hidden;
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), visibility 0s .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing), visibility 0s var(--duration-normal) var(--easing)
}

.announcement-bar__cross-border .disclosure-list[aria-hidden=false] {
    height: auto;
    height: initial;
    transform: translateY(0);
    visibility: visible;
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), visibility 0s 0s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing), visibility 0s 0s var(--easing)
}

html:not(.no-js) .announcement-bar .navigation__submenu {
    top: 100%;
    margin-top: 0
}

html:not(.no-js) .announcement-bar .navigation__submenu-list {
    padding: 12px;
    padding: var(--spacing-3);
    border: 0;
    box-shadow: 0 1px 3px #00000026, 0 2px 6px 2px #0000000d;
    box-shadow: var(--box-shadow-disclosure)
}

html:not(.no-js) .announcement-bar .navigation__submenu[data-depth="1"] {
    margin-left: 0
}

html:not(.no-js) .announcement-bar .navigation__submenu[data-depth="2"] {
    margin-top: calc((0 + 12px)*-1);
    margin-top: calc((var(--submenu-item-height, 0) + var(--spacing-3)) * -1)
}

html:not(.no-js) .announcement-bar .navigation__submenu-child-link label {
    cursor: pointer
}

.announcement-bar__inner {
    max-width: 1800px;
    max-width: var(--max-width);
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    min-height: var(--min-height)
}

@media (max-width: 1900px) {
    .announcement-bar__inner {
        max-width: calc(100vw - 32px);
        max-width: calc(100vw - var(--space-outer) - var(--space-outer))
    }
}

@media (max-width: 719px) {
    .announcement-bar__inner {
        max-width: 100%;
        padding: 8px 16px;
        padding: var(--spacing-2) var(--space-outer)
    }
}

.announcement-bar__announcements-wrapper,
.announcement-bar__announcements-wrapper .scroll-slider {
    display: flex
}

.announcement-bar__announcements,
.announcement-bar__announcements-wrapper {
    position: relative;
    flex-grow: 1;
    min-width: 0
}

.icon {
    width: 16px;
    height: 16px
}

.announcement-bar__nav-button-wrapper {
    display: flex;
    align-items: center
}

body:not(.user-is-tabbing) .announcement-bar__nav-button-wrapper {
    display: none
}

.announcement-bar__nav-button-wrapper.announcement-bar__nav-button-wrapper--prev .announcement-bar__nav-button {
    transform: rotate(90deg)
}

.announcement-bar__nav-button-wrapper.announcement-bar__nav-button-wrapper--next .announcement-bar__nav-button {
    transform: rotate(270deg)
}

.announcement-bar__nav-button-wrapper .announcement-bar__nav-button[disabled] {
    opacity: .5
}

.announcement-bar__item {
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center;
    align-self: center;
    justify-content: space-around;
    text-align: center;
    line-height: var(--line-height-body);
    display: flex
}

@media (min-width: 720px) {
    .announcement-bar--announcements-desktop-align-left .announcement-bar__item {
        padding-left: 0
    }
}

.announcement-bar__item .announcement-bar__item-inner {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width: 720px) {
    .announcement-bar__item .announcement-bar__item-inner.announcement-bar__item-inner-mobile-only {
        display: none
    }
}

@media (max-width: 719px) {
    .announcement-bar__item .announcement-bar__item-inner.announcement-bar__item-inner-desktop-only {
        display: none
    }
}

.announcement-bar__item .announcement-bar__item-inner {
    display: inline-block
}

.announcement-bar__item .announcement-bar__item-inner a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

.announcement-bar__item-inner {
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1), transform .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing), transform var(--duration-normal) var(--easing);
    opacity: 0
}

@media (hover: hover) {
    .announcement-bar__item-inner {
        transform: translateY(-5px)
    }
}

.announcement-bar__item:not([inert]) .announcement-bar__item-inner {
    opacity: 1
}

@media (hover: hover) {
    .announcement-bar__item:not([inert]) .announcement-bar__item-inner {
        transform: translateY(0)
    }
}

.announcement-bar__details-link {
    color: var(--color-text);
    margin-left: 4px;
    margin-left: var(--spacing-1);
    padding: 2px 6px
}

.announcement-bar__details-link[data-modal-link-style=text] {
    font-size: var(--font-size-body-60);
    line-height: .3;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

.announcement-bar__details-link[data-modal-link-style=button] {
    border: 1px solid var(--color-border);
    font-size: calc(var(--font-size-button-x-small) - 2px);
    font-family: var(--font-button);
    font-weight: var(--font-weight-button);
    text-transform: var(--font-button-text-transform)
}

@media (max-width: 719px) {
    .announcement-bar__details-link[data-modal-link-style=button] {
        margin-top: 4px;
        margin-top: var(--spacing-1, 0)
    }
}

.announcement-bar__menus {
    display: flex;
    align-items: center;
    padding-left: 16px;
    padding-left: var(--spacing-4)
}

.announcement-bar__menus .social-icons li,
.announcement-bar__menus .social-icons .icon {
    width: 20px;
    height: 20px
}

.social-icons {
    flex-wrap: nowrap
}

.social-icons a {
    transition: opacity .2s ease
}

@media (hover: hover) {
    .social-icons a:hover {
        opacity: .6
    }
}

.social-icons+.announcement-bar__cross-border {
    margin-left: 28px;
    margin-left: var(--spacing-7)
}

.announcement-bar__links {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 16px;
    padding-right: var(--spacing-4)
}

.announcement-bar__links .navigation__links-list {
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-wrap: nowrap;
    row-gap: 8px;
    row-gap: var(--spacing-2);
    -moz-column-gap: 24px;
    column-gap: 24px;
    -moz-column-gap: var(--spacing-6);
    column-gap: var(--spacing-6)
}

.announcement-bar__links .navigation__links-list>li {
    padding: 0
}

.announcement-bar__links .navigation__links-list>li>a,
.announcement-bar__links .navigation__links-list>li>button {
    min-height: 0;
    min-height: initial
}

.announcement-bar__links .navigation__links-list>li>button>.navigation__links-icon {
    margin-left: 0
}

.announcement-bar__links .navigation__links-list>li>button>.navigation__links-icon .icon {
    width: 8px;
    height: 8px;
    margin-top: 1px;
    margin-left: 6px;
    margin-left: calc(var(--spacing-2) - 2px)
}

.no-js .announcement-bar__links {
    display: none
}

.announcement-bar__menus,
.announcement-bar__links {
    flex-shrink: 0
}

@media (max-width: 959px) {

    .announcement-bar__menus,
    .announcement-bar__links {
        display: none
    }
}

.announcement-bar-modal__content .announcement-bar-modal__heading {
    margin-top: 0
}

.contact-form__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--content-width)
}

.contact-form__preheading,
.contact-form__heading,
.contact-form__text {
    text-align: var(--heading-content-alignment)
}

.contact-form__wrapper {
    --contact-form-row-gap: var(--spacing-5);
    display: grid;
    grid-column-gap: 24px;
    grid-column-gap: var(--spacing-6);
    grid-row-gap: 20px;
    grid-row-gap: var(--contact-form-row-gap)
}

@media (min-width: 480px) {
    .contact-form__wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

.contact-form__input-wrapper {
    width: 100%
}

.contact-form-checkbox {
    display: flex
}

.contact-form-checkbox__content-inner {
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

[data-filter-item-type=chip] .contact-form-checkbox__content-inner {
    display: flex;
    align-items: stretch;
    width: 100%
}

.contact-form-checkbox__input {
    --checkbox-input-size: 16px;
    width: 16px;
    width: var(--checkbox-input-size);
    height: 16px;
    height: var(--checkbox-input-size);
    border: 1px solid var(--color-border);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.contact-form-checkbox__checkbox {
    color: var(--color-text)
}

.contact-form-checkbox__checkbox:checked+.contact-form-checkbox__content-inner .contact-form-checkbox__input {
    border-color: var(--color-text)
}

.contact-form-checkbox__checkbox:checked+.contact-form-checkbox__content-inner .contact-form-checkbox__input .icon {
    opacity: 1
}

.contact-form-checkbox__checkbox:focus-visible+.contact-form-checkbox__content-inner .contact-form-checkbox__input {
    border: 2px solid var(--color-text)
}

.contact-form-checkbox__input {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border-input)
}

.contact-form-checkbox__input .icon {
    display: flex;
    width: 10px;
    height: 10px;
    opacity: 0;
    transition: opacity .3s
}

.contact-form__heading-block {
    margin: 12px 0;
    margin: var(--spacing-3) 0;
    font-size: var(--font-size-body-250)
}

.contact-form__heading-block+.contact-form__paragraph {
    margin-top: calc(-1 * var(--contact-form-row-gap))
}

.contact-form__spacer {
    --spacer-spacing: var(--spacing-3);
    position: relative;
    margin: 12px 0 0;
    margin: var(--spacer-spacing) 0 0;
    padding-bottom: 12px;
    padding-bottom: var(--spacer-spacing)
}

.contact-form__spacer--small {
    --spacer-spacing: var(--spacing-1)
}

.contact-form__spacer--large {
    --spacer-spacing: var(--spacing-6)
}

.contact-form__spacer--extra-large {
    --spacer-spacing: var(--spacing-9)
}

.contact-form__spacer--show-divider:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 1px var(--color-border);
    pointer-events: none
}

.contact-form__checkbox-label {
    display: flex;
    align-items: center
}

.contact-form__checkbox-label-text {
    padding-left: 12px;
    padding-left: var(--spacing-3)
}

.contact-form__radio-label {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.contact-form__radio-input {
    border-radius: 100%;
    margin: 0;
    width: 24px;
    height: 24px;
    border: 1px solid var(--color-border)
}

.contact-form__radio-input+.contact-form__radio-input-content .contact-form__radio-input-button {
    border-radius: 100%;
    margin: 0;
    border: 1px solid var(--color-border);
    background-color: var(--color-background)
}

.contact-form__radio-input+.contact-form__radio-input-content .contact-form__radio-input-button .contact-form__radio-input-indicator {
    --radio-indicator-size: 7px;
    border-radius: 100%;
    width: 7px;
    width: var(--radio-indicator-size);
    height: 7px;
    height: var(--radio-indicator-size);
    background-color: var(--color-background);
    opacity: 0
}

.contact-form__radio-input:checked+.contact-form__radio-input-content .contact-form__radio-input-button {
    background-color: var(--color-text);
    border-color: var(--color-text)
}

.contact-form__radio-input:checked+.contact-form__radio-input-content .contact-form__radio-input-button .contact-form__radio-input-indicator {
    opacity: 1
}

.contact-form__radio-input:focus-visible+.contact-form__radio-input-content .contact-form__radio-input-button {
    border: 2px solid var(--color-text)
}

.contact-form__radio-input-label {
    padding-left: 12px;
    padding-left: var(--spacing-3)
}

.contact-form__radio-input-content {
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

.contact-form__radio-input-button {
    --radio-button-size: 16px;
    width: 16px;
    width: var(--radio-button-size);
    height: 16px;
    height: var(--radio-button-size);
    border: 1px solid var(--color-border);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.contact-form__item--full-width {
    grid-column: 1 / -1
}

.contact-form__button--full-width {
    width: 100%
}

.contact-form__button-wrapper {
    grid-column: 1 / -1
}

.contact-form__recaptcha-terms {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.contact-form__select.select-wrapper {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.blog-posts {
    background-color: var(--color-background);
    color: var(--color-text)
}

.blog-posts__slider {
    --spacing-1-and-a-half: calc(var(--spacing-1) + var(--spacing-unit-half));
    --text-box-spacing-thin: calc(var(--spacing-1-and-a-half) * .5);
    position: relative
}

.blog-posts__slider[data-text-box-style=soft_small] .scroll-slider__slider {
    padding-bottom: 12px;
    padding-bottom: var(--spacing-3)
}

.blog-posts__slider[data-text-box-style=soft_large] .scroll-slider__slider {
    padding-bottom: 64px;
    padding-bottom: var(--spacing-16)
}

.blog-posts__slider[data-text-box-style=solid_thin] .scroll-slider__slider,
.blog-posts__slider[data-text-box-style=solid_thin_accent] .scroll-slider__slider {
    padding-bottom: var(--text-box-spacing-thin)
}

.blog-posts__slider[data-text-box-style=solid_thick] .scroll-slider__slider,
.blog-posts__slider[data-text-box-style=solid_thick_accent] .scroll-slider__slider {
    padding-bottom: var(--spacing-1-and-a-half)
}

.collection-list {
    background-color: var(--color-background);
    color: var(--color-text)
}

.collection-list a.btn {
    color: var(--color-text)
}

.collection-list__inner[data-has-slider=false] .collection-list__collections {
    display: grid;
    grid-template-columns: repeat(var(--num-columns-mobile), minmax(0, 1fr))
}

@media (min-width: 720px) {
    .collection-list__inner[data-has-slider=false] .collection-list__collections {
        grid-template-columns: repeat(var(--num-columns-desktop), minmax(0, 1fr))
    }
}

.collection-list__inner[data-expanded=true][data-has-slider=false] .section-footer {
    display: none
}

@media (min-width: 720px) {
    .collection-list__inner[data-truncate-desktop=false][data-has-slider=false] .section-footer {
        display: none
    }
}

@media (max-width: 719px) {
    .collection-list__inner[data-truncate-mobile=false][data-has-slider=false] .section-footer {
        display: none
    }
}

@media (max-width: 719px) {
    .collection-list__inner[data-slider-mobile=false][data-expanded=false] .collection-item.overflow-mobile {
        display: none
    }
}

@media (max-width: 719px) {
    .collection-list__inner[data-slider-mobile=false] .scroll-slider__slider {
        display: grid;
        grid-template-columns: repeat(var(--num-columns-mobile), minmax(0, 1fr));
        grid-gap: var(--gap);
        gap: var(--gap)
    }
}

@media (min-width: 720px) {
    .collection-list__inner[data-slider-desktop=false][data-expanded=false] .collection-item.overflow-desktop {
        display: none
    }
}

.collection-list__inner[data-slider-desktop=false] .scroll-slider-page-dots,
.collection-list__inner[data-slider-desktop=false] .scroll-slider-nav-button {
    display: none
}

@media (min-width: 720px) {
    .collection-list__inner[data-slider-desktop=false] .scroll-slider__slider {
        display: grid;
        grid-template-columns: repeat(var(--num-columns-desktop), minmax(0, 1fr));
        grid-gap: 24px 12px;
        grid-gap: var(--spacing-6) var(--spacing-3)
    }
}

@media (min-width: 1024px) {
    .collection-list__inner[data-slider-desktop=false] .scroll-slider__slider {
        grid-gap: 36px 16px;
        grid-gap: var(--spacing-9) var(--spacing-4)
    }
}

@media (min-width: 1200px) {
    .collection-list__inner[data-slider-desktop=false] .scroll-slider__slider {
        grid-gap: 40px 24px;
        grid-gap: var(--spacing-10) var(--spacing-6)
    }
}

.collection-list__collections {
    position: relative
}

.collection-list__collections[data-standard-grid-spacing-type=collection-list] .collection-item__meta {
    margin: 12px 8px;
    margin: var(--spacing-3) var(--spacing-2)
}

.collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=plain] .collection-item__meta {
    margin: 12px 0 0;
    margin-top: var(--spacing-3)
}

@media (min-width: 720px) {

    [data-slider-desktop=false] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined],
    [data-slider-desktop=false] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined] .scroll-slider__slider {
        grid-gap: 1px
    }

    [data-slider-desktop=false] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined] .collection-item {
        box-shadow: 0 0 0 1px var(--color-border)
    }
}

@media (min-width: 720px) {
    [data-slider-desktop=true] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined] .scroll-slider {
        margin: -1px
    }

    [data-slider-desktop=true] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined] .scroll-slider__slider {
        padding: 1px;
        scroll-padding-left: 1px
    }

    [data-slider-desktop=true] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined] .collection-item {
        box-shadow: 0 0 0 1px var(--color-border)
    }
}

@media (max-width: 719px) {

    [data-slider-mobile=false] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined],
    [data-slider-mobile=false] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined] .scroll-slider__slider {
        grid-gap: 1px
    }

    [data-slider-mobile=false] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined] .collection-item {
        box-shadow: 0 0 0 1px var(--color-border)
    }
}

@media (max-width: 719px) {
    [data-slider-mobile=true] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined] .scroll-slider {
        margin-top: -1px;
        margin-bottom: -1px
    }

    [data-slider-mobile=true] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined] .scroll-slider__slider {
        padding-top: 1px;
        padding-bottom: 1px;
        scroll-padding-left: 17px;
        scroll-padding-left: calc(var(--space-outer) + 1px)
    }

    [data-slider-mobile=true] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=outlined] .collection-item {
        box-shadow: 0 0 0 1px var(--color-border)
    }
}

.collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled] {
    grid-gap: 12px;
    grid-gap: var(--spacing-3)
}

.collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled] .collection-item {
    background-color: var(--color-background-meta)
}

@media (min-width: 720px) {

    [data-slider-desktop=false] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled],
    [data-slider-desktop=false] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled] .scroll-slider__slider {
        grid-gap: 12px;
        grid-gap: var(--spacing-3)
    }
}

@media (min-width: 1024px) {

    [data-slider-desktop=false] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled],
    [data-slider-desktop=false] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled] .scroll-slider__slider {
        grid-gap: 16px;
        grid-gap: var(--spacing-4)
    }
}

@media (min-width: 1200px) {

    [data-slider-desktop=false] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled],
    [data-slider-desktop=false] .collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled] .scroll-slider__slider {
        grid-gap: 24px;
        grid-gap: var(--spacing-6)
    }
}

@media (max-width: 719px) {
    .collection-list__expand-button-wrapper[data-mobile-enable=false] {
        display: none
    }
}

@media (min-width: 720px) {
    .collection-list__expand-button-wrapper[data-desktop-enable=false] {
        display: none
    }
}

.collection-list__expand-button button {
    gap: 8px;
    gap: var(--spacing-2);
    padding-right: 20px;
    padding-right: var(--spacing-5)
}

@media (max-width: 719px) {
    .collection-list__expand-button button {
        font-size: var(--font-size-button-small);
        padding: var(--button-padding-small);
        padding-right: 16px;
        padding-right: var(--spacing-4)
    }
}

.collection-list__expand-button .icon {
    width: 10px;
    height: 10px
}

.collection-list-buttons__inner .collection-list-buttons__collections {
    grid-gap: 12px;
    grid-gap: var(--spacing-3)
}

@media (min-width: 720px) {

    .collection-list-buttons__inner .collection-list-buttons__collections[data-grid-spacing-desktop=comfort],
    .collection-list-buttons__inner .collection-list-buttons__collections[data-grid-spacing-desktop=comfort] .scroll-slider__slider {
        grid-gap: 16px;
        grid-gap: var(--spacing-4)
    }
}

@media (min-width: 1024px) {

    .collection-list-buttons__inner .collection-list-buttons__collections[data-grid-spacing-desktop=comfort],
    .collection-list-buttons__inner .collection-list-buttons__collections[data-grid-spacing-desktop=comfort] .scroll-slider__slider {
        grid-gap: 24px;
        grid-gap: var(--spacing-6)
    }
}

@media (min-width: 720px) {

    .collection-list-buttons__inner .collection-list-buttons__collections[data-grid-spacing-desktop=compact],
    .collection-list-buttons__inner .collection-list-buttons__collections[data-grid-spacing-desktop=compact] .scroll-slider__slider {
        grid-gap: 12px;
        grid-gap: var(--spacing-3)
    }
}

@media (min-width: 720px) {
    .collection-list-buttons__inner .scroll-slider__slider {
        display: grid
    }
}

@media (min-width: 720px) and (max-width: 959px) {
    .collection-list-buttons__inner .scroll-slider__slider {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width: 960px) {
    .collection-list-buttons__inner .scroll-slider__slider {
        grid-template-columns: repeat(var(--num-columns-desktop), minmax(0, 1fr))
    }
}

.collection-list-buttons__inner[data-slider-mobile=false] .collection-list-buttons__collections {
    display: grid;
    grid-template-columns: repeat(var(--num-columns-mobile), minmax(0, 1fr))
}

@media (min-width: 720px) and (max-width: 959px) {
    .collection-list-buttons__inner[data-slider-mobile=false] .collection-list-buttons__collections {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width: 960px) {
    .collection-list-buttons__inner[data-slider-mobile=false] .collection-list-buttons__collections {
        grid-template-columns: repeat(var(--num-columns-desktop), minmax(0, 1fr))
    }
}

@media (min-width: 720px) {
    .collection-list-buttons__inner[data-truncate-desktop=false] .section-footer {
        display: none
    }
}

@media (max-width: 719px) {
    .collection-list-buttons__inner[data-truncate-mobile=false] .section-footer {
        display: none
    }
}

.collection-list-buttons__inner[data-expanded=true] .section-footer {
    display: none
}

@media (min-width: 720px) and (max-width: 959px) {
    .collection-list-buttons__inner[data-expanded=false] .collection-list-buttons-item.overflow-tablet {
        display: none
    }
}

@media (min-width: 960px) {
    .collection-list-buttons__inner[data-expanded=false] .collection-list-buttons-item.overflow-desktop {
        display: none
    }
}

@media (max-width: 719px) {
    .collection-list-buttons__inner[data-expanded=false][data-slider-mobile=false] .collection-list-buttons-item.overflow-mobile {
        display: none
    }
}

.collection-list-buttons__expand-button button {
    gap: 8px;
    gap: var(--spacing-2);
    padding-right: 20px;
    padding-right: var(--spacing-5)
}

@media (max-width: 719px) {
    .collection-list-buttons__expand-button button {
        font-size: var(--font-size-button-small);
        padding: var(--button-padding-small);
        padding-right: 16px;
        padding-right: var(--spacing-4)
    }
}

.collection-list-buttons__expand-button .icon {
    width: 10px;
    height: 10px
}

@media (max-width: 719px) {
    .featured-collection .section-header .scroll-slider-page-dots {
        display: none
    }
}

.featured-collection__products {
    position: relative
}

.featured-collection__products .scroll-slider-nav-button-wrapper {
    z-index: 10
}

.featured-collection__products[data-has-slider=false] {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (min-width: 720px) {
    .featured-collection__products[data-has-slider=false] {
        grid-template-columns: repeat(var(--num-columns-tablet), 1fr)
    }
}

@media (min-width: 1024px) {
    .featured-collection__products[data-has-slider=false] {
        grid-template-columns: repeat(var(--num-columns-desktop), 1fr)
    }
}

@media (max-width: 719px) {
    .featured-collection__products[data-has-slider=true][data-slider-mobile=false] .scroll-slider__slider {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: var(--gap);
        -moz-column-gap: var(--gap);
        column-gap: var(--gap);
        grid-row-gap: 24px;
        grid-row-gap: var(--spacing-6);
        row-gap: 24px;
        row-gap: var(--spacing-6)
    }
}

.featured-collection__products[data-has-slider=true][data-slider-desktop=false]+.section-footer .scroll-slider-page-dots {
    display: none
}

.featured-collection__products[data-has-slider=true][data-slider-desktop=false] .scroll-slider-nav-button {
    display: none
}

@media (min-width: 720px) {
    .featured-collection__products[data-has-slider=true][data-slider-desktop=false] .scroll-slider__slider {
        grid-template-columns: repeat(var(--num-columns-tablet), 1fr);
        grid-gap: 24px 12px;
        grid-gap: var(--spacing-6) var(--spacing-3)
    }
}

@media (min-width: 1024px) {
    .featured-collection__products[data-has-slider=true][data-slider-desktop=false] .scroll-slider__slider {
        display: grid;
        grid-template-columns: repeat(var(--num-columns-desktop), 1fr);
        grid-gap: 36px 16px;
        grid-gap: var(--spacing-9) var(--spacing-4)
    }
}

@media (min-width: 1200px) {
    .featured-collection__products[data-has-slider=true][data-slider-desktop=false] .scroll-slider__slider {
        grid-gap: 40px 24px;
        grid-gap: var(--spacing-10) var(--spacing-6)
    }
}

.featured-collection-with-media {
    --active-gap: var(--spacing-5)
}

@media (min-width: 720px) {
    .featured-collection-with-media {
        --active-gap: var(--spacing-7)
    }
}

@media (min-width: 1024px) {
    .featured-collection-with-media {
        --active-gap: var(--spacing-8)
    }
}

@media (max-width: 859px) {
    .featured-collection-with-media .section-footer {
        display: none
    }
}

.featured-collection-with-media__inner {
    display: flex;
    flex-direction: column;
    gap: var(--active-gap);
    --gap-offset: calc(var(--active-gap) / 2)
}

@media (min-width: 860px) {
    .featured-collection-with-media__inner {
        flex-direction: row
    }
}

.featured-collection-with-media__media-block {
    position: relative;
    width: 100%;
    min-height: var(--media-height-mobile)
}

@media (min-width: 860px) {
    .featured-collection-with-media__media-block {
        width: calc(var(--media-width) - var(--gap-offset));
        min-height: var(--media-height)
    }
}

@media (max-width: 859px) {
    [data-media-position-mobile=below] .featured-collection-with-media__media-block {
        order: 1
    }
}

@media (min-width: 860px) {
    [data-media-position=right] .featured-collection-with-media__media-block {
        order: 1
    }
}

.featured-collection-with-media__media-block .featured-collection-with-media__video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -o-object-position: var(--focal-point, center);
    object-position: var(--focal-point, center)
}

.featured-collection-with-media__media-block .featured-collection-with-media__media-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.featured-collection-with-media__overlay-content {
    padding: 20px;
    padding: var(--spacing-5)
}

@media (min-width: 720px) {
    .featured-collection-with-media__overlay-content {
        padding: 24px;
        padding: var(--spacing-6)
    }
}

@media (min-width: 1024px) {
    .featured-collection-with-media__overlay-content {
        padding: 28px;
        padding: var(--spacing-7)
    }
}

.featured-collection-with-media__overlay-content .overlay-content__text-container {
    max-width: 100%;
    max-width: var(--max-content-width, 100%)
}

@media (min-width: 860px) {
    .featured-collection-with-media__products-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: calc(100% - var(--media-width) - var(--gap-offset))
    }
}

.featured-collection-with-media__products {
    position: relative
}

.featured-collection-with-media__products .scroll-slider-nav-button-wrapper {
    z-index: 10
}

.featured-collection-with-media__products[data-has-slider=false] {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (min-width: 720px) {
    .featured-collection-with-media__products[data-has-slider=false] {
        grid-template-columns: repeat(var(--num-columns-desktop), 1fr)
    }
}

@media (max-width: 719px) {
    .featured-collection-with-media__products[data-has-slider=true][data-slider-mobile=false] .scroll-slider__slider {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--gap);
        gap: var(--gap)
    }
}

.featured-collection-with-media__products[data-has-slider=true][data-slider-desktop=false]+.section-footer {
    display: none
}

.featured-collection-with-media__products[data-has-slider=true][data-slider-desktop=false] .scroll-slider-nav-button {
    display: none
}

@media (min-width: 860px) {
    .featured-collection-with-media__products[data-has-slider=true][data-slider-desktop=false] .scroll-slider__slider {
        display: grid;
        grid-template-columns: repeat(var(--num-columns-desktop), 1fr)
    }
}

@media (min-width: 720px) {
    .featured-collection-with-media__products[data-has-slider=true][data-slider-desktop=false][data-grid-style=colored_tile] .scroll-slider__slider {
        grid-gap: 12px;
        grid-gap: var(--spacing-3)
    }
}

@media (min-width: 1024px) {
    .featured-collection-with-media__products[data-has-slider=true][data-slider-desktop=false][data-grid-style=colored_tile] .scroll-slider__slider {
        grid-gap: 16px;
        grid-gap: var(--spacing-4)
    }
}

@media (min-width: 1200px) {
    .featured-collection-with-media__products[data-has-slider=true][data-slider-desktop=false][data-grid-style=colored_tile] .scroll-slider__slider {
        grid-gap: 24px;
        grid-gap: var(--spacing-6)
    }
}

@media (min-width: 720px) {
    .featured-collection-with-media__products[data-has-slider=true][data-slider-desktop=false][data-grid-style=default] .scroll-slider__slider {
        grid-gap: 24px 12px;
        grid-gap: var(--spacing-6) var(--spacing-3)
    }
}

@media (min-width: 1024px) {
    .featured-collection-with-media__products[data-has-slider=true][data-slider-desktop=false][data-grid-style=default] .scroll-slider__slider {
        grid-gap: 36px 16px;
        grid-gap: var(--spacing-9) var(--spacing-4)
    }
}

@media (min-width: 1200px) {
    .featured-collection-with-media__products[data-has-slider=true][data-slider-desktop=false][data-grid-style=default] .scroll-slider__slider {
        grid-gap: 40px 24px;
        grid-gap: var(--spacing-10) var(--spacing-6)
    }
}

@media (min-width: 860px) and (max-width: 1023px) {
    .featured-collection-with-media__products[data-has-slider=true][data-slider-desktop=true][data-grid-style=bordered_grid] .scroll-slider {
        margin: -1px;
        width: calc(100% + 2px)
    }

    .featured-collection-with-media__products[data-has-slider=true][data-slider-desktop=true][data-grid-style=bordered_grid] .scroll-slider__slider {
        padding: 1px;
        scroll-padding-left: 1px
    }
}

@media (min-width: 860px) and (max-width: 959px) {
    .featured-collection-with-media__products .product-item__quick-add-wrapper[data-quick-add-style=text] .quantity-input__button {
        width: 40px
    }
}

.tabbed-collections__navigation-buttons {
    display: none
}

@media (min-width: 720px) {
    .tabbed-collections__navigation-buttons.active {
        display: flex
    }
}

@media (min-width: 720px) {
    .tabbed-collections__slider-dots-spacer {
        margin-bottom: 32px;
        margin-bottom: var(--spacing-8)
    }
}

.tabbed-collections__tab-buttons-wrapper {
    --maximum-content-width: none;
    width: 100%;
    display: flex;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.tabbed-collections__tab-buttons-wrapper::-webkit-scrollbar {
    display: none
}

.tabbed-collections__products {
    position: relative
}

.tabbed-collections__products,
.tabbed-collections__products.featured-collection-slider-grid[data-has-slider=false] {
    visibility: hidden;
    height: 0
}

.tabbed-collections__products.active,
.tabbed-collections__products.active.featured-collection-slider-grid[data-has-slider=false] {
    visibility: visible;
    height: auto;
    height: initial
}

.tabbed-collections__products .scroll-slider-nav-button-wrapper {
    z-index: 10
}

.section-header[data-alignment=left]~.tabbed-collections__products .scroll-slider-page-dots {
    position: absolute;
    right: 0;
    top: -40px;
    top: calc((var(--spacing-8) * -1) - 8px);
    padding: 0;
    z-index: 1
}

.section-header[data-alignment=center]~.tabbed-collections__products .scroll-slider-page-dots {
    position: absolute;
    bottom: -32px;
    bottom: calc(var(--spacing-8) * -1);
    width: 100%
}

.tabbed-collections__products[data-has-slider=false] {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (min-width: 720px) {
    .tabbed-collections__products[data-has-slider=false] {
        grid-template-columns: repeat(var(--num-columns-tablet), 1fr)
    }
}

@media (min-width: 1024px) {
    .tabbed-collections__products[data-has-slider=false] {
        grid-template-columns: repeat(var(--num-columns-desktop), 1fr)
    }
}

@media (max-width: 719px) {
    .tabbed-collections__products[data-has-slider=true][data-slider-mobile=false] .scroll-slider__slider {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: var(--gap);
        -moz-column-gap: var(--gap);
        column-gap: var(--gap);
        grid-row-gap: 24px;
        grid-row-gap: var(--spacing-6);
        row-gap: 24px;
        row-gap: var(--spacing-6)
    }
}

.tabbed-collections__products[data-has-slider=true][data-slider-desktop=false] .scroll-slider-nav-button {
    display: none
}

@media (min-width: 720px) {
    .tabbed-collections__products[data-has-slider=true][data-slider-desktop=false] .scroll-slider__slider {
        grid-template-columns: repeat(var(--num-columns-tablet), 1fr);
        grid-gap: 24px 12px;
        grid-gap: var(--spacing-6) var(--spacing-3)
    }
}

@media (min-width: 1024px) {
    .tabbed-collections__products[data-has-slider=true][data-slider-desktop=false] .scroll-slider__slider {
        display: grid;
        grid-template-columns: repeat(var(--num-columns-desktop), 1fr);
        grid-gap: 36px 16px;
        grid-gap: var(--spacing-9) var(--spacing-4)
    }
}

@media (min-width: 1200px) {
    .tabbed-collections__products[data-has-slider=true][data-slider-desktop=false] .scroll-slider__slider {
        grid-gap: 40px 24px;
        grid-gap: var(--spacing-10) var(--spacing-6)
    }
}

.featured-product {
    margin: 0
}

.icon-with-text-columns {
    background-color: var(--color-background);
    color: var(--color-text)
}

@media (min-width: 720px) {
    .icon-with-text-columns .scroll-slider-page-dots {
        display: none
    }
}

.icon-with-text-columns__slider {
    max-width: 100%;
    max-width: var(--content-width, 100%);
    margin: 0 auto 28px;
    margin: 0 auto var(--spacing-7)
}

@media (min-width: 720px) {
    .icon-with-text-columns__slider {
        display: grid;
        grid-template-columns: repeat(var(--num-columns-tablet), 1fr);
        grid-gap: 24px;
        grid-gap: var(--spacing-6);
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .icon-with-text-columns__slider {
        grid-template-columns: repeat(var(--num-columns-desktop), 1fr);
        grid-gap: 28px;
        grid-gap: var(--spacing-7)
    }
}

.image-hero {
    position: relative;
    color: var(--color-text)
}

.image-hero[data-image-height-type=custom] .background-image-container {
    min-height: var(--custom-height-mobile)
}

@media (min-width: 720px) {
    .image-hero[data-image-height-type=custom] .background-image-container {
        min-height: var(--custom-height-desktop)
    }
}

.image-hero[data-image-height-type=custom] .image-hero__text-container-wrapper {
    min-height: var(--custom-height-mobile);
    height: 100%;
    position: relative
}

@media (min-width: 720px) {
    .image-hero[data-image-height-type=custom] .image-hero__text-container-wrapper {
        min-height: var(--custom-height-desktop)
    }
}

body.header-transparent #main>.shopify-section:first-child .image-hero {
    padding-top: 0
}

.image-hero__inner {
    position: relative
}

.image-hero__image {
    position: relative;
    height: 100%
}

.image-hero__image-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.image-hero__text-container-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: var(--text-horizontal-position);
    align-items: var(--text-vertical-position);
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    margin: 0 auto;
    padding: 24px 16px;
    padding: var(--spacing-6) var(--space-outer)
}

@media (max-width: 719px) {
    .image-hero__text-container-wrapper {
        justify-content: var(--text-horizontal-position-mobile);
        align-items: var(--text-vertical-position-mobile)
    }
}

@media (min-width: 1024px) {
    .image-hero__text-container-wrapper {
        padding: 32px 16px;
        padding: var(--spacing-8) var(--space-outer)
    }
}

.image-hero__text-container {
    max-width: 600px;
    max-width: var(--content-max-width, 600px);
    display: flex;
    flex-direction: column;
    align-items: var(--text-horizontal-position);
    text-align: var(--text-alignment)
}

@media (max-width: 719px) {
    .image-hero__text-container {
        align-items: var(--text-horizontal-position-mobile);
        text-align: var(--text-alignment-mobile)
    }
}

.image-hero__text-container-inner {
    z-index: 1
}

.media-with-content {
    background-color: var(--color-background);
    color: var(--color-text)
}

.media-with-content__inner {
    display: flex;
    flex-direction: column;
    gap: 36px;
    gap: var(--spacing-9);
    padding: 32px 0;
    padding: var(--spacing-8) 0
}

@media (min-width: 1024px) {
    .media-with-content__inner {
        flex-direction: row;
        gap: 0;
        padding: 40px 0;
        padding: var(--spacing-10) 0
    }
}

.section:not(.image-with-content-split) .media-with-content__inner {
    align-items: center
}

.image-with-content-split .media-with-content__inner {
    padding: 0
}

.media-with-content__media-wrapper,
.media-with-content__content-wrapper {
    order: var(--mobile-order)
}

@media (min-width: 1024px) {

    .media-with-content__media-wrapper,
    .media-with-content__content-wrapper {
        order: var(--desktop-order)
    }
}

.media-with-content__media-wrapper {
    width: 100%
}

@media (min-width: 1024px) {
    .media-with-content__media-wrapper {
        width: var(--media-container-width)
    }
}

.media-with-content__media-wrapper[data-media-padding=all_sides] {
    padding: 36px;
    padding: var(--spacing-9)
}

@media (min-width: 1024px) {
    .media-with-content__media-wrapper[data-media-padding=all_sides] {
        padding: 40px;
        padding: var(--spacing-10)
    }
}

.media-with-content__media-wrapper[data-media-padding=top_and_bottom] {
    padding: 36px 0;
    padding: var(--spacing-9) 0
}

@media (min-width: 1024px) {
    .media-with-content__media-wrapper[data-media-padding=top_and_bottom] {
        padding: 40px 0;
        padding: var(--spacing-10) 0
    }
}

.image-with-content .media-with-content__media-wrapper {
    height: -moz-max-content;
    height: max-content
}

.media-with-content__media-wrapper .media-with-content__images-wrapper[data-has-two-images=true] {
    display: flex
}

.media-with-content__media-wrapper .media-with-content__images-wrapper[data-has-two-images=true] .media-with-content__image {
    width: 100%
}

.media-with-content__media-wrapper .media-with-content__images-wrapper[data-has-two-images=true] .media-with-content__image.image-1 {
    margin-top: 20%;
    margin-right: -10%;
    align-self: flex-end;
    z-index: 1
}

.media-with-content__media-wrapper .media-with-content__images-wrapper[data-has-two-images=true] .media-with-content__image.image-1.placeholder-image .placeholder-svg {
    background-color: var(--color-background-placeholder-lighter)
}

.media-with-content__media-wrapper .media-with-content__images-wrapper[data-has-two-images=true] .media-with-content__image.image-2 {
    margin-bottom: 20%;
    margin-left: -10%;
    align-self: flex-start
}

.media-with-content__media-wrapper .media-with-content__video {
    position: relative
}

.media-with-content__media-wrapper .media-with-content__video .video-play-button-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center
}

.media-with-content__media-wrapper .media-with-content__video .video-play-button-wrapper.visible {
    display: flex
}

.image-with-content-split .media-with-content__image,
.image-with-content-split .media-with-content__image .image__img {
    height: 100%
}

.media-with-content__image-caption {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.media-with-content__content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media (min-width: 1024px) {
    .media-with-content__content-wrapper {
        width: var(--content-container-width)
    }
}

@media (min-width: 1024px) {
    .image-with-content .media-with-content__content-wrapper[data-media-position-desktop=left] {
        padding-left: 40px;
        padding-left: var(--spacing-10)
    }

    .image-with-content .media-with-content__content-wrapper[data-media-position-desktop=right] {
        padding-right: 40px;
        padding-right: var(--spacing-10)
    }
}

.image-with-content-split .media-with-content__content-wrapper {
    padding: 0 36px 36px;
    padding: 0 var(--spacing-9) var(--spacing-9)
}

@media (min-width: 1024px) {
    .image-with-content-split .media-with-content__content-wrapper {
        padding: 40px;
        padding: var(--spacing-10)
    }
}

@media (min-width: 1024px) {
    .image-with-content-split[data-media-position-desktop=left] .media-with-content__content-wrapper {
        padding: 40px;
        padding: var(--spacing-10)
    }
}

.media-with-content__content {
    position: relative;
    width: 100%;
    max-width: 100%;
    max-width: var(--content-max-width, 100%);
    margin: 0 auto;
    text-align: var(--content-alignment)
}

.page-section {
    background-color: var(--color-background);
    color: var(--color-text)
}

.page-section .page-section__inner {
    max-width: var(--content-width);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.page-section .page-section__inner .page-section__placeholder-wrapper {
    background-color: var(--color-background-placeholder);
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-section .page-section__inner .page-section__placeholder-wrapper svg {
    height: 100%;
    opacity: .25
}

.page-section .page-section__content>*:first-child {
    margin-top: 0
}

.recommended-products.hidden {
    display: none
}

.rich-text {
    background-color: var(--color-background);
    color: var(--color-text)
}

.rich-text .rich-text__inner {
    max-width: 100%;
    max-width: var(--content-width, 100%);
    margin-left: auto;
    margin-right: auto;
    text-align: var(--content-alignment)
}

.rich-text .rich-text__inner .section-blocks__heading,
.rich-text .rich-text__inner .section-blocks__accent {
    text-align: var(--heading-alignment)
}

.slideshow {
    position: relative
}

.slideshow[data-image-height-type=custom] .image-hero__image-container {
    min-height: var(--custom-height-mobile)
}

@media (min-width: 720px) {
    .slideshow[data-image-height-type=custom] .image-hero__image-container {
        min-height: var(--custom-height-desktop)
    }
}

.slideshow[data-image-height-type=custom] .slideshow-slide__text-container-wrapper {
    min-height: var(--custom-height-mobile);
    height: 100%;
    position: relative
}

@media (min-width: 720px) {
    .slideshow[data-image-height-type=custom] .slideshow-slide__text-container-wrapper {
        min-height: var(--custom-height-desktop)
    }
}

.slideshow__inner {
    position: relative
}

.video-hero {
    position: relative;
    color: var(--color-text)
}

.video-hero[data-image-height-type=custom] .video-hero__media-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: var(--custom-height-mobile);
    height: 100%;
    overflow: hidden
}

@media (min-width: 720px) {
    .video-hero[data-image-height-type=custom] .video-hero__media-container {
        min-height: var(--custom-height-desktop)
    }
}

.video-hero[data-image-height-type=custom] .video-hero__media-container .video-hero__video {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: var(--video-focal-alignment);
    object-position: var(--video-focal-alignment)
}

.video-hero[data-image-height-type=custom] .video-hero__media-container .placeholder-image {
    display: block;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -o-object-position: var(--focal-alignment, center);
    object-position: var(--focal-alignment, center);
    top: 0;
    width: 100%;
    height: 100%
}

.video-hero[data-image-height-type=custom] .video-hero__text-container-wrapper {
    min-height: var(--custom-height-mobile);
    height: 100%;
    position: relative
}

@media (min-width: 720px) {
    .video-hero[data-image-height-type=custom] .video-hero__text-container-wrapper {
        min-height: var(--custom-height-desktop)
    }
}

.video-hero[data-has-video=true] .video-hero__media-container {
    background-color: #000
}

.video-hero[data-has-video=true] .video-hero__image {
    display: none
}

body.header-transparent #main>.shopify-section:first-child .video-hero {
    padding-top: 0
}

.video-hero__inner {
    position: relative
}

.video-hero__video-wrapper {
    overflow: hidden
}

.video-hero__image {
    position: relative;
    height: 100%
}

.video-hero__video {
    position: relative;
    display: block;
    width: 100%
}

.video-hero__media-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.video-hero__overlay {
    z-index: 2
}

.video-hero__text-container-wrapper {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: var(--text-horizontal-position-mobile);
    align-items: var(--text-vertical-position-mobile);
    text-align: var(--text-alignment-mobile);
    margin: 0 auto;
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    padding: 24px 16px;
    padding: var(--spacing-6) var(--space-outer)
}

@media (min-width: 720px) {
    .video-hero__text-container-wrapper {
        justify-content: var(--text-horizontal-position);
        align-items: var(--text-vertical-position);
        text-align: var(--text-alignment)
    }
}

@media (min-width: 1024px) {
    .video-hero__text-container-wrapper {
        padding: 32px 16px;
        padding: var(--spacing-8) var(--space-outer)
    }
}

body.header-transparent #main>.shopify-section:first-child .video-hero .video-hero__text-container-wrapper {
    padding-top: calc(var(--height-header) + (4px * 10));
    padding-top: calc(var(--height-header) + 40px);
    padding-top: calc(var(--height-header) + var(--spacing-10))
}

body.header-transparent #main>.shopify-section:first-child .video-hero .video-pause {
    top: calc(var(--height-header) + (4px * 3));
    top: calc(var(--height-header) + 12px);
    top: calc(var(--height-header) + var(--spacing-3))
}

.video-hero__text-container {
    max-width: 600px;
    max-width: var(--content-max-width, 600px);
    z-index: 1
}

.testimonials {
    background-color: var(--color-background);
    color: var(--color-text)
}

.testimonials__items {
    position: relative
}

.testimonial-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: var(--testimonial-text-alignment)
}

.testimonial-item__author-wrapper {
    display: flex
}

[data-alignment=center] .testimonial-item__author-wrapper {
    justify-content: center
}

[data-alignment=right] .testimonial-item__author-wrapper {
    justify-content: flex-end
}

.testimonial-item__author {
    display: flex;
    align-items: center;
    gap: 12px;
    gap: var(--spacing-3)
}

.testimonial-item__author-image {
    flex-shrink: 0;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    overflow: hidden
}

@media (min-width: 1024px) {
    .testimonial-item__author-image {
        width: 64px;
        height: 64px
    }
}

[data-show-author-image=true] .testimonial-item__author-content {
    text-align: left
}

.testimonial-item__author-verified {
    display: flex;
    align-items: center;
    gap: 4px;
    gap: var(--spacing-1);
    margin-top: 2px;
    margin-top: var(--spacing-unit-half);
    opacity: .8
}

[data-show-author-image=false][data-alignment=center] .testimonial-item__author-verified {
    justify-content: center
}

[data-show-author-image=false][data-alignment=right] .testimonial-item__author-verified {
    justify-content: flex-end
}

.testimonial-item__rating .star-rating {
    color: var(--color-testimonial-rating)
}

.testimonial-item__rating,
.testimonial-item__testimonial {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.testimonial-item__testimonial {
    flex-grow: 1
}

.testimonial-item__testimonial a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

.testimonial-item__featured-product {
    display: flex;
    align-items: center;
    gap: 16px;
    gap: var(--spacing-4);
    margin-top: 32px;
    margin-top: var(--spacing-8)
}

[data-alignment=center] .testimonial-item__featured-product {
    justify-content: center
}

[data-alignment=right] .testimonial-item__featured-product {
    justify-content: flex-end
}

.testimonial-item__featured-product-image {
    max-width: var(--product-image-width)
}

.testimonial-item__featured-product-meta {
    display: flex;
    flex-direction: column
}

.testimonial-item__featured-product-title {
    text-align: left
}

.testimonial-item__featured-product-button {
    opacity: .7
}

.store-availability {
    position: relative;
    display: flex;
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

.store-availability .icon {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    margin-right: var(--spacing-2);
    margin-top: 2px;
    color: var(--color-text-error)
}

.store-availability .icon-checkmark {
    color: var(--color-text-success)
}

.store-availability .icon-close-small {
    padding: 1px
}

.store-availability__information-title,
.store-availability__information-stores {
    margin-top: 0;
    margin-bottom: 0
}

.store-availability__information-stock {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.store-availability__store-list-wrapper {
    display: none
}

.store-availability__store-list-title {
    margin-top: 28px;
    margin-top: var(--spacing-7);
    margin-bottom: 20px;
    margin-bottom: var(--spacing-5)
}

@media (min-width: 480px) {
    .store-availability__store-list-title {
        margin-top: 40px;
        margin-top: var(--spacing-10);
        margin-bottom: 28px;
        margin-bottom: var(--spacing-7)
    }
}

.store-availability-list__item {
    padding: 16px;
    padding: var(--spacing-4);
    border-bottom: 1px solid var(--color-text-popups-drawers-alpha-10)
}

.store-availability-list__item .icon {
    width: 14px;
    height: 14px
}

.store-availability-list__item:last-of-type {
    padding-bottom: 0;
    border: 0
}

.store-availability-list__item-header {
    display: flex
}

.store-availability-list__item-inner {
    display: flex;
    padding-right: 0;
    padding-left: 0
}

.store-availability-list__item-inner .icon {
    color: var(--color-text-error);
    margin-top: 7px;
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

.store-availability-list__item-inner .icon-checkmark {
    color: var(--color-text-success)
}

.store-availability-list__item-inner .icon-close-small {
    padding: 1px
}

.store-availability-list__address {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.grid {
    background-color: var(--color-background)
}

.grid .section-inner {
    --grid-spacing-with-fallback: var(--grid-spacing, var(--spacing-6));
    --grid-spacing-half: calc(var(--grid-spacing-with-fallback) / 2);
    display: flex;
    flex-wrap: wrap;
    color: var(--color-text)
}

@media (max-width: 959px) {
    .grid .section-inner {
        padding-right: max(var(--grid-spacing-half), 16px);
        padding-right: max(var(--grid-spacing-half), var(--space-outer));
        padding-left: max(var(--grid-spacing-half), 16px);
        padding-left: max(var(--grid-spacing-half), var(--space-outer))
    }
}

.grid .section-inner.section-inner--full-width {
    padding-right: min(var(--grid-spacing-half), 16px);
    padding-right: min(var(--grid-spacing-half), var(--space-outer));
    padding-left: min(var(--grid-spacing-half), 16px);
    padding-left: min(var(--grid-spacing-half), var(--space-outer))
}

@media (min-width: 960px) {
    .grid .section-inner.section-inner--full-width {
        padding-right: min(var(--grid-spacing-with-fallback), 16px);
        padding-right: min(var(--grid-spacing-with-fallback), var(--space-outer));
        padding-left: min(var(--grid-spacing-with-fallback), 16px);
        padding-left: min(var(--grid-spacing-with-fallback), var(--space-outer))
    }
}

.grid .section-inner.section-inner--full-width .section-header {
    padding: 0 16px;
    padding: 0 var(--space-outer)
}

.grid__inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width: 960px) {
    .grid__inner {
        width: calc(100% + var(--grid-spacing-with-fallback));
        height: calc(100% + var(--grid-spacing-with-fallback));
        margin: calc(var(--grid-spacing-half) * -1)
    }
}

.grid__inner .rte a {
    color: inherit
}

.collection-banner[data-show-collection-image=false] .collection-banner-inner {
    padding-top: 24px;
    padding-top: var(--spacing-6);
    padding-bottom: 24px;
    padding-bottom: var(--spacing-6)
}

@media (min-width: 720px) {
    .collection-banner[data-show-collection-image=false] .collection-banner-inner {
        padding-top: 36px;
        padding-top: var(--spacing-9);
        padding-bottom: 36px;
        padding-bottom: var(--spacing-9)
    }
}

.collection-banner[data-show-collection-image=true] .collection-banner-inner {
    padding-top: 0;
    padding-bottom: 24px;
    padding-bottom: var(--spacing-6)
}

.collection-banner[data-show-collection-image=true] [data-image-height-type=custom] .background-image-container {
    min-height: var(--custom-height-mobile)
}

@media (min-width: 720px) {
    .collection-banner[data-show-collection-image=true] [data-image-height-type=custom] .background-image-container {
        min-height: var(--custom-height-desktop)
    }
}

.collection-banner[data-show-collection-image=true] [data-image-height-type=custom] .collection-banner__text-container-wrapper {
    min-height: var(--custom-height-mobile);
    height: 100%;
    position: relative
}

@media (min-width: 720px) {
    .collection-banner[data-show-collection-image=true] [data-image-height-type=custom] .collection-banner__text-container-wrapper {
        min-height: var(--custom-height-desktop)
    }
}

.collection-banner[data-show-collection-image=true] .collection-banner__breadcrumbs a {
    color: var(--color-text)
}

.collection-banner__breadcrumbs {
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.collection-banner__banner {
    position: relative;
    color: var(--color-text)
}

.collection-banner__image {
    position: relative;
    height: 100%
}

.collection-banner__text-container-wrapper {
    display: flex;
    align-items: var(--text-vertical-position)
}

@media (max-width: 719px) {
    .collection-banner__text-container-wrapper {
        align-items: var(--text-vertical-position-mobile)
    }
}

[data-show-collection-image=true] .collection-banner__text-container-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

body.header-transparent #main>.shopify-section:first-child .collection-banner__text-container-wrapper {
    padding-top: var(--height-header)
}

.collection-banner__text-container {
    display: flex;
    width: 100%;
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    padding: 0 16px;
    padding: 0 var(--space-outer);
    margin-right: auto;
    margin-left: auto
}

[data-show-collection-image=true] .collection-banner__text-container {
    justify-content: var(--text-horizontal-position);
    align-items: var(--text-vertical-position);
    padding: 24px 16px;
    padding: var(--spacing-6) var(--space-outer)
}

@media (max-width: 719px) {
    [data-show-collection-image=true] .collection-banner__text-container {
        justify-content: var(--text-horizontal-position-mobile);
        align-items: var(--text-vertical-position-mobile)
    }
}

@media (min-width: 1024px) {
    [data-show-collection-image=true] .collection-banner__text-container {
        padding: 32px 16px;
        padding: var(--spacing-8) var(--space-outer)
    }
}

.collection-banner__text-container-inner {
    max-width: 747px;
    max-width: var(--max-width-narrow)
}

[data-show-collection-image=true] .collection-banner__text-container-inner {
    display: flex;
    flex-direction: column;
    align-items: var(--text-horizontal-position)
}

@media (max-width: 719px) {
    [data-show-collection-image=true] .collection-banner__text-container-inner {
        align-items: var(--text-horizontal-position-mobile)
    }
}

.collection-banner__text-container-heading {
    font-size: var(--font-size-heading-1-base)
}

@media (min-width: 720px) {
    .collection-banner__text-container-heading {
        font-size: var(--font-size-heading-display-3)
    }
}

.collection-banner__description-wrapper {
    position: relative;
    width: 100%;
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    padding: 0 16px;
    padding: 0 var(--space-outer);
    margin: 12px auto 8px;
    margin: var(--spacing-3) auto var(--spacing-2)
}

[data-show-collection-image=true] .collection-banner__description-wrapper {
    margin: 24px auto;
    margin: var(--spacing-6) auto
}

@media (min-width: 720px) {
    .collection-banner__description {
        max-width: 800px
    }
}

@supports (-webkit-touch-callout: none) {
    .collection-banner__description .truncate-wrapper[data-content-expanded=false] .truncate-wrapper__content * {
        display: inline
    }
}

.quick-cart__wrapper {
    --color-background: var(--color-background-popups-drawers);
    --color-background-alt: var(--color-background-popups-drawers-alt);
    --color-background-meta: var(--color-background-meta-popups-drawers);
    --color-text: var(--color-text-popups-drawers);
    --color-products-sale-price: var(--color-sale-price-popups-drawers);
    --color-border: var(--color-border-popups-drawers);
    --color-border-alt: var(--color-border-popups-drawers-alt);
    --color-background-input: var(--color-background-input-popups-drawers);
    --color-text-input: var(--color-text-input-popups-drawers);
    --color-border-input: var(--color-border-input-popups-drawers);
    --quantity-input-size: 36px;
    z-index: 1300;
    z-index: var(--z-index-modal);
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    padding-left: 28px;
    padding-left: var(--flyout-mobile-gap);
    transition: visibility 0s .5s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s var(--duration-normal) var(--easing)
}

.quick-cart__wrapper.active {
    visibility: visible;
    transition: visibility 0s 0s
}

.quick-cart__wrapper.active .quick-cart__overlay {
    opacity: 1
}

.quick-cart__wrapper.active .quick-cart__container {
    transform: none;
    transform: initial;
    box-shadow: -1px 0 3px #00000026, -4px 0 8px 3px #0000000d;
    box-shadow: var(--box-shadow-drawer-right)
}

.quick-cart__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-overlay);
    opacity: 0;
    cursor: pointer;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing)
}

.quick-cart__container {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 550px;
    height: 100%;
    overflow: hidden;
    margin-left: auto;
    background-color: var(--color-background-alt);
    color: var(--color-text);
    box-shadow: none;
    transform: translate(100%);
    transition: box-shadow .3s cubic-bezier(.33, 0, 0, 1), transform .5s cubic-bezier(.33, 0, 0, 1);
    transition: box-shadow var(--duration-fast) var(--easing), transform var(--duration-normal) var(--easing)
}

.quick-cart__form {
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: calc(100 * var(--vh, 1vh))
}

.quick-cart__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    padding: var(--spacing-4);
    background-color: var(--color-background);
    border-bottom: 1px solid var(--color-border-alt);
    z-index: 2
}

.quick-cart__main-content {
    flex-grow: 1;
    padding: 12px 0;
    padding: var(--spacing-3) 0;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.quick-cart__main-content::-webkit-scrollbar {
    display: none
}

.quick-cart__items {
    display: flex;
    flex-direction: column;
    background-color: var(--color-background);
    border-top: 1px solid var(--color-border-alt);
    border-bottom: 1px solid var(--color-border-alt)
}

.quick-cart__item {
    display: flex;
    padding: 16px;
    padding: var(--spacing-4);
    border-bottom: 1px solid var(--color-text-popups-drawers-alpha-10)
}

.quick-cart__item:last-of-type {
    border-bottom: 0
}

.quick-cart__item.is-removed {
    opacity: .5;
    cursor: default;
    pointer-events: none
}

.quick-cart__item-link {
    display: block
}

.quick-cart__item-image {
    width: 90px;
    flex-shrink: 0
}

.quick-cart__item-details {
    margin-left: 24px;
    margin-left: var(--spacing-6);
    width: 100%
}

.quick-cart__item-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

@media (max-width: 719px) {
    .quick-cart__item-bottom {
        display: block
    }
}

.quick-cart__item-bottom .quantity-input,
.quick-cart__item-bottom .quantity-input__input {
    height: var(--quantity-input-size)
}

.btn.btn--text-link.quick-cart__item-remove {
    color: var(--color-text)
}

@media (max-width: 719px) {
    .btn.btn--text-link.quick-cart__item-remove {
        display: flex;
        margin-top: 8px;
        margin-top: var(--spacing-2)
    }
}

.quick-cart__item-error,
.quick-cart__inventory-warning {
    width: 100%;
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.quick-cart__item-error {
    color: var(--color-text-error)
}

.quick-cart__item-error.hidden {
    display: none
}

.quick-cart__inventory-warning {
    color: var(--color-products-stock-medium)
}

.quick-cart__form-item-properties {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.quick-cart__item-discounts {
    position: relative;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 4px 12px;
    padding: var(--spacing-1) var(--spacing-3);
    margin-bottom: 0;
    margin-top: 0;
    list-style: none;
    color: var(--color-products-sale-price)
}

.quick-cart__item-discounts:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-products-sale-price);
    opacity: .08
}

.quick-cart__item-discount {
    display: flex;
    align-items: center;
    gap: 8px;
    gap: var(--spacing-2)
}

.quick-cart__item-discount+.quick-cart__item-discount {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.quick-cart__item-discount .icon {
    width: .9em;
    height: .9em;
    margin-top: 2px
}

.quick-cart__footer {
    padding: 20px 16px max(env(safe-area-inset-bottom), 16px);
    padding: var(--spacing-5) var(--spacing-4) max(env(safe-area-inset-bottom), var(--spacing-4));
    background-color: var(--color-background);
    border-top: 1px solid var(--color-border-alt);
    z-index: 1
}

.quick-cart__footer .quick-cart__item-discounts {
    margin: 8px 0;
    margin: var(--spacing-2) 0
}

.quick-cart__item-top .quick-cart__item-discounts {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.quick-cart__footer-order-note-wrapper {
    padding-bottom: 8px;
    padding-bottom: var(--spacing-2)
}

.quick-cart__footer-order-note-trigger-icons .icon {
    width: 10px;
    height: 10px;
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

.quick-cart__footer-order-note-trigger-icons .icon.hidden,
.quick-cart__footer-order-note-input {
    display: none
}

.quick-cart__footer-order-note-input[aria-expanded=true] {
    margin: 20px 0;
    margin: var(--spacing-5) 0
}

.quick-cart__footer-subtotal {
    display: flex;
    justify-content: space-between
}

.quick-cart__submit {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.quick-cart__empty-state {
    margin: auto;
    padding-top: 20px;
    padding-top: var(--spacing-5);
    padding-bottom: 20px;
    padding-bottom: var(--spacing-5);
    text-align: center;
    overflow: auto
}

.quick-cart__empty-state-heading+.quick-cart__empty-state-promot-text {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.quick-cart__empty-state-heading+.quick-cart__empty-state-promo-button,
.quick-cart__empty-state-promot-text+.quick-cart__empty-state-promo-button {
    margin-top: 32px;
    margin-top: var(--spacing-8)
}

.quick-cart__empty-state-promo-button {
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

.quick-cart__empty-state-promo-button .btn {
    width: 100%;
    max-width: 280px
}

.quick-cart__item-title {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.quick-cart__item-price-wrapper .unit-price__price {
    margin-left: 12px;
    margin-left: var(--spacing-3)
}

.quick-cart__item-price[data-is-sale=true] {
    color: var(--color-sale-price-popups-drawers);
    margin-left: 4px;
    margin-left: var(--spacing-1)
}

.quick-cart__item-discounts {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.purchase-confirmation-popup {
    --color-text: var(--color-text-popups-drawers);
    --color-products-sale-price: var(--color-sale-price-popups-drawers);
    --color-background: var(--color-background-popups-drawers);
    --popup-width: 400px;
    position: relative;
    max-width: 1800px;
    max-width: var(--max-width);
    margin-right: auto;
    margin-left: auto;
    color: var(--color-text-popups-drawers);
    color: var(--color-text);
    pointer-events: all
}

@media (max-width: 1900px) {
    .purchase-confirmation-popup {
        max-width: calc(100vw - 32px);
        max-width: calc(100vw - var(--space-outer) - var(--space-outer))
    }
}

.purchase-confirmation-popup.active .purchase-confirmation-popup__inner {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s ease, opacity .5s 0s cubic-bezier(.33, 0, 0, 1), transform .3s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s 0s ease, opacity var(--duration-normal) 0s var(--easing), transform var(--duration-fast) var(--easing)
}

.purchase-confirmation-popup .free-shipping-bar {
    margin: 16px 0 0;
    margin: var(--spacing-4) 0 0
}

.purchase-confirmation-popup .free-shipping-bar .free-shipping-bar-inner {
    padding: 0
}

.purchase-confirmation-popup__inner {
    visibility: hidden;
    position: absolute;
    height: auto;
    width: var(--popup-width);
    right: 0;
    background-color: var(--color-background);
    opacity: 0;
    box-shadow: 0 1px 3px #00000026, 0 2px 6px 2px #0000000d;
    box-shadow: var(--box-shadow-disclosure);
    transition: visibility 0s .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s var(--duration-normal) var(--easing), opacity var(--duration-normal) var(--easing)
}

.nav-bar-hidden .purchase-confirmation-popup__inner {
    transform: translateY(calc(var(--nav-bar-height) * -1))
}

@media (max-width: 479px) {
    .purchase-confirmation-popup__inner {
        width: calc(100vw - 32px);
        width: calc(100vw - (var(--space-outer) * 2))
    }
}

html:not(.sticky-header-enabled) .purchase-confirmation-popup__inner {
    position: fixed;
    top: 0;
    right: 16px;
    right: var(--space-outer)
}

.purchase-confirmation-popup__header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    padding: var(--spacing-4);
    border-bottom: 1px solid var(--color-border-popups-drawers)
}

.purchase-confirmation-popup__close-button {
    position: absolute;
    right: 8px;
    right: var(--spacing-2)
}

.purchase-confirmation-popup__item {
    display: flex;
    flex-direction: column;
    padding: 16px;
    padding: var(--spacing-4);
    border-bottom: 1px solid var(--color-border-popups-drawers)
}

.purchase-confirmation-popup__item.hidden {
    display: none
}

.purchase-confirmation-popup__product-title-price[data-is-sale=true] {
    margin-left: 8px;
    margin-left: var(--spacing-2);
    color: var(--color-products-sale-price)
}

.purchase-confirmation-popup__product {
    display: flex
}

.purchase-confirmation-popup__product-image {
    width: 120px;
    flex-shrink: 0
}

.purchase-confirmation-popup__product-details {
    margin-left: 16px;
    margin-left: var(--spacing-4);
    width: 100%
}

.purchase-confirmation-popup__product-variant {
    margin-top: 2px;
    margin-top: var(--spacing-unit-half)
}

.purchase-confirmation-popup__item-properties,
.purchase-confirmation-popup__product-price-wrapper {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.purchase-confirmation-popup__footer {
    padding: 16px;
    padding: var(--spacing-4)
}

.sales-banner,
.promo-banner {
    --min-height: 0px;
    --min-height-mobile: 0px;
    color: var(--color-text)
}

.sales-banner__inner,
.promo-banner__inner {
    position: relative;
    background-color: var(--color-background)
}

.sales-banner__content,
.promo-banner__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: var(--min-height-mobile);
    padding: 16px;
    padding: var(--spacing-4);
    overflow: hidden
}

.sales-banner--bar .sales-banner__content,
.promo-banner--bar .sales-banner__content,
.sales-banner--bar .promo-banner__content,
.promo-banner--bar .promo-banner__content {
    padding-right: 16px;
    padding-right: var(--space-outer);
    padding-left: 16px;
    padding-left: var(--space-outer)
}

@media (min-width: 720px) {

    .sales-banner__content,
    .promo-banner__content {
        min-height: var(--min-height);
        padding: 20px;
        padding: var(--spacing-5)
    }
}

.sales-banner__columns,
.promo-banner__columns {
    position: relative;
    width: 100%;
    padding: 16px;
    padding: var(--spacing-4)
}

@media (min-width: 720px) {

    .sales-banner__columns,
    .promo-banner__columns {
        padding: 40px 20px;
        padding: var(--spacing-10) var(--spacing-5)
    }
}

@media (min-width: 720px) {
    .promo-banner__columns {
        padding: 40px 48px;
        padding: var(--spacing-10) var(--spacing-12)
    }
}

@media (min-width: 1200px) {
    .promo-banner__columns {
        padding: 40px 60px;
        padding: var(--spacing-10) var(--spacing-15)
    }
}

.sales-banner__columns-inner {
    max-width: 1800px;
    max-width: var(--max-width);
    margin: 0 auto
}

@media (min-width: 720px) {
    .sales-banner__columns-inner {
        display: flex;
        justify-content: center
    }

    .sales-banner[data-layout=one-column] .sales-banner__columns-inner {
        flex-direction: column;
        align-items: center
    }
}

.promo-banner__columns-inner {
    max-width: 1800px;
    max-width: var(--max-width);
    margin: 0 auto
}

@media (min-width: 960px) {
    .promo-banner__columns-inner {
        display: flex;
        justify-content: center
    }

    .sales-banner[data-layout=one-column] .promo-banner__columns-inner {
        flex-direction: column;
        align-items: center
    }
}

.sales-banner__column {
    padding-bottom: 48px;
    padding-bottom: var(--spacing-12)
}

.sales-banner[data-layout=one-column] .sales-banner__column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0
}

.sales-banner[data-layout=one-column] .sales-banner__column+.sales-banner__column:before {
    content: none
}

.sales-banner__column+.sales-banner__column {
    position: relative
}

.sales-banner__column+.sales-banner__column:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 1px;
    background-color: var(--color-text)
}

@media (max-width: 719px) {
    .sales-banner__column+.sales-banner__column {
        padding-top: 48px;
        padding-top: var(--spacing-12);
        padding-bottom: 0
    }
}

@media (min-width: 720px) {
    .sales-banner__column {
        flex-basis: 50%;
        flex-shrink: 0;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        padding: 0 5%
    }

    .sales-banner__column+.sales-banner__column {
        align-items: flex-start
    }

    .sales-banner__column+.sales-banner__column:before {
        top: 0;
        bottom: 0;
        width: 1px;
        height: auto
    }

    .sales-banner[data-layout=one-column] .sales-banner__column {
        flex-basis: 50%;
        flex-shrink: 0;
        width: 50%;
        align-items: center;
        padding: 0
    }

    .sales-banner[data-layout=one-column] .sales-banner__column+.sales-banner__column {
        align-items: center;
        margin-top: 36px;
        margin-top: var(--spacing-9)
    }
}

@media (min-width: 1200px) {
    .sales-banner__column {
        padding: 0 6.5%
    }
}

.promo-banner__column.promo-banner__column--alignment-center {
    text-align: center
}

.promo-banner__column.promo-banner__column--alignment-right {
    text-align: right
}

@media (max-width: 959px) {
    .promo-banner__column.promo-banner__column--alignment-mobile-center {
        text-align: center
    }
}

@media (max-width: 959px) {
    .promo-banner__column.promo-banner__column--alignment-mobile-right {
        text-align: right
    }
}

.promo-banner__column+.promo-banner__column {
    padding-top: 48px;
    padding-top: var(--spacing-12)
}

@media (min-width: 960px) {
    .promo-banner__column {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 5%
    }

    .promo-banner__column:first-of-type {
        flex-basis: 50%;
        flex-basis: var(--left-column-width, 50%);
        max-width: 50%;
        max-width: var(--left-column-width, 50%)
    }

    .promo-banner__column:last-of-type {
        flex-basis: 50%;
        flex-basis: var(--right-column-width, 50%);
        width: 50%;
        width: var(--right-column-width, 50%)
    }

    .promo-banner__column+.promo-banner__column {
        padding-top: 0;
        padding-right: 0;
        padding-left: 5%
    }
}

@media (min-width: 1200px) {
    .promo-banner__column {
        padding-right: 6.5%
    }

    .promo-banner__column+.promo-banner__column {
        padding-right: 0;
        padding-left: 6.5%
    }
}

.sales-banner__column-inner,
.promo-banner__column-inner {
    display: inline-block
}

.sales-banner[data-layout=one-column] .sales-banner__column-inner,
.sales-banner[data-layout=one-column] .promo-banner__column-inner {
    text-align: center
}

.sales-banner__button-group,
.promo-banner__button-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -8px;
    margin: calc(var(--spacing-2) * -1)
}

.sales-banner[data-layout=one-column] .sales-banner__button-group,
.sales-banner[data-layout=one-column] .promo-banner__button-group,
.promo-banner__column--alignment-center .sales-banner__button-group,
.promo-banner__column--alignment-center .promo-banner__button-group {
    justify-content: center
}

.promo-banner__column--alignment-right .sales-banner__button-group,
.promo-banner__column--alignment-right .promo-banner__button-group {
    justify-content: flex-end
}

@media (max-width: 959px) {

    .promo-banner__column--alignment-mobile-center .sales-banner__button-group,
    .promo-banner__column--alignment-mobile-center .promo-banner__button-group {
        justify-content: center
    }
}

@media (max-width: 959px) {

    .promo-banner__column--alignment-mobile-right .sales-banner__button-group,
    .promo-banner__column--alignment-mobile-right .promo-banner__button-group {
        justify-content: flex-end
    }
}

.sales-banner__button,
.promo-banner__button {
    margin: 8px;
    margin: var(--spacing-2)
}

.promo-banner__giant-heading {
    font-size: var(--giant-heading-font-size-mobile);
    line-height: var(--line-height-heading)
}

@media (min-width: 960px) {
    .promo-banner__giant-heading {
        font-size: var(--giant-heading-font-size)
    }
}

.sales-banner__bar {
    width: 100%
}

@media (min-width: 720px) {
    .sales-banner__bar {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 1800px;
        max-width: var(--max-width);
        margin: 0 auto
    }
}

.sales-banner__bar-item {
    padding-top: 16px;
    padding-top: var(--spacing-4);
    padding-bottom: 24px;
    padding-bottom: var(--spacing-6)
}

@media (max-width: 719px) {
    .sales-banner__bar-item+.sales-banner__bar-item {
        padding-top: 24px;
        padding-top: var(--spacing-6);
        padding-bottom: 16px;
        padding-bottom: var(--spacing-4)
    }
}

.sales-banner__bar-item.sales-banner__bar-item--text {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 720px) {
    .sales-banner__bar-item {
        display: flex;
        align-items: center;
        padding-top: 8px;
        padding-top: var(--spacing-2);
        padding-bottom: 8px;
        padding-bottom: var(--spacing-2);
        padding-right: 3.3vw;
        text-align: center
    }

    .sales-banner__bar-item+.sales-banner__bar-item {
        padding-right: 0;
        padding-left: 3.3vw
    }
}

@media (min-width: 1200px) {
    .sales-banner__bar-item {
        padding-right: 3.3vw
    }

    .sales-banner__bar-item+.sales-banner__bar-item {
        padding-right: 0;
        padding-left: 3.3vw
    }
}

.sales-banner__bar-item+.sales-banner__bar-item {
    position: relative
}

.sales-banner__bar-item+.sales-banner__bar-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15%;
    height: 1px;
    background-color: var(--color-text)
}

@media (min-width: 720px) {
    .sales-banner__bar-item+.sales-banner__bar-item:before {
        top: 0;
        bottom: 0;
        width: 1px;
        height: auto
    }
}

.sales-banner__bar-text+.sales-banner__button {
    margin-left: 12px;
    margin-left: var(--spacing-3);
    white-space: nowrap
}

@media (min-width: 720px) {
    .sales-banner__bar-text+.sales-banner__button {
        margin-left: 3.3vw
    }
}

@media (min-width: 1200px) {
    .sales-banner__bar-text+.sales-banner__button {
        margin-left: 5vw
    }
}

.countdown-banner {
    color: var(--color-text)
}

.countdown-banner__inner {
    position: relative;
    background-color: var(--color-background)
}

.countdown-banner__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: var(--min-height-mobile);
    overflow: hidden
}

@media (min-width: 720px) {
    .countdown-banner__content {
        min-height: var(--min-height)
    }
}

.countdown-banner--bar .countdown-banner__content {
    padding: 16px;
    padding: var(--spacing-4) var(--space-outer)
}

@media (min-width: 720px) {
    .countdown-banner--bar .countdown-banner__content {
        padding: 20px 16px;
        padding: var(--spacing-5) var(--space-outer)
    }
}

.countdown-banner__single-column {
    padding: 24px 20px;
    padding: var(--spacing-6) var(--spacing-5);
    text-align: center
}

@media (min-width: 720px) {
    .countdown-banner__single-column {
        padding: 36px 20px;
        padding: var(--spacing-9) var(--spacing-5)
    }
}

.countdown-banner__single-column .section-blocks__heading {
    word-wrap: break-word
}

.countdown-banner__button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: -8px;
    margin: calc(var(--spacing-2) * -1)
}

.countdown-banner__button {
    margin: 8px;
    margin: var(--spacing-2)
}

.countdown-banner__bar {
    width: 100%;
    text-align: center
}

@media (min-width: 960px) {
    .countdown-banner__bar {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 1800px;
        max-width: var(--max-width);
        margin: 0 auto
    }
}

.countdown-banner__bar-item {
    padding-top: 8px;
    padding-top: var(--spacing-2);
    padding-bottom: 8px;
    padding-bottom: var(--spacing-2)
}

.countdown-banner__bar-item.countdown-banner__bar-item--timer {
    padding-top: 12px;
    padding-top: var(--spacing-3);
    padding-bottom: 12px;
    padding-bottom: var(--spacing-3)
}

.countdown-banner__bar-item.countdown-banner__bar-item--text {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 960px) {
    .countdown-banner__bar-item {
        display: flex;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 8px;
        padding-top: var(--spacing-2);
        padding-bottom: 8px;
        padding-bottom: var(--spacing-2);
        text-align: center
    }

    .countdown-banner__bar-item.countdown-banner__bar-item--timer {
        margin-right: 3vw;
        margin-left: 3vw;
        padding-top: 8px;
        padding-top: var(--spacing-2);
        padding-bottom: 8px;
        padding-bottom: var(--spacing-2)
    }

    .countdown-banner__bar-item.countdown-banner__bar-item--text {
        justify-content: space-between
    }
}

.countdown-banner__bar-text+.countdown-banner__button {
    margin-left: 12px;
    margin-left: var(--spacing-3);
    white-space: nowrap
}

@media (min-width: 720px) {
    .countdown-banner__bar-text+.countdown-banner__button {
        margin-left: 3.3vw
    }
}

.multi-column {
    background-color: var(--color-background);
    color: var(--color-text)
}

.multi-column .multi-column__grid-item-text-wrapper>*:first-child {
    margin-top: 0
}

.multi-column .multi-column__grid-item-text-wrapper .section-blocks__accent {
    margin-bottom: 4px;
    margin-bottom: var(--spacing-1)
}

.multi-column .multi-column__grid-item-text-wrapper .section-blocks__heading {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.multi-column .multi-column__grid-item-text-wrapper .section-blocks__text {
    margin-top: 0;
    margin-bottom: 0
}

.multi-column .multi-column__grid-item-text-wrapper .section-blocks__button {
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

.multi-column__grid {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns-mobile), minmax(0, 1fr));
    grid-gap: var(--grid-gap-row-mobile) var(--grid-gap-column-mobile);
    gap: var(--grid-gap-row-mobile) var(--grid-gap-column-mobile)
}

@media (min-width: 960px) {
    .multi-column__grid {
        grid-template-columns: repeat(var(--grid-columns-desktop), minmax(0, 1fr));
        gap: var(--grid-gap-row-desktop) var(--grid-gap-column-desktop)
    }
}

.section-header+.multi-column__grid {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.multi-column__grid-item {
    display: flex
}

.multi-column__grid-item.text-box {
    padding: 20px;
    padding: var(--spacing-5)
}

@media (min-width: 960px) {

    [data-num-columns-desktop="1"] .multi-column__grid-item.text-box,
    [data-num-columns-desktop="2"] .multi-column__grid-item.text-box,
    [data-num-columns-desktop="3"] .multi-column__grid-item.text-box {
        padding: 28px;
        padding: var(--spacing-7)
    }

    @media (max-width: 1199px) {

        [data-num-columns-desktop="1"] .multi-column__grid-item.text-box,
        [data-num-columns-desktop="2"] .multi-column__grid-item.text-box,
        [data-num-columns-desktop="3"] .multi-column__grid-item.text-box {
            padding: 24px;
            padding: var(--spacing-6)
        }
    }

    [data-num-columns-desktop="4"] .multi-column__grid-item.text-box {
        padding: 24px;
        padding: var(--spacing-6)
    }

    [data-num-columns-desktop="5"] .multi-column__grid-item.text-box {
        padding: 20px;
        padding: var(--spacing-5)
    }
}

[data-mobile-row-alignment=center] .multi-column__grid-item {
    align-items: center
}

[data-mobile-row-alignment=bottom] .multi-column__grid-item {
    align-items: flex-end
}

@media (min-width: 960px) {
    [data-desktop-row-alignment=top] .multi-column__grid-item {
        align-items: flex-start
    }

    [data-desktop-row-alignment=center] .multi-column__grid-item {
        align-items: center
    }

    [data-desktop-row-alignment=bottom] .multi-column__grid-item {
        align-items: flex-end
    }
}

.multi-column__grid-item-inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    gap: var(--spacing-5);
    width: 100%
}

@media (max-width: 959px) {
    [data-mobile-column-alignment=center] .multi-column__grid-item-inner {
        align-items: center
    }

    [data-mobile-column-alignment=center] .multi-column__grid-item-inner .multi-column__grid-item-image-figure {
        margin: 0 auto;
        text-align: center
    }

    [data-mobile-column-alignment=center] .multi-column__grid-item-inner .multi-column__grid-item-text-wrapper {
        text-align: center
    }

    [data-mobile-column-alignment=center] .multi-column__grid-item-inner .section-blocks__button .button-wrapper {
        justify-content: center
    }

    [data-mobile-column-alignment=right] .multi-column__grid-item-inner {
        align-items: flex-end
    }

    [data-mobile-column-alignment=right] .multi-column__grid-item-inner .multi-column__grid-item-image-figure {
        margin-left: auto;
        margin-right: 0;
        text-align: right
    }

    [data-mobile-column-alignment=right] .multi-column__grid-item-inner .multi-column__grid-item-text-wrapper {
        text-align: right
    }

    [data-mobile-column-alignment=right] .multi-column__grid-item-inner .section-blocks__button .button-wrapper {
        justify-content: flex-end
    }
}

@media (min-width: 960px) {
    [data-desktop-column-alignment=center] .multi-column__grid-item-inner {
        align-items: center
    }

    [data-desktop-column-alignment=center] .multi-column__grid-item-inner .multi-column__grid-item-image-figure {
        margin: 0 auto;
        text-align: center
    }

    [data-desktop-column-alignment=center] .multi-column__grid-item-inner .multi-column__grid-item-text-wrapper {
        text-align: center
    }

    [data-desktop-column-alignment=center] .multi-column__grid-item-inner .section-blocks__button .button-wrapper {
        justify-content: center
    }

    [data-desktop-column-alignment=right] .multi-column__grid-item-inner {
        align-items: flex-end
    }

    [data-desktop-column-alignment=right] .multi-column__grid-item-inner .multi-column__grid-item-image-figure {
        margin-left: auto;
        margin-right: 0;
        text-align: right
    }

    [data-desktop-column-alignment=right] .multi-column__grid-item-inner .multi-column__grid-item-text-wrapper {
        text-align: right
    }

    [data-desktop-column-alignment=right] .multi-column__grid-item-inner .section-blocks__button .button-wrapper {
        justify-content: flex-end
    }
}

.multi-column__grid-item-image-figure {
    margin: 0;
    width: var(--image-width)
}

.multi-column__grid-item-small-caption {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.multi-column__grid-item-text-wrapper {
    max-width: 100%
}

@media (min-width: 960px) {
    .multi-column__grid-item-text-wrapper {
        max-width: var(--text-max-width)
    }
}

.multi-column__grid-item-text-wrapper .heading-block {
    overflow: hidden;
    text-overflow: ellipsis
}

.popups {
    z-index: 1300;
    z-index: var(--z-index-modal);
    position: fixed;
    top: 0
}

.section.newsletter {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    max-width: none;
    max-width: initial
}

.section.newsletter.newsletter--content-alignment-center .newsletter__block-content,
.section.newsletter.newsletter--content-alignment-center .newsletter__signup {
    margin-right: auto;
    margin-left: auto
}

.section.newsletter.newsletter--content-alignment-right .newsletter__block-content,
.section.newsletter.newsletter--content-alignment-right .newsletter__signup {
    margin-left: auto
}

.newsletter__inner {
    padding: 72px 44px;
    padding: var(--spacing-18) var(--spacing-11);
    text-align: var(--content-alignment);
    background-color: var(--color-background);
    color: var(--color-text);
    position: relative
}

.newsletter__block-content {
    z-index: 2;
    position: relative;
    max-width: var(--content-width)
}

@media (min-width: 720px) {
    .newsletter__signup {
        max-width: 600px;
        max-width: var(--max-form-width, 600px)
    }
}

@media (min-width: 480px) {
    .newsletter__signup .newsletter__signup-inner {
        display: flex
    }
}

.newsletter__signup .newsletter__signup-input {
    margin-top: 0
}

.newsletter__signup .newsletter__signup-input::-moz-placeholder {
    color: inherit;
    opacity: .6
}

.newsletter__signup .newsletter__signup-input::placeholder {
    color: inherit;
    opacity: .6
}

.newsletter__signup .newsletter__signup-button {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

@media (min-width: 480px) {
    .newsletter__signup .newsletter__signup-button {
        margin-top: 0;
        margin-left: 12px;
        margin-left: var(--spacing-3);
        flex-shrink: 0
    }
}

.newsletter__signup .newsletter__signup-footer-text {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.newsletter-compact {
    --max-newsletter-width: 450px;
    position: relative;
    overflow: hidden;
    background-color: var(--color-background);
    color: var(--color-text)
}

@media (min-width: 960px) {
    .newsletter-compact .newsletter-compact__block-text-contentm {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width: 720px) {
    .newsletter-compact[data-spacing-mode=compact] .newsletter-compact__block-content {
        justify-content: center
    }
}

@media (min-width: 720px) {
    .newsletter-compact[data-spacing-mode=between] .newsletter-compact__block-content {
        justify-content: space-between
    }
}

@media (min-width: 720px) {
    .newsletter-compact[data-spacing-mode=evenly] .newsletter-compact__block-content {
        justify-content: space-evenly
    }
}

.newsletter-compact__inner {
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    margin-right: auto;
    margin-left: auto;
    padding: 24px 16px;
    padding: var(--spacing-6) var(--space-outer)
}

.newsletter-compact__block-content {
    z-index: 2;
    position: relative
}

@media (min-width: 720px) {
    .newsletter-compact__block-content {
        display: flex;
        align-items: center;
        gap: 60px;
        gap: var(--spacing-15)
    }
}

@media (min-width: 720px) {
    .newsletter-compact__signup.newsletter-compact__block-item {
        max-width: var(--max-newsletter-width);
        width: 100%;
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width: 480px) {
    .newsletter-compact__signup.newsletter-compact__block-item .newsletter-compact__signup-inner {
        display: flex
    }
}

.newsletter-compact__signup.newsletter-compact__block-item input.newsletter-compact__signup-input {
    margin-top: 0
}

.newsletter-compact__signup.newsletter-compact__block-item input.newsletter-compact__signup-input::-moz-placeholder {
    color: inherit;
    opacity: .6
}

.newsletter-compact__signup.newsletter-compact__block-item input.newsletter-compact__signup-input::placeholder {
    color: inherit;
    opacity: .6
}

.newsletter-compact__signup.newsletter-compact__block-item .newsletter-compact__signup-button {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

@media (min-width: 480px) {
    .newsletter-compact__signup.newsletter-compact__block-item .newsletter-compact__signup-button {
        margin-top: 0;
        margin-left: 12px;
        margin-left: var(--spacing-3);
        flex-shrink: 0
    }
}

.newsletter-compact__signup.newsletter-compact__block-item .newsletter-compact__signup-footer {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.newsletter-compact__block-text-content {
    text-align: var(--text-alignment)
}

@media (min-width: 720px) {
    .newsletter-compact__block-text-content {
        max-width: 1800px;
        max-width: var(--max-width)
    }
}

@media (min-width: 720px) {
    .newsletter-compact__block-content-image.newsletter-compact__block-item {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width: 720px) {
    .newsletter-compact__block-content-image.newsletter-compact__block-item .placeholder-image {
        width: var(--image-block-max-width)
    }
}

.newsletter__block-content-accent {
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.product-tabs {
    background-color: var(--color-background);
    color: var(--color-text)
}

.product-tabs .accordion {
    margin-top: 0
}

.product-tabs .accordion:last-of-type {
    margin-bottom: 0
}

.product-tabs .accordion+.accordion>.accordion__inner {
    border-top: 0
}

.product-tabs .accordion__label {
    text-align: left
}

.product-tabs .accordion__content {
    padding-top: 20px;
    padding-top: var(--spacing-5)
}

.product-tabs .accordion__label-icons .icon {
    position: static
}

@media (max-width: 959px) {
    .product-tabs .tab-buttons {
        display: none
    }
}

.product-tabs__tab-buttons-wrapper {
    width: 100%;
    display: flex;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.product-tabs__tab-buttons-wrapper::-webkit-scrollbar {
    display: none
}

.product-tabs__tab-list-wrapper {
    margin-top: 28px;
    margin-top: var(--spacing-7)
}

.product-tabs__tab-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 1;
    overflow: hidden;
    transition: height .5s cubic-bezier(.33, 0, 0, 1);
    transition: height var(--duration-normal) var(--easing)
}

@media (max-width: 959px) {
    .product-tabs__tab-list {
        display: none
    }
}

.product-tabs__tab-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1), visibility 0s 0s;
    transition: opacity var(--duration-normal) var(--easing), visibility 0s 0s
}

html.no-js .product-tabs__tab-item {
    position: static;
    opacity: 1;
    visibility: visible
}

.product-tabs__tab-item[aria-hidden=false] {
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing)
}

@media (min-width: 960px) {
    .product-tabs__mobile-accordions {
        display: none
    }
}

.product-tabs__tab-item-content {
    display: flex;
    flex-direction: column;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    gap: var(--spacing-5)
}

@media (min-width: 960px) {
    [data-tab-alignment=center] .product-tabs__tab-item-content {
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 960px) {
    .product-tabs__tab-item-content {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-template-columns: repeat(var(--grid-columns-desktop, 1), minmax(0, 1fr));
        grid-gap: 20px;
        grid-gap: var(--grid-gap-column-desktop, var(--spacing-5));
        gap: 20px;
        gap: var(--grid-gap-column-desktop, var(--spacing-5))
    }
}

.product-tabs__tab-item-content[data-vertical-alignment=center] {
    align-items: center
}

.product-tabs__tab-item-content[data-vertical-alignment=bottom] {
    align-items: flex-end
}

.product-tabs__tab-column {
    display: flex;
    flex-direction: column;
    gap: 28px;
    gap: var(--spacing-7)
}

@media (min-width: 1024px) {
    .product-tabs__tab-column {
        max-width: 100%;
        max-width: var(--custom-text-width, 100%)
    }
}

[data-tab-alignment=center] .product-tabs__tab-column {
    margin: 0 auto
}

.product-tabs__tab-image-figure {
    order: var(--image-order);
    max-width: var(--image-max-width);
    margin: 0
}

.product-tabs__tab-text-container {
    order: var(--content-order)
}

.product-tabs__tab-text-container>:first-child {
    margin-top: 0
}

.product-tabs__tab-heading,
.product-tabs__tab-text {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.apps__heading {
    margin-bottom: 32px;
    margin-bottom: var(--spacing-8)
}

.promotion-grid {
    background-color: var(--color-background);
    color: var(--color-text)
}

.promotion-grid__grid[data-show-slider=false] {
    display: grid;
    grid-gap: 24px;
    grid-gap: var(--spacing-6);
    gap: 24px;
    gap: var(--spacing-6)
}

@media (min-width: 720px) and (max-width: 1199px) {
    .promotion-grid__grid[data-show-slider=false] {
        gap: 16px;
        gap: var(--spacing-4)
    }
}

.promotion-grid__grid[data-show-slider=false] {
    grid-template-columns: repeat(var(--desktop-column-count), 1fr)
}

@media (max-width: 1023px) {
    .promotion-grid__grid[data-show-slider=false] {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 719px) {
    .promotion-grid__grid[data-show-slider=false] {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (min-width: 1024px) {
    .promotion-grid__grid[data-show-slider=true] .scroll-slider__slider {
        display: grid;
        grid-template-columns: repeat(var(--columns-above-1024), 1fr);
        grid-gap: 24px;
        grid-gap: var(--spacing-6)
    }
}

.promotion-grid-item[data-show-border=true] {
    border: 1px solid var(--color-border)
}

.promotion-grid-item__inner {
    background-color: var(--color-background);
    height: 100%
}

.promotion-grid-item__inner .placeholder-image {
    height: auto
}

.promotion-grid-item__inner[data-text-position=left-of-image],
.promotion-grid-item__inner[data-text-position=right-of-image] {
    display: flex;
    flex-direction: row
}

.promotion-grid-item__inner[data-text-position=left-of-image] .promotion-grid-item__image,
.promotion-grid-item__inner[data-text-position=right-of-image] .promotion-grid-item__image {
    width: 60%;
    padding: var(--promotion-grid-item-image-padding);
    margin-top: auto;
    margin-bottom: auto
}

@media (min-width: 720px) and (max-width: 1199px) {

    .promotion-grid-item__inner[data-text-position=left-of-image] .promotion-grid-item__image,
    .promotion-grid-item__inner[data-text-position=right-of-image] .promotion-grid-item__image {
        width: 50%
    }
}

.promotion-grid-item__inner[data-text-position=left-of-image] .promotion-grid-item__promotion,
.promotion-grid-item__inner[data-text-position=right-of-image] .promotion-grid-item__promotion {
    max-width: 40%;
    padding: 16px 4%;
    padding: var(--spacing-4) 4%
}

@media (min-width: 720px) and (max-width: 1199px) {

    .promotion-grid-item__inner[data-text-position=left-of-image] .promotion-grid-item__promotion,
    .promotion-grid-item__inner[data-text-position=right-of-image] .promotion-grid-item__promotion {
        max-width: 50%
    }
}

.promotion-grid-item__inner[data-text-position=left-of-image] {
    flex-direction: row-reverse;
    justify-content: space-between
}

.promotion-grid-item__inner[data-text-position=over-image] {
    padding: var(--promotion-grid-item-image-padding);
    position: relative;
    width: 100%
}

.promotion-grid-item__inner[data-text-position=over-image] .promotion-grid-item__promotion {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 66%;
    justify-content: center;
    padding: 16px;
    padding: var(--spacing-4)
}

.promotion-grid-item__promotion {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: var(--color-background);
    color: var(--color-text)
}

.promotion-grid-item__promotion-container {
    display: flex;
    flex-direction: column;
    text-align: left;
    word-wrap: anywhere
}

.promotion-grid-item__promotion-heading {
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.promotion-grid-item__promotion-type {
    margin-bottom: 4px;
    margin-bottom: var(--spacing-1)
}

.promotion-grid-item__promotion-discount:not(:last-child),
.promotion-grid-item__promotion-text:not(:last-child) {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.promotion-grid-item__promotion-heading.ff-heading:not(.fs-heading-bold),
.promotion-grid-item__promotion-discount.ff-heading:not(.fs-heading-bold) {
    font-weight: var(--font-body-weight)
}

.promotion-grid-item__promotion-text {
    font-size: var(--font-size-body-75)
}

@media (min-width: 1024px) {

    [data-desktop-column-count="2"] .promotion-grid-item__promotion-text,
    [data-desktop-column-count="3"] .promotion-grid-item__promotion-text {
        font-size: var(--font-size-body-100)
    }
}

.promotion-grid-item__amount,
.promotion-grid-item__amount-value {
    display: flex
}

.promotion-grid-item__amount-value {
    flex-wrap: wrap
}

.promotion-grid-item__unit-centered,
.promotion-grid-item__unit-top {
    display: flex;
    flex-direction: column;
    padding-left: 4px;
    padding-left: var(--spacing-1)
}

.promotion-grid-item__unit-centered {
    justify-content: center;
    line-height: 1
}

.promotion-grid-item__unit-top {
    justify-content: top
}

.quick-links {
    background-color: var(--color-background);
    color: var(--color-text)
}

@media (min-width: 720px) {
    .quick-links[data-layout-desktop=slider][data-alignment=left] .quick-links__links {
        margin-right: auto
    }
}

@media (min-width: 720px) {
    .quick-links[data-layout-desktop=slider][data-alignment=center] .quick-links__links {
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 720px) {
    .quick-links[data-layout-desktop=slider][data-alignment=right] .quick-links__links {
        margin-left: auto
    }
}

@media (min-width: 720px) {
    .quick-links[data-layout-desktop=slider] .quick-links__links {
        display: flex;
        flex-wrap: nowrap
    }
}

@media (min-width: 720px) {
    .quick-links[data-layout-desktop=slider] .quick-links__link {
        white-space: nowrap
    }
}

@media (max-width: 719px) {
    .quick-links[data-layout-mobile=slider][data-alignment=left] .quick-links__links {
        margin-right: auto
    }
}

@media (max-width: 719px) {
    .quick-links[data-layout-mobile=slider][data-alignment=center] .quick-links__links {
        margin-right: auto;
        margin-left: auto
    }
}

@media (max-width: 719px) {
    .quick-links[data-layout-mobile=slider][data-alignment=right] .quick-links__links {
        margin-left: auto
    }
}

@media (max-width: 719px) {
    .quick-links[data-layout-mobile=slider] .quick-links__links-container {
        margin-right: -16px;
        margin-right: calc(var(--space-outer) * -1);
        margin-left: -16px;
        margin-left: calc(var(--space-outer) * -1)
    }
}

@media (max-width: 719px) {

    .quick-links[data-layout-mobile=slider] .quick-links__links-container .scroll-sentinal,
    .quick-links[data-layout-mobile=slider] .quick-links__links-container .scroll-overflow-indicator-wrap,
    .quick-links[data-layout-mobile=slider] .quick-links__links-container .scroll-button {
        display: none
    }
}

@media (max-width: 719px) {
    .quick-links[data-layout-mobile=slider] .quick-links__links {
        display: flex;
        flex-wrap: nowrap;
        padding-left: 16px;
        padding-left: var(--space-outer);
        padding-right: 16px;
        padding-right: var(--space-outer)
    }
}

@media (max-width: 719px) {
    .quick-links[data-layout-mobile=slider] .quick-links__link {
        white-space: nowrap
    }
}

@media (min-width: 720px) {
    .quick-links[data-layout-desktop=wrap][data-alignment=center] .quick-links__links {
        justify-content: center
    }
}

@media (min-width: 720px) {
    .quick-links[data-layout-desktop=wrap][data-alignment=right] .quick-links__links {
        justify-content: flex-end
    }
}

@media (min-width: 720px) {
    .quick-links[data-layout-desktop=wrap] .quick-links__links {
        display: flex;
        flex-wrap: wrap
    }
}

@media (max-width: 719px) {
    .quick-links[data-layout-mobile=wrap][data-alignment=center] .quick-links__links {
        justify-content: center
    }
}

@media (max-width: 719px) {
    .quick-links[data-layout-mobile=wrap][data-alignment=right] .quick-links__links {
        justify-content: flex-end
    }
}

@media (max-width: 719px) {
    .quick-links[data-layout-mobile=wrap] .quick-links__links {
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width: 720px) {
    .quick-links[data-layout-desktop=six_col] .quick-links__links {
        display: grid;
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (min-width: 720px) {
    .quick-links[data-layout-desktop=five_col] .quick-links__links {
        display: grid;
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (min-width: 720px) {
    .quick-links[data-layout-desktop=four_col] .quick-links__links {
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 719px) {
    .quick-links[data-layout-mobile=two_col] .quick-links__links {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 719px) {
    .quick-links[data-layout-mobile=one_col] .quick-links__links {
        display: grid;
        grid-template-columns: repeat(1, 1fr)
    }
}

.quick-links [data-scroll-container] {
    overflow: visible
}

.quick-links [data-scroll-container][data-axis=horizontal] [data-scroll-container-viewport] {
    overflow-y: visible;
    overflow-y: initial
}

.quick-links [data-scroll-container][data-axis=horizontal] .scroll-button {
    width: 48px;
    height: calc(100% + 8px);
    height: calc(100% + var(--spacing-2));
    margin-top: -4px;
    margin-top: calc(var(--spacing-1) * -1)
}

[data-outline-links=true] .quick-links [data-scroll-container][data-axis=horizontal] .scroll-button {
    margin-top: -6px
}

[data-outline-links=true] .quick-links [data-scroll-container][data-axis=horizontal] .scroll-button[data-position=end] {
    margin-right: -1px
}

.quick-links [data-scroll-container][data-axis=horizontal] .scroll-button[data-position=end] .icon {
    transform: rotate(0)
}

.quick-links [data-scroll-container][data-axis=horizontal] .scroll-button[data-position=start] .icon {
    transform: rotate(180deg)
}

.quick-links [data-scroll-container][data-axis=horizontal] .scroll-button .icon {
    width: 20px;
    height: auto;
    opacity: 1
}

.quick-links .quick-links__links-container {
    position: relative
}

[data-outline-links=true] .quick-links .quick-links__links-container {
    padding-top: 1px;
    padding-bottom: 1px
}

@media (max-width: 719px) {
    .quick-links .quick-links__links-container.hide-mobile {
        display: none
    }
}

@media (min-width: 720px) {
    .quick-links .quick-links__links-container.hide-desktop {
        display: none
    }
}

@media (min-width: 720px) {
    .quick-links .section-header {
        margin-bottom: 20px;
        margin-bottom: var(--spacing-5)
    }
}

.quick-links__links-wrapper {
    display: flex;
    width: 100%
}

.quick-links__links {
    gap: 8px;
    gap: var(--spacing-2);
    padding: 1px
}

@media (min-width: 1024px) {
    .quick-links__links {
        gap: 12px;
        gap: var(--spacing-3)
    }
}

.quick-links__link {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    padding: var(--spacing-2) var(--spacing-5);
    color: var(--color-text);
    background-color: transparent;
    text-align: center;
    cursor: pointer
}

.quick-links__link span {
    z-index: 1
}

.quick-links__link:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: var(--color-text-alpha-05);
    transition: background-color .2s ease
}

.quick-links__link:hover:after,
.quick-links__link:focus:after {
    background-color: var(--color-text-alpha-10)
}

[data-outline-links=true] .quick-links__link:after {
    box-shadow: 0 0 0 1px var(--color-text-alpha-30)
}

[data-outline-links=true] .quick-links__link[data-link-color=primary]:after {
    box-shadow: 0 0 0 1px var(--color-button-primary-text-alpha-30)
}

[data-outline-links=true] .quick-links__link[data-link-color=secondary]:after {
    box-shadow: 0 0 0 1px var(--color-button-secondary-text-alpha-30)
}

[data-outline-links=true] .quick-links__link[data-link-color=tertiary]:after {
    box-shadow: 0 0 0 1px var(--color-button-tertiary-text-alpha-30)
}

.quick-links__link[data-link-shape=pill]:after {
    border-radius: 50px
}

.quick-links__link[data-link-shape=rounded_rectangle]:after {
    border-radius: 5px
}

.quick-links__link[data-link-color=primary] {
    color: var(--color-button-primary-text)
}

.quick-links__link[data-link-color=primary]:after {
    background-color: var(--color-button-primary-background)
}

.quick-links__link[data-link-color=primary]:hover:after,
.quick-links__link[data-link-color=primary]:focus:after {
    background-color: var(--color-button-primary-background-darken-5)
}

.quick-links__link[data-link-color=secondary] {
    color: var(--color-button-secondary-text)
}

.quick-links__link[data-link-color=secondary]:after {
    background-color: var(--color-button-secondary-background)
}

.quick-links__link[data-link-color=secondary]:hover:after,
.quick-links__link[data-link-color=secondary]:focus:after {
    background-color: var(--color-button-secondary-background-darken-5)
}

.quick-links__link[data-link-color=tertiary] {
    color: var(--color-button-tertiary-text)
}

.quick-links__link[data-link-color=tertiary]:after {
    background-color: var(--color-button-tertiary-background)
}

.quick-links__link[data-link-color=tertiary]:hover:after,
.quick-links__link[data-link-color=tertiary]:focus:after {
    background-color: var(--color-button-tertiary-background-darken-5)
}

.quick-links__link[data-link-font-size=small] {
    padding: 8px 20px;
    padding: var(--spacing-2) var(--spacing-5)
}

.section-blocks__divider {
    height: var(--divider-height);
    width: 100%;
    background-color: var(--color-text);
    margin-top: var(--divider-margin-top);
    margin-bottom: var(--divider-margin-bottom)
}

.section-blocks__image {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-items: var(--image-alignment-mobile, var(--image-alignment, flex-start))
}

@media (min-width: 720px) {
    .section-blocks__image {
        align-items: flex-start;
        align-items: var(--image-alignment, flex-start)
    }
}

@media (max-width: 479px) {
    .section-blocks__image[data-mobile-break="480"]:not([data-full-width=true]) .image-block__inner {
        max-width: var(--image-block-max-width-mobile)
    }
}

@media (max-width: 719px) {
    .section-blocks__image[data-mobile-break="720"]:not([data-full-width=true]) .image-block__inner {
        max-width: var(--image-block-max-width-mobile)
    }
}

.section-blocks__image[data-full-width=true] {
    width: 100%;
    width: var(--image-block-max-width, 100%)
}

.section-blocks__image[data-full-width=true] .image-block__inner {
    max-width: 100%
}

@media (max-width: 959px) {
    .section-blocks__image[data-full-width=true][data-mobile-break="960"] {
        width: 100%;
        width: var(--image-block-max-width-mobile, 100%)
    }
}

.image-block__inner {
    width: 100%;
    max-width: var(--image-block-max-width)
}

.payments-and-trust {
    text-align: var(--content-alignment)
}

.payments-and-trust .payment-icons {
    justify-content: var(--content-alignment);
    margin: 0 0 16px;
    margin: 0 0 var(--spacing-4) 0;
    gap: 8px;
    gap: var(--spacing-2)
}

.payments-and-trust .payment-icons .payment-icons__icon {
    margin: 0;
    line-height: 0
}

.payments-and-trust .payments-and-trust__payment-heading-wrapper,
.payments-and-trust .payments-and-trust__trust-heading-wrapper {
    display: flex;
    align-items: center;
    justify-content: var(--content-alignment);
    gap: 4px;
    gap: var(--spacing-1);
    margin-bottom: 4px;
    margin-bottom: var(--spacing-1)
}

.payments-and-trust .payments-and-trust__payment-heading-wrapper:empty,
.payments-and-trust .payments-and-trust__trust-heading-wrapper:empty {
    display: none
}

.payments-and-trust .payments-and-trust__payment-heading-wrapper[data-icons-image-below=true],
.payments-and-trust .payments-and-trust__trust-heading-wrapper[data-icons-image-below=true] {
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.payments-and-trust .payments-and-trust__payment-text,
.payments-and-trust .payments-and-trust__trust-text {
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4)
}

.payments-and-trust .payments-and-trust__image {
    display: inline-flex;
    margin: 0 0 16px;
    margin: 0 0 var(--spacing-4) 0;
    max-width: var(--image-size)
}

.payments-and-trust .payments-and-trust__payment-content>:last-child,
.payments-and-trust .payments-and-trust__trust-content>:last-child {
    margin-bottom: 0
}

.payments-and-trust .payments-and-trust__payment-content+.payments-and-trust__trust-content {
    margin-top: 24px;
    margin-top: var(--spacing-6);
    padding-top: 24px;
    padding-top: var(--spacing-6);
    border-top: 1px solid var(--color-border)
}

.payments-and-trust--boxed {
    padding: 16px;
    padding: var(--spacing-4);
    background-color: var(--color-background-meta)
}

.video-player-block {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    justify-content: var(--video-alignment, flex-start)
}

@media (max-width: 719px) {
    .video-player-block {
        justify-content: flex-start;
        justify-content: var(--video-alignment-mobile, var(--video-alignment, flex-start))
    }
}

.video-player-block__video-container {
    height: 100%;
    display: flex;
    align-items: center;
    pointer-events: none
}

.video-player-block__video {
    display: none;
    margin: auto;
    max-height: 90vh;
    max-width: 90vw;
    pointer-events: all
}

.video-player-block__video:not([data-video-provider=youtube]) {
    width: auto
}

.video-player-block__video.video__iframe {
    width: 100%
}

.pswp .video-player-block__video {
    display: flex;
    justify-content: center
}

[data-type=default] .text-list-with-icons {
    max-width: -moz-max-content;
    max-width: max-content
}

.text-list-with-icons .ff-heading {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

@media (min-width: 480px) {
    .text-list-with-icons__items[data-layout=grid] {
        display: grid;
        grid-template-columns: repeat(2, auto);
        grid-template-rows: repeat(3, auto);
        grid-auto-flow: column;
        grid-column-gap: 20px;
        grid-column-gap: var(--spacing-5);
        -moz-column-gap: 20px;
        column-gap: 20px;
        -moz-column-gap: var(--spacing-5);
        column-gap: var(--spacing-5)
    }
}

.text-list-with-icons__item {
    display: flex;
    align-items: center;
    gap: 8px;
    gap: var(--spacing-2)
}

.text-list-with-icons__item[data-icon-alignment=icon_top] {
    align-items: flex-start
}

.text-list-with-icons-item__text {
    flex: 1
}

.text-list-with-icons-item__icon,
.text-list-with-icons-item__icon.image {
    margin-right: 8px;
    margin-right: var(--spacing-2);
    width: 32px;
    height: 32px;
    display: flex;
    flex-shrink: 0
}

.text-list-with-icons-item__icon svg,
.text-list-with-icons-item__icon img,
.text-list-with-icons-item__icon.image svg,
.text-list-with-icons-item__icon.image img {
    width: 100%;
    height: auto
}

.text-list-with-icons__items[data-with-dividers=true] .text-list-with-icons__item:not(:first-child) {
    border-top: 1px solid var(--color-border)
}

.text-list-with-icons__items[data-with-dividers=false] .text-list-with-icons__item+.text-list-with-icons__item {
    margin-top: -4px;
    margin-top: calc(-1 * var(--spacing-1))
}

.text-list-with-icons__items[data-with-box=true] {
    padding: 4px 16px;
    padding: var(--spacing-1) var(--spacing-4);
    background-color: var(--color-background-meta)
}

.breadcrumbs {
    display: flex
}

.breadcrumbs__list,
.navigation-buttons__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.breadcrumbs__item {
    display: inline-block;
    position: relative
}

.breadcrumbs__item .icon {
    transform: rotate(-90deg);
    width: 9px;
    height: 9px;
    opacity: .6
}

.breadcrumbs__icon {
    display: block;
    position: absolute;
    right: -4px;
    right: calc(var(--spacing-1) * -1);
    bottom: .025em
}

.breadcrumbs__link {
    color: var(--color-text-link);
    transition: opacity .25s
}

.breadcrumbs__link:hover,
.breadcrumbs__current {
    opacity: .6
}

.breadcrumbs__item {
    margin-right: 12px;
    margin-right: var(--spacing-3);
    padding-right: 12px;
    padding-right: var(--spacing-3)
}

.breadcrumbs__item:last-of-type {
    margin-right: 0;
    padding-right: 0
}

.navigation-buttons__list {
    display: flex;
    margin-left: auto;
    white-space: nowrap
}

.navigation-buttons__link {
    display: inline-flex;
    gap: 4px;
    gap: var(--spacing-1);
    transition: opacity .25s;
    color: var(--color-text-link)
}

.navigation-buttons__link:hover {
    opacity: .6
}

.navigation-buttons__link label {
    cursor: pointer
}

.navigation-buttons__link .icon {
    width: 9px;
    height: 9px
}

@media (max-width: 959px) {

    .navigation-buttons__link .breadcrumbs__navigation-icon--left,
    .navigation-buttons__link .breadcrumbs__navigation-icon--right {
        display: none
    }
}

.navigation-buttons__link .breadcrumbs__navigation-icon--left .icon {
    transform: rotate(90deg)
}

.navigation-buttons__link .breadcrumbs__navigation-icon--right .icon {
    transform: rotate(-90deg)
}

.breadcrumbs__list+.navigation-buttons__list {
    padding-left: 24px;
    padding-left: var(--spacing-6)
}

@media (min-width: 960px) {
    .navigation-buttons__item+.navigation-buttons__item {
        margin-left: 24px;
        margin-left: var(--spacing-6)
    }
}

@media (max-width: 959px) {
    .navigation-buttons__item+.navigation-buttons__item .navigation-buttons__link {
        position: relative;
        margin-left: 12px;
        margin-left: var(--spacing-3);
        padding-left: 12px;
        padding-left: var(--spacing-3)
    }

    .navigation-buttons__item+.navigation-buttons__item .navigation-buttons__link:before {
        content: "";
        width: 1px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 1em;
        background: currentColor;
        opacity: .5
    }
}

.collapsible-row-list__inner {
    display: flex;
    flex-direction: column;
    align-items: center
}

.collapsible-row-list__inner .collapsible-row-list__items {
    width: 100%
}

@media (min-width: 720px) {
    .collapsible-row-list__inner {
        flex-direction: var(--content-flex-direction)
    }

    .collapsible-row-list__inner[data-flex-direction=row] {
        gap: 28px;
        gap: var(--spacing-7)
    }

    .collapsible-row-list__inner[data-flex-direction=row] .section-header {
        order: var(--header-order);
        width: 50%
    }

    .collapsible-row-list__inner[data-flex-direction=row] .collapsible-row-list__items {
        order: var(--content-order);
        width: 50%
    }
}

@media (min-width: 1024px) {
    .collapsible-row-list__inner[data-flex-direction=row] {
        gap: 40px;
        gap: var(--spacing-10)
    }
}

.collapsible-row-list-item {
    position: relative;
    margin: 0;
    border: 1px solid var(--color-border);
    border-top: none
}

.collapsible-row-list-item:first-of-type {
    border-top: 1px solid var(--color-border)
}

[data-use-custom-colors=false][data-color-scheme=default] .collapsible-row-list-item {
    border-color: var(--color-border)
}

.collapsible-row-list-item__trigger {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
    padding: 12px 16px;
    padding: var(--spacing-3) var(--spacing-4)
}

.collapsible-row-list-item__trigger[aria-expanded=true] .accordion__label-icons .icon {
    transform: scaleY(-1)
}

.collapsible-row-list-item__label {
    display: flex;
    align-items: center
}

.collapsible-row-list-item__icon {
    margin-right: 8px;
    margin-right: var(--spacing-2);
    margin-top: 1px;
    width: 25px;
    height: 25px;
    display: flex;
    flex-shrink: 0
}

.collapsible-row-list-item__heading {
    position: relative;
    padding-right: 60px;
    padding-right: var(--spacing-15);
    text-align: left
}

.collapsible-row-list-item__text-container {
    will-change: contents;
    display: none;
    padding: 16px;
    padding: var(--spacing-4);
    transition: margin .3s ease;
    transform: translateY(-4px);
    transform: translateY(calc(var(--spacing-unit) * -1))
}

.collapsible-row-list-item__text-container[aria-hidden=false] {
    display: block
}

.collection-item {
    display: flex;
    flex-direction: column
}

.collection-item__image__wrap {
    margin: var(--collection-item-image-padding);
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.collection-item__image.placeholder-image {
    height: auto
}

.collection-item[data-image-crop=true] .collection-item__image {
    border-radius: 100%;
    overflow: hidden
}

.collection-item__meta[data-text-alignment=left] {
    text-align: left
}

.collection-item__meta[data-text-alignment=left] .collection-item__button {
    justify-content: flex-start
}

.collection-item__meta[data-text-alignment=center] {
    text-align: center
}

.collection-item__meta[data-text-alignment=center] .collection-item__button {
    justify-content: center
}

.collection-item__meta[data-text-alignment=right] {
    text-align: right
}

.collection-item__meta[data-text-alignment=right] .collection-item__button {
    justify-content: flex-end
}

.collection-item__button {
    display: flex;
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.collection-item__button[data-button-style=text] {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.collection-item__product-count {
    color: var(--color-text-alpha-70)
}

.collection-list-buttons-item {
    display: flex;
    align-items: center;
    gap: max(16px, var(--image-spacing-mobile));
    gap: max(var(--spacing-4), var(--image-spacing-mobile))
}

@media (min-width: 720px) {
    .collection-list-buttons-item {
        gap: max(16px, var(--image-spacing));
        gap: max(var(--spacing-4), var(--image-spacing))
    }
}

.collection-list-buttons-item[data-list-item-style=outlined] {
    border: 1px solid var(--color-border)
}

.collection-list-buttons-item[data-list-item-style=filled] {
    background-color: var(--color-text-alpha-05)
}

.collection-list-buttons-item[data-list-item-shape=rounded] {
    border-radius: 5px;
    overflow: hidden
}

.collection-list-buttons-item__left {
    flex-shrink: 0;
    padding: var(--image-spacing-mobile);
    padding-right: 0
}

[data-image-position=right] .collection-list-buttons-item__left {
    order: 1;
    padding-right: var(--image-spacing-mobile);
    padding-left: 0
}

@media (min-width: 720px) {
    .collection-list-buttons-item__left {
        padding: var(--image-spacing)
    }

    [data-image-position=right] .collection-list-buttons-item__left {
        padding-right: var(--image-spacing)
    }
}

.collection-list-buttons-item__left .collection-list-buttons-item__image {
    width: var(--image-size-mobile)
}

@media (min-width: 720px) {
    .collection-list-buttons-item__left .collection-list-buttons-item__image {
        width: var(--image-size)
    }
}

[data-image-crop=true] .collection-list-buttons-item__left .collection-list-buttons-item__image {
    border-radius: 100%;
    overflow: hidden
}

.collection-list-buttons-item__right {
    display: flex;
    flex-grow: 1;
    margin: 4px 0;
    margin: var(--spacing-1) 0;
    margin-right: 12px;
    margin-right: var(--spacing-3)
}

[data-image-position=right] .collection-list-buttons-item__right {
    margin-left: 12px;
    margin-left: var(--spacing-3);
    margin-right: 0
}

.collection-list-buttons-item__right .collection-list-buttons-item__product-count {
    color: var(--color-text-alpha-60)
}

.disclosure-form {
    position: relative;
    align-self: center
}

.disclosure-form__inner {
    display: flex;
    align-items: center
}

.disclosure-form__item {
    z-index: 1
}

.disclosure-form__item[data-is-expanded=true] {
    z-index: 2
}

.disclosure-form__item+.disclosure-form__item {
    margin-left: 16px;
    margin-left: var(--spacing-4)
}

@media (min-width: 720px) {
    .disclosure {
        position: relative
    }
}

.disclosure__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap
}

.disclosure__toggle .flag-icon {
    margin-right: 4px;
    margin-right: var(--spacing-1)
}

.disclosure__toggle .icon {
    width: 8px;
    height: 8px;
    display: flex;
    align-items: center;
    margin-top: 1px;
    margin-left: 6px;
    margin-left: calc(var(--spacing-2) - 2px)
}

.disclosure__toggle .icon svg {
    width: 100%
}

.disclosure-list-wrapper {
    position: absolute;
    top: calc(100% + 8px);
    top: calc(100% + var(--spacing-2));
    left: 0
}

.disclosure--top .disclosure-list-wrapper {
    top: auto;
    bottom: calc(100% + 8px);
    bottom: calc(100% + var(--spacing-2))
}

.disclosure--right .disclosure-list-wrapper {
    left: auto;
    right: 0
}

.disclosure-list {
    display: none;
    max-height: 380px;
    margin: 0;
    border: solid 1px var(--color-text-popups-drawers);
    background-color: var(--color-background-popups-drawers);
    padding: 12px;
    padding: var(--spacing-3);
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 1px 3px #00000026, 0 2px 6px 2px #0000000d;
    box-shadow: var(--box-shadow-disclosure);
    list-style: none
}

.disclosure--locale .disclosure-list {
    min-width: 150px
}

.disclosure--currency .disclosure-list {
    min-width: 200px
}

.disclosure-list[aria-hidden=false] {
    display: block;
    z-index: 1300;
    z-index: var(--z-index-modal)
}

.disclosure-list__item {
    padding: 0;
    text-align: left
}

.disclosure-list__item+.disclosure-list__item {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.disclosure-list__option {
    display: flex;
    color: var(--color-text-popups-drawers);
    align-items: center
}

.disclosure-list__option:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

.disclosure-list__option>.flag-icon {
    flex: 1 0 18px;
    max-width: 18px;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

.disclosure-list__option>.icon {
    display: flex;
    width: 14px;
    height: 14px;
    margin-left: auto;
    color: var(--color-text-popups-drawers)
}

.disclosure-list__option-label {
    color: var(--color-text-popups-drawers)
}

@media (min-width: 720px) {
    .disclosure-list__option-label {
        white-space: nowrap
    }
}

.icon {
    width: 24px;
    width: var(--icon-width, 24px);
    height: 24px;
    height: var(--icon-height, 24px);
    display: inline-block;
    flex-shrink: 0
}

.icon svg {
    width: 100%;
    height: 100%;
    display: block
}

.icon-with-text-column {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 720px) {
    .icon-with-text-column[data-desktop-alignment=above_left] {
        align-items: flex-start
    }

    .icon-with-text-column[data-desktop-alignment=above_left] .icon-with-text-column__text-wrapper {
        text-align: left
    }

    .icon-with-text-column[data-desktop-alignment=left_left] {
        flex-direction: row;
        align-items: flex-start
    }

    .icon-with-text-column[data-desktop-alignment=left_left] .icon-with-text-column__icon-wrapper {
        margin-bottom: 0;
        margin-right: 16px;
        margin-right: var(--spacing-4)
    }

    .icon-with-text-column[data-desktop-alignment=left_left] .icon-with-text-column__text-wrapper {
        text-align: left
    }

    .icon-with-text-column[data-desktop-alignment=left_left_centered] {
        flex-direction: row;
        justify-content: center
    }

    .icon-with-text-column[data-desktop-alignment=left_left_centered] .icon-with-text-column__icon-wrapper {
        margin-bottom: 0;
        margin-right: 16px;
        margin-right: var(--spacing-4)
    }

    .icon-with-text-column[data-desktop-alignment=left_left_centered] .icon-with-text-column__text-wrapper {
        text-align: left
    }
}

.icon-with-text-column__accent {
    margin-bottom: 2px;
    margin-bottom: var(--spacing-unit-half)
}

.icon-with-text-column__icon-wrapper {
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4)
}

.icon-with-text-column__text-wrapper {
    text-align: center
}

.icon-with-text-column__text {
    margin-top: 2px
}

.image>*,
.video-wrapper>* {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    -o-object-position: center center;
    object-position: center center;
    -o-object-position: var(--focal-alignment, center center);
    object-position: var(--focal-alignment, center center)
}

.image.aspect-ratio--landscape>*,
.image.aspect-ratio--portrait>*,
.image.aspect-ratio--square>*,
.image.aspect-ratio--landscape_alt>*,
.image.aspect-ratio--portrait_alt>*,
.image.aspect-ratio--landscape_wide_alt>*,
.image.aspect-ratio--landscape_ultrawide_alt>*,
.image.aspect-ratio--externally_set>*,
.video-wrapper.aspect-ratio--landscape>*,
.video-wrapper.aspect-ratio--portrait>*,
.video-wrapper.aspect-ratio--square>*,
.video-wrapper.aspect-ratio--landscape_alt>*,
.video-wrapper.aspect-ratio--portrait_alt>*,
.video-wrapper.aspect-ratio--landscape_wide_alt>*,
.video-wrapper.aspect-ratio--landscape_ultrawide_alt>*,
.video-wrapper.aspect-ratio--externally_set>* {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-fit: var(--object-fit, cover);
    object-fit: var(--object-fit, cover)
}

.image.aspect-ratio--landscape>*,
.video-wrapper.aspect-ratio--landscape>* {
    aspect-ratio: 3 / 2
}

.image.aspect-ratio--portrait>*,
.video-wrapper.aspect-ratio--portrait>* {
    aspect-ratio: 2 / 3
}

.image.aspect-ratio--landscape_alt>*,
.video-wrapper.aspect-ratio--landscape_alt>* {
    aspect-ratio: 5 / 4
}

.image.aspect-ratio--portrait_alt>*,
.video-wrapper.aspect-ratio--portrait_alt>* {
    aspect-ratio: 4 / 5
}

.image.aspect-ratio--landscape_wide_alt>*,
.video-wrapper.aspect-ratio--landscape_wide_alt>* {
    aspect-ratio: 16 / 9
}

.image.aspect-ratio--landscape_ultrawide_alt>*,
.video-wrapper.aspect-ratio--landscape_ultrawide_alt>* {
    aspect-ratio: 21 / 9
}

.image.aspect-ratio--square>*,
.video-wrapper.aspect-ratio--square>* {
    aspect-ratio: 1
}

.image {
    width: 100%;
    background-color: #f5f5f5
}

.image.loaded {
    background-color: transparent
}

.image:not(.loaded) {
    position: relative
}

.media {
    position: relative
}

.media img {
    max-width: 70%;
    margin: auto
}

@media screen and (min-width: 800px) {
    .media img {
        max-width: 100%
    }
}

.media[data-media-type=external_video] {
    width: 100%;
    padding-top: 57.5%;
    position: relative
}

.media[data-media-type=external_video] iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.media[data-media-type=external_video] .external-video-overlay {
    background: #00000080;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.media[data-media-type=external_video] .external-video-overlay.hidden {
    display: none
}

.media[data-media-type=external_video]:focus-within .external-video-overlay {
    display: none
}

.media[data-media-type=model].model-active {
    height: 100%
}

.media video {
    width: 100%
}

.media.media--has-lightbox a {
    cursor: zoom-in
}

.user-is-tabbing .media.media--has-lightbox a:focus {
    opacity: .6
}

.media .plyr__poster-enabled:focus {
    position: relative
}

.media .plyr__poster-enabled:focus:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--color-text-body)
}

.price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0
}

.price dl {
    margin-top: 0
}

.price dd {
    margin: 0 .5em 0 0
}

.price--unavailable {
    visibility: hidden
}

.price--compare-price-hidden .price__compare {
    display: none
}

.price__pricing-group {
    display: flex;
    flex-direction: row;
    align-items: center
}

.price__regular {
    display: block
}

.price__regular,
.price__sale {
    margin-right: .625rem
}

.price--on-sale .price__regular,
.price--on-sale .price__availability,
.price__availability {
    display: none
}

.price--sold-out .price__availability {
    display: block
}

.price__sale {
    display: none
}

.price--on-sale .price__sale {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.price__unit {
    display: none
}

.price--unit-available .price__unit {
    display: block
}

.product__block.product__block--medium:not(:last-child) {
    margin-bottom: 24px;
    margin-bottom: var(--spacing-6)
}

.product__block.product__block--large:not(:last-child) {
    margin-bottom: 32px;
    margin-bottom: var(--spacing-8)
}

.product__label-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.product__label-wrapper.product-form__label-wrapper--collapse {
    margin-bottom: 0
}

.product__label {
    margin-right: 12px;
    margin-right: var(--spacing-3)
}

.no-js .product__option,
.no-js .product__quantity-button {
    display: none
}

.product__block--product-header {
    margin-bottom: 24px;
    margin-bottom: var(--spacing-6)
}

.product__block--product-header.product__block--with-divider {
    padding-bottom: 16px;
    padding-bottom: var(--spacing-4);
    border-bottom: 1px solid var(--color-border)
}

.product__block--product-header[data-header-block-is-top=true] {
    padding: 0 16px;
    padding: 0 var(--space-outer);
    margin-top: 20px;
    margin-top: var(--spacing-5);
    border-bottom: none
}

@media (min-width: 960px) {
    .product__block--product-header[data-header-block-is-top=true] {
        display: none
    }
}

@media (max-width: 959px) {
    [data-header-top-mobile=above] .product__block--product-header.product__block--product-header:not([data-header-block-is-top=true]) {
        display: none
    }
}

.product__block--product-header-inner .product-badges {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.product__block--product-header-inner>:last-child {
    margin-bottom: 0
}

.product__title {
    margin-bottom: 4px;
    margin-bottom: var(--spacing-1)
}

.product__block .product__price {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2);
    align-items: center
}

.product__block .product__price.hide {
    opacity: 0
}

.product__block .product__price s:empty {
    display: none
}

.product__block .product__price s:not(:empty)+[data-price],
.product__block .product__price .product__price-displayed-discount {
    color: var(--color-products-sale-price)
}

.product__block .product__price .product__price-displayed-discount {
    display: flex;
    align-items: center;
    margin-top: .05em;
    margin-right: 4px;
    margin-right: var(--spacing-1)
}

.product__block .product__price .product__price-displayed-discount[data-has-discount=false] {
    display: none
}

.product__block .product__price .product__price-displayed-discount .displayed-discount {
    background-color: var(--color-products-sale-price-alpha-05)
}

.product__block .product__price .unit-price__price {
    margin-left: 0;
    font-size: var(--font-size-body-75)
}

.product__block .product__price [data-compare-price] {
    color: var(--color-text-alpha-60)
}

.product__price-and-ratings {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-top: var(--spacing-4);
    margin-bottom: .5em
}

.product__price-and-ratings .star-rating[data-rating-style=compact] {
    --star-icon-size: 15px
}

.product__price-and-ratings .product-rating {
    margin: 0
}

.product__price-block .product__label-wrapper {
    margin-bottom: 4px;
    margin-bottom: var(--spacing-1)
}

.product__price-block .product__label-wrapper.hide {
    visibility: hidden
}

.product__price-block .product-form__shop-pay {
    padding: 0;
    background-color: transparent;
    background-color: initial
}

.product__vendor a {
    color: var(--color-text-link);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px;
    transition: opacity .2s ease-in-out
}

.product__vendor a:hover {
    opacity: .7
}

.product__vendor_and_sku {
    display: flex;
    gap: 1em;
    align-items: flex-end;
    margin-bottom: .5em
}

.product__vendor_and_sku[data-showing-sku=false][data-showing-vendor=false] {
    display: none
}

.product__vendor_and_sku .product__sku {
    margin-bottom: .125em
}

.product__description {
    width: 100%
}

.product__description .ff-heading {
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4)
}

.product__description .share-icons a {
    margin-right: 4px;
    margin-right: var(--spacing-unit)
}

@supports (-webkit-touch-callout: none) {
    .product__description .truncate-wrapper[data-content-expanded=false] .truncate-wrapper__content>* {
        display: inline
    }
}

.product-blocks__accordion .accordion__content {
    max-width: none;
    max-width: initial
}

.product__policies {
    margin-bottom: 28px;
    margin-bottom: var(--spacing-7)
}

.product__variants select#variant-selector {
    display: none
}

.no-js .product__variants select#variant-selector {
    display: block
}

.product__option+.product__option {
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

.product__color-swatches,
.product__color-chips {
    display: flex;
    flex-wrap: wrap
}

.product__color-swatches select,
.product__color-chips select {
    display: none
}

.product__color-chips[data-layout="4col"],
.product__color-chips[data-layout="3col"],
.product__color-chips[data-layout="2col"] {
    display: grid;
    grid-gap: 8px;
    grid-gap: var(--spacing-2)
}

.product__color-chips[data-layout="4col"] {
    grid-template-columns: repeat(4, 1fr)
}

.product__color-chips[data-layout="3col"] {
    grid-template-columns: repeat(3, 1fr)
}

.product__color-chips[data-layout="2col"] {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.product__color-chips[data-layout=natural] {
    margin-top: -8px;
    margin-top: calc(var(--spacing-2) * -1)
}

.product__color-chips[data-layout=natural] .product__chip {
    margin-right: 8px;
    margin-right: var(--spacing-2);
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.product__chip {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    padding: var(--spacing-2) var(--spacing-4);
    min-height: 38px;
    background-color: var(--color-background);
    border: 1px solid var(--color-border-input);
    transition: border-color .3s ease-in-out, background-color .3s ease-in-out
}

.product__chip.selected {
    border-color: #ff7033;
    box-shadow: 0 0 0 1px #ff7033 inset
}

.product__chip:hover {
    border-color: #ff7033
}

.product__chip .product__chip-crossed {
    display: none
}

.product__color-swatches .product__color-swatches--inner {
    display: flex;
    flex-wrap: wrap;
    margin: -4px;
    margin: calc(var(--spacing-unit) * -1)
}

.product__color-swatches .product__color-swatch {
    margin: 4px;
    margin: var(--spacing-unit);
    position: relative;
    transition: box-shadow .3s ease-in-out;
    background-position: center center;
    background-size: contain;
    border: 1px solid var(--color-background);
    box-shadow: 0 0 0 1px inset var(--color-text-alpha-10), 0 0 0 0 var(--color-border)
}

.product__color-swatches .product__color-swatch .product__color-swatch-tooltip {
    visibility: hidden;
    position: absolute;
    bottom: 115%;
    left: 50%;
    translate: -50%;
    padding: 2px 5px;
    white-space: nowrap;
    color: var(--color-background);
    background-color: var(--color-text);
    opacity: 0
}

.product__color-swatches .product__color-swatch .product__color-swatch-tooltip:after {
    content: "";
    position: absolute;
    top: 95%;
    left: 50%;
    translate: -50%;
    border-width: 5px;
    border-style: solid;
    border-color: var(--color-text) transparent transparent transparent
}

.product__color-swatches .product__color-swatch:hover .product__color-swatch-tooltip {
    visibility: visible;
    opacity: 1
}

.product__color-swatches .product__color-swatch.selected {
    box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px var(--color-text)
}

.product__color-swatches .product__color-swatch:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    width: 100%;
    border-top: 1px solid;
    border-color: transparent;
    transform: rotate(-45deg) translateY(-50%);
    transition: border-color .2s ease
}

.product__color-swatches .product__color-swatch[data-shape=rectangle][data-size=small]:before {
    width: 100%;
    left: 0%;
    transform: rotate(-30deg) translateY(-50%)
}

.product__color-swatches .product__color-swatch[data-shape=rectangle][data-size=medium]:before {
    width: 100%;
    left: 0%;
    transform: rotate(-28deg) translateY(-50%)
}

.product__color-swatches .product__color-swatch[data-shape=rectangle][data-size=large]:before {
    width: 100%;
    left: 0%;
    transform: rotate(-27deg) translateY(-50%)
}

.product__color-swatches .product__color-swatch[data-shape=square]:before {
    width: 120%;
    left: -9%
}

.product__color-swatches .product__color-swatch[data-shape=round]:before {
    width: 85%;
    left: 8%
}

.product__color-swatches .product__color-swatch.product__color-swatch--sibling-product {
    background-size: cover
}

.product__color-swatches .product__color-swatch[data-size=small] {
    width: 30px;
    width: calc(7.5 * var(--spacing-unit));
    height: 30px;
    height: calc(7.5 * var(--spacing-unit))
}

.product__color-swatches .product__color-swatch[data-size=small][data-shape=rectangle] {
    width: 44px;
    width: calc(11 * var(--spacing-unit));
    height: 28px;
    height: calc(7 * var(--spacing-unit))
}

.product__color-swatches .product__color-swatch[data-size=medium] {
    width: 38px;
    width: calc(9.5 * var(--spacing-unit));
    height: 38px;
    height: calc(9.5 * var(--spacing-unit))
}

.product__color-swatches .product__color-swatch[data-size=medium][data-shape=rectangle] {
    width: 60px;
    width: calc(15 * var(--spacing-unit));
    height: 34px;
    height: calc(8.5 * var(--spacing-unit))
}

.product__color-swatches .product__color-swatch[data-size=large] {
    width: 48px;
    width: calc(12 * var(--spacing-unit));
    height: 48px;
    height: calc(12 * var(--spacing-unit))
}

.product__color-swatches .product__color-swatch[data-size=large][data-shape=rectangle] {
    width: 72px;
    width: calc(18 * var(--spacing-unit));
    height: 40px;
    height: calc(10 * var(--spacing-unit))
}

.product__color-swatches .product__color-swatch[data-shape=round] {
    border-radius: 100%
}

.dynamic-variant-button.product__color-swatch.disabled:before {
    border-color: var(--color-text);
    box-shadow: 0 0 0 1px var(--color-background)
}

.dynamic-variant-button.product__chip.disabled {
    position: relative;
    background-color: var(--color-background-meta-alpha);
    border-color: transparent;
    color: var(--color-text-alpha-40)
}

.dynamic-variant-button.product__chip.disabled.selected {
    border-color: var(--color-text)
}

.dynamic-variant-button.product__chip.disabled .product__chip-crossed {
    display: block;
    position: absolute;
    top: 4px;
    top: var(--spacing-1);
    bottom: 4px;
    bottom: var(--spacing-1);
    max-width: 48px
}

.product__controls-group.product-form__controls-group-quantity {
    margin-top: 28px;
    margin-top: var(--spacing-7)
}

.product__controls-group.product-form__controls-group-quantity label {
    display: block
}

.product__controls-group.hidden {
    display: none
}

.product__controls-group .product__information-popup {
    margin-bottom: 0
}

.no-js .product__controls-group-quantity {
    display: none
}

.product__quantity {
    height: 42px;
    display: inline-flex;
    border: 1px solid var(--color-border);
    overflow: hidden;
    transition: border-color .3s ease-in-out
}

.product__quantity:hover {
    border-color: var(--color-text)
}

.product__quantity input {
    width: 24px;
    border: 0;
    overflow: visible;
    text-align: center;
    padding: 0
}

.product__quantity input::-webkit-outer-spin-button,
.product__quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

@media (max-width: 959px) {
    .product__quantity input {
        width: 36px
    }
}

.product__quantity-error {
    margin-top: 28px;
    margin-top: var(--spacing-7);
    color: var(--color-text-error)
}

.product__quantity-error.hidden {
    display: none
}

.product-blocks__product-labels-heading {
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.product-blocks__product-labels-items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    gap: var(--spacing-2)
}

@media (min-width: 960px) {
    .product-blocks__product-labels-items {
        gap: 12px;
        gap: var(--spacing-3)
    }
}

.product-blocks__product-labels-items[data-outlined-labels=false] {
    -moz-column-gap: 24px;
    column-gap: 24px;
    -moz-column-gap: var(--spacing-6);
    column-gap: var(--spacing-6)
}

.product-blocks__product-labels-item {
    display: flex;
    align-items: center;
    gap: 6px
}

[data-outlined-labels=true] .product-blocks__product-labels-item {
    border: 1px solid var(--color-text-alpha-40);
    border-radius: .25em;
    padding: 4px 8px;
    padding: var(--spacing-1) var(--spacing-2)
}

.product-blocks__product-labels-item-custom-icon-image-wrapper {
    display: flex;
    flex-shrink: 0;
    width: 24px;
    width: var(--icon-size, 24px)
}

.product__text-columns-items {
    display: grid;
    grid-template-columns: repeat(var(--column-count), 1fr)
}

.product__text-columns-items[data-with-box=true] {
    padding: 16px 4px;
    padding: var(--spacing-4) var(--spacing-1);
    background-color: var(--color-background-meta)
}

.product__text-columns-items .icon-with-text-column {
    padding-left: 12px;
    padding-left: var(--spacing-3);
    padding-right: 12px;
    padding-right: var(--spacing-3)
}

.product__text-columns-items[data-with-dividers=true] .icon-with-text-column:not(:first-child) {
    border-left: 1px solid var(--color-border)
}

.product__text-columns-items .icon-with-text-column__icon-wrapper {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.product__text-columns-items .icon-with-text-column__heading {
    margin-bottom: 2px;
    margin-bottom: var(--spacing-unit-half)
}

.information-popup__content {
    display: none
}

.product__information-popup {
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px;
    display: inline-flex;
    align-items: center;
    transition: opacity .2s ease
}

.product__information-popup .icon {
    margin-top: 1px;
    margin-right: 4px;
    margin-right: var(--spacing-1)
}

.product__information-popup:hover,
.product__information-popup:focus {
    opacity: .6
}

.product__information-popup-custom-icon {
    width: 24px;
    max-height: 24px;
    margin-top: 1px;
    margin-right: 4px;
    margin-right: var(--spacing-1)
}

.product__custom-option-instructions {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.product__custom-option-content-inner {
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

.product__custom-option-type--textarea textarea {
    line-height: var(--line-height-body)
}

.product__custom-option-type--textarea .textarea-note {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.product__custom-option-input {
    --custom-option-input-size: 16px;
    width: 16px;
    width: var(--custom-option-input-size);
    height: 16px;
    height: var(--custom-option-input-size);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border-input);
    color: var(--color-background)
}

.product__custom-option-input .icon {
    display: flex;
    width: 10px;
    height: 10px;
    color: var(--color-background);
    opacity: 0;
    transition: opacity .3s
}

.user-is-tabbing .product__custom-option-checkbox-content:focus-within,
.user-is-tabbing .product__custom-option-radio-content:focus-within {
    outline: auto
}

.product__custom-option-label {
    padding-left: 8px;
    padding-left: var(--spacing-2)
}

.product__custom-option-label span {
    margin-left: auto;
    color: var(--color-text)
}

.product__custom-option-checkbox:checked+.product__custom-option-content-inner .product__custom-option-input {
    border-color: var(--color-text);
    background-color: var(--color-text)
}

.product__custom-option-checkbox:checked+.product__custom-option-content-inner .product__custom-option-input .icon {
    opacity: 1
}

.product__custom-option-checkbox:disabled+.product__custom-option-content-inner {
    color: var(--color-text-alpha-60);
    cursor: default
}

.product__custom-option-checkbox:disabled+.product__custom-option-content-inner .product__custom-option-input {
    border-color: var(--color-border-input);
    background-color: var(--color-text-input-alpha-5)
}

.product__label-wrapper+.product__custom-option-instructions {
    margin-top: -4px;
    margin-top: calc(var(--spacing-1) * -1);
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.product__custom-option-type--checkbox+.product__custom-option-instructions {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.product__controls-group--checkbox+.product__controls-group--checkbox {
    margin-top: -12px;
    margin-top: calc(var(--spacing-3) * -1)
}

.product__custom-option-radio+.product__custom-option-content-inner .product__custom-option-input {
    border-radius: 100%;
    margin: 0;
    border: 1px solid var(--color-border);
    background-color: var(--color-background)
}

.product__custom-option-radio+.product__custom-option-content-inner .product__custom-option-input .indicator {
    --radio-indicator-size: 7px;
    border-radius: 100%;
    width: 7px;
    width: var(--radio-indicator-size);
    height: 7px;
    height: var(--radio-indicator-size);
    background-color: var(--color-background);
    opacity: 0
}

.product__custom-option-radio:checked+.product__custom-option-content-inner .product__custom-option-input {
    background-color: var(--color-text);
    border-color: var(--color-text)
}

.product__custom-option-radio:checked+.product__custom-option-content-inner .product__custom-option-input .indicator {
    opacity: 1
}

.product__custom-option-radio-content+.product__custom-option-radio-content {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.product__block-complementary-products.hidden {
    display: none
}

.product__block-complementary-products .product__block-complementary-products__heading {
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4)
}

.product__block-complementary-products-wrapper {
    position: relative;
    display: flex;
    --grid-column-gap: var(--spacing-3);
    --grid-column-gap-tablet: var(--spacing-4);
    --grid-column-gap-desktop: var(--spacing-6);
    --grid-column-count: 4;
    --grid-item--min-width: 130px;
    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count) * var(--grid-column-gap));
    --total-gap-width-desktop: calc(var(--gap-count) * var(--grid-column-gap-desktop));
    --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
    --grid-item--max-width-desktop: calc((100% - var(--total-gap-width-desktop)) / var(--grid-column-count))
}

.product__block-complementary-products-wrapper[data-has-slider=false] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr))
}

@media (min-width: 1024px) {
    .product__block-complementary-products-wrapper[data-has-slider=false] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width-desktop)), 1fr))
    }
}

@media (max-width: 1023px) {
    .product__block-complementary-products-wrapper[data-has-slider=true][data-slider-mobile=false] .scroll-slider__slider {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
        grid-gap: 24px var(--grid-column-gap);
        grid-gap: var(--spacing-6) var(--grid-column-gap)
    }
}

.product__block-complementary-products-wrapper[data-has-slider=true][data-slider-desktop=false] .scroll-slider-nav-button {
    display: none
}

@media (min-width: 1024px) {
    .product__block-complementary-products-wrapper[data-has-slider=true][data-slider-desktop=false] .scroll-slider__slider {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width-desktop)), 1fr));
        grid-gap: 36px var(--grid-column-gap-tablet);
        grid-gap: var(--spacing-9) var(--grid-column-gap-tablet)
    }
}

@media (min-width: 1200px) {
    .product__block-complementary-products-wrapper[data-has-slider=true][data-slider-desktop=false] .scroll-slider__slider {
        grid-gap: 40px var(--grid-column-gap-desktop);
        grid-gap: var(--spacing-10) var(--grid-column-gap-desktop)
    }
}

.product-block-image .section-blocks__image {
    margin-top: 0;
    margin-bottom: 0
}

.product__image-with-text {
    display: flex;
    gap: 24px;
    gap: var(--spacing-6)
}

.product__image-with-text .product__image-with-text-image {
    flex-shrink: 0;
    margin-top: 0;
    margin-bottom: 0
}

.product__image-with-text .product__image-with-text-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 8px;
    gap: var(--spacing-2)
}

.product__image-with-text .product__image-with-text-content .product__image-with-text-content-accent {
    margin-bottom: -2px
}

.product__image-with-text-image-position--right .product__image-with-text-image {
    order: 1
}

.product__image-with-text-vertical-alignment--center {
    align-items: center
}

.product__image-with-text--boxed {
    padding: 16px;
    padding: var(--spacing-4);
    background-color: var(--color-background-meta)
}

@media (min-width: 960px) {
    .product__image-with-text--boxed {
        padding: 20px;
        padding: var(--spacing-5)
    }
}

.product__block--boxed+.product__block--boxed {
    margin-top: -32px;
    margin-top: calc(var(--spacing-8) * -1)
}

.product-blocks__customer-support {
    display: flex;
    gap: 16px;
    gap: var(--spacing-4)
}

.product-blocks__customer-support[data-with-box=true] {
    background-color: var(--color-background-meta);
    padding: 16px;
    padding: var(--spacing-4)
}

.product-blocks__customer-support[data-image-position=right] {
    flex-direction: row-reverse
}

.product-blocks__customer-support a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.product-blocks__customer-support-image {
    width: 50px;
    width: var(--image-width-mobile, 50px);
    flex-shrink: 0
}

@media (min-width: 960px) {
    .product-blocks__customer-support-image {
        width: 60px;
        width: var(--image-width, 60px)
    }
}

[data-image-crop=true] .product-blocks__customer-support-image .image {
    border-radius: 100%;
    overflow: hidden
}

.product-blocks__customer-support-content {
    text-align: var(--text-alignment)
}

.product-blocks__customer-support-content>:last-child {
    margin-bottom: 0
}

.product-blocks__customer-support-heading {
    margin-bottom: 4px;
    margin-bottom: var(--spacing-1)
}

.product-blocks__customer-support-text {
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4)
}

.product-blocks__customer-support-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    gap: var(--spacing-3);
    justify-content: var(--text-alignment)
}

.product__block .text-list-with-icons {
    width: 100%
}

.product-form {
    margin-bottom: 24px;
    margin-bottom: var(--spacing-6)
}

.product-form .product-form__quantity {
    display: none;
    margin-bottom: 28px;
    margin-bottom: var(--spacing-7)
}

.no-js .product-form .product-form__quantity {
    display: block
}

.product-form[data-has-quantity-selector] .product-form__quantity-and-buy-buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    gap: var(--spacing-3);
    align-items: flex-end
}

.product-form[data-has-quantity-selector] .quantity-input-wrapper__labels {
    width: 100%;
    margin-bottom: -4px;
    margin-bottom: calc(var(--spacing-1) * -1)
}

.product-form[data-has-quantity-selector] .product-form__controls-group {
    flex: 1
}

.product-form[data-has-quantity-selector] .product-form__item {
    white-space: nowrap
}

.product-form__custom-option {
    display: none
}

.no-js .product-form__custom-option {
    display: block
}

.product-form__variants select#variant-selector {
    display: none
}

.no-js .product-form__variants select#variant-selector {
    display: block
}

.product-form__cart-submit {
    position: relative;
    min-height: 45px
}

.product-form__cart-submit.btn {
    border-radius: 28px;
    box-shadow: #00000029 0 3px 6px, #0000003b 0 3px 6px
}

.product-form__cart-submit[disabled] {
    color: var(--color-text-alpha-60);
    background: var(--color-background-meta)
}

.product-form__cart-submit .icon {
    width: 16px;
    height: 16px;
    visibility: hidden;
    opacity: 0;
    display: none
}

.product-form__cart-submit.item-added span {
    display: none
}

.product-form__cart-submit.item-added .icon {
    visibility: visible;
    opacity: 1;
    display: block
}

.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    position: relative;
    font-size: var(--font-size-button);
    font-family: var(--font-button);
    font-weight: var(--font-weight-button);
    text-transform: none;
    text-transform: var(--font-button-text-transform, none);
    line-height: var(--line-height-button);
    letter-spacing: var(--font-button-letter-spacing);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .777em 1.777em;
    border-width: 0;
    border-radius: 0;
    margin-top: 12px;
    margin-top: var(--spacing-3);
    background: var(--color-button-primary-background);
    color: var(--color-button-primary-text);
    height: 48px;
    z-index: 1
}

.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus {
    background: var(--color-button-primary-background-hover)
}

.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded[disabled] {
    color: var(--color-text-alpha-60);
    background: var(--color-button-primary-background-alpha);
    display: none
}

.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded {
    height: 49px;
    margin-top: 12px;
    margin-top: var(--spacing-3);
    overflow: hidden
}

@media (min-width: 480px) {
    .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded {
        height: 59px
    }
}

.shopify-payment-button__more-options {
    margin-top: 28px !important;
    margin-top: var(--spacing-7) !important
}

.shopify-payment-button__more-options {
    margin-bottom: 28px;
    margin-bottom: var(--spacing-7);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px;
    color: var(--color-text-link)
}

.shopify-payment-button__more-options:hover {
    opacity: .6
}

.shopify-payment-button__more-options.shopify-payment-button__button--hidden {
    display: none
}

.product-form__shop-pay {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.product-form__shop-pay:empty {
    margin-top: 0
}

.product-item {
    --round-button-size: 36px;
    position: relative;
    z-index: var(--z-index-item)
}

.product-item.product-item--mini .product-item__text {
    margin: 8px 0 0;
    margin: var(--spacing-2) 0 0
}

.product-item.product-item--mini .product-item__overlay-wrap {
    padding: 4px;
    padding: var(--spacing-1)
}

.product-item.product-item--mini .product-item__quick-view-button.btn {
    --mini-overlay-button-size: 24px;
    width: 24px;
    width: var(--mini-overlay-button-size);
    height: 24px;
    height: var(--mini-overlay-button-size)
}

.product-item.product-item--mini .product-item__quick-view-button.btn .icon {
    padding: 0
}

.product-item.product-item--mini .product-item__price {
    gap: 4px;
    gap: var(--spacing-1)
}

.product-item-holder[data-grid-style=default] .product-item .product-item__meta {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.product-item-holder[data-grid-style=bordered_grid] .product-item .product-item__meta,
.product-item-holder[data-grid-style=colored_tile] .product-item .product-item__meta {
    margin: 12px;
    margin: var(--spacing-3)
}

.product-item-holder[data-grid-style=bordered_grid] .product-item {
    box-shadow: 0 0 0 1px var(--color-border)
}

.product-item-holder[data-grid-style=bordered_grid] .product-item .product-item__inner {
    height: 100%
}

.product-item-holder[data-grid-style=colored_tile] .product-item {
    background-color: var(--product-item-background-color)
}

.product-item__inner {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column
}

.product-item__inner .product-item__variant-info {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-fast) var(--easing)
}

.product-item__inner [data-product-item-element-visible-only-for-mode=list],
[data-item-layout=grid] .product-item__inner [data-product-item-element-visible-only-for-mode=list] {
    display: none
}

[data-item-layout=grid] .product-item__inner .product-item__text_group_secondary,
:not([data-item-layout]) .product-item__inner .product-item__text_group_secondary {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

[data-item-layout=list] .product-item__inner {
    flex-direction: row;
    align-items: center
}

[data-item-layout=list] .product-item__inner [data-product-item-element-visible-only-for-mode=list] {
    display: block
}

[data-item-layout=list] .product-item__inner [data-product-item-element-visible-only-for-mode=grid] {
    display: none
}

@media (max-width: 1023px) {
    [data-item-layout=list] .product-item__inner .product-item__media-wrapper {
        align-self: flex-start
    }
}

[data-item-layout=list] .product-item__inner .product-item__media {
    width: 130px;
    flex-shrink: 0
}

@media (min-width: 720px) {
    [data-item-layout=list] .product-item__inner .product-item__media[data-aspect-ratio*=portrait] {
        width: 180px
    }
}

@media (min-width: 1024px) {
    [data-item-layout=list] .product-item__inner .product-item__media[data-aspect-ratio*=portrait] {
        width: 220px
    }
}

@media (min-width: 720px) {
    [data-item-layout=list] .product-item__inner .product-item__media[data-aspect-ratio*=landscape] {
        width: 240px
    }
}

@media (min-width: 1024px) {
    [data-item-layout=list] .product-item__inner .product-item__media[data-aspect-ratio*=landscape] {
        width: 280px
    }
}

@media (min-width: 720px) {
    [data-item-layout=list] .product-item__inner .product-item__media[data-aspect-ratio=square] {
        width: 220px
    }
}

@media (min-width: 1024px) {
    [data-item-layout=list] .product-item__inner .product-item__media[data-aspect-ratio=square] {
        width: 260px
    }
}

@media (min-width: 720px) {
    [data-item-layout=list] .product-item__inner .product-item__media {
        width: 290px
    }
}

[data-item-layout=list] .product-item__inner .product-item__text .product-item__text_group_primary,
[data-item-layout=list] .product-item__inner .product-item__text .product-item__text_group_secondary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left
}

@media (max-width: 719px) {
    [data-item-layout=list] .product-item__inner .product-item__text .product-item__text_group_secondary {
        height: 100%
    }

    [data-item-layout=list] .product-item__inner .product-item__text .product-item__text_group_secondary .product-item__spacer {
        display: none
    }

    [data-item-layout=list] .product-item__inner .product-item__text .product-item__text_group_secondary .product-item__list-mode-buttons-wrap {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        margin-top: auto;
        margin-bottom: 4px;
        margin-bottom: var(--spacing-1)
    }
}

@media (max-width: 479px) {
    [data-item-layout=list] .product-item__inner .product-item__text .product-item__text_group_secondary .product-item__list-mode-buttons-wrap .product-item__list-mode-buttons {
        flex-wrap: wrap
    }
}

@media (min-width: 720px) {
    [data-item-layout=list] .product-item__inner .product-item__text {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        align-items: center
    }

    [data-item-layout=list] .product-item__inner .product-item__text .product-item__text_group_secondary {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: right
    }
}

@media (min-width: 720px) {

    .product-item__inner:hover,
    .product-item__inner:focus-within {
        z-index: 1
    }

    .product-item__inner:hover .product-item__variant-info,
    .product-item__inner:focus-within .product-item__variant-info {
        opacity: 1
    }
}

.no-js .product-item__inner .show-product-quickview {
    display: none
}

[data-item-layout=list] .product-item-holder[data-grid-style=default] .product-item__meta {
    margin-top: 0;
    margin-left: 12px;
    margin-left: var(--spacing-3)
}

@media (min-width: 720px) {
    [data-item-layout=list] .product-item-holder[data-grid-style=default] .product-item__meta {
        margin-left: 16px;
        margin-left: var(--spacing-4)
    }
}

@media (min-width: 1024px) {
    [data-item-layout=list] .product-item-holder[data-grid-style=default] .product-item__meta {
        margin-left: 20px;
        margin-left: var(--spacing-5)
    }
}

[data-item-layout=list] .product-item-holder[data-grid-style=bordered_grid] .product-item__meta,
[data-item-layout=list] .product-item-holder[data-grid-style=colored_tile] .product-item__meta {
    margin: 16px 12px;
    margin: var(--spacing-4) var(--spacing-3)
}

@media (min-width: 720px) {

    [data-item-layout=list] .product-item-holder[data-grid-style=bordered_grid] .product-item__meta,
    [data-item-layout=list] .product-item-holder[data-grid-style=colored_tile] .product-item__meta {
        margin: 16px;
        margin: var(--spacing-4)
    }
}

@media (min-width: 1024px) {

    [data-item-layout=list] .product-item-holder[data-grid-style=bordered_grid] .product-item__meta,
    [data-item-layout=list] .product-item-holder[data-grid-style=colored_tile] .product-item__meta {
        margin: 20px;
        margin: var(--spacing-5)
    }
}

.btn.product-item__disc-button {
    box-shadow: 0 1px 1px #0000001a, 0 1px 4px #00000026;
    box-shadow: var(--box-shadow-short);
    background-color: var(--color-background-button-fab);
    color: var(--color-foreground-button-fab);
    border-radius: calc(var(--round-button-size) / 2);
    height: var(--round-button-size);
    padding: 0;
    width: var(--round-button-size);
    flex-shrink: 0
}

.btn.product-item__disc-button~.product-item__quick-add-count {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    display: flex;
    width: var(--round-button-size);
    height: var(--round-button-size);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: var(--color-background);
    background-color: var(--color-text)
}

[data-quantity-in-cart="0"] .btn.product-item__disc-button~.product-item__quick-add-count {
    display: none
}

.product-item__floating-action-buttons {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 8px;
    row-gap: var(--spacing-2);
    top: 0;
    right: 0;
    padding: 8px;
    padding: var(--spacing-2)
}

.product-item__floating-action-buttons>* {
    z-index: 2
}

.product-item__floating-action-buttons .product-item__quick-add-wrapper {
    height: var(--round-button-size)
}

@media (hover: hover) and (pointer: fine) {
    .product-item:not(:hover):not(:focus-within) .product-item__floating-action-buttons .product-item__quick-view-button {
        opacity: 0
    }
}

.product-item__quick-add-wrapper {
    --quantity-input-size: 36px
}

.product-item__quick-add-wrapper .quantity-input-wrapper--product-item-quick-add {
    display: none
}

.product-item__quick-add-wrapper[data-quick-add-style=icon] .quantity-input {
    box-shadow: 0 1px 1px #0000001a, 0 1px 4px #00000026;
    box-shadow: var(--box-shadow-short);
    border-radius: calc(var(--quantity-input-size) / 2)
}

.product-item__quick-add-wrapper[data-quick-add-style=icon] .quantity-input,
.product-item__quick-add-wrapper[data-quick-add-style=icon] .quantity-input__input {
    height: var(--quantity-input-size)
}

.product-item__quick-add-wrapper[data-quick-add-style=icon] .quantity-input,
.product-item__quick-add-wrapper[data-quick-add-style=icon] .quantity-input__button,
.product-item__quick-add-wrapper[data-quick-add-style=icon] .quantity-input__input {
    background-color: var(--color-background-input)
}

.product-item__quick-add-wrapper[data-quick-add-style=icon] .quantity-input__button {
    width: var(--quantity-input-size);
    height: var(--quantity-input-size)
}

.product-item__quick-add-wrapper[data-quick-add-style=icon] .quantity-input__button:hover:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    background-color: var(--color-background-button-fab);
    opacity: .06;
    z-index: 0;
    border-radius: 100%
}

.product-item__quick-add-wrapper[data-quick-add-style=icon] .quantity-input__button svg {
    z-index: 1
}

.product-item__quick-add-wrapper[data-quick-add-style=text] {
    --quantity-input-size: 36px
}

.product-item__quick-add-wrapper[data-quick-add-style=text] .btn.btn--small.btn--full.product-item__quick-add {
    height: var(--quantity-input-size)
}

@media (hover: hover) and (pointer: fine) {
    .product-item:hover .product-item__quick-add-wrapper[data-quick-add-style=text][data-has-variants=false]:not([data-quantity-in-cart="0"]) .product-item__quick-add {
        display: none
    }

    .product-item:hover .product-item__quick-add-wrapper[data-quick-add-style=text][data-has-variants=false]:not([data-quantity-in-cart="0"]) .quantity-input-wrapper--product-item-quick-add {
        display: block
    }
}

.product-item__quick-add-wrapper[data-quick-add-style=text] .quantity-input-wrapper--product-item-quick-add {
    display: none;
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

[data-product-item-element-visible-only-for-mode=list] .product-item__quick-add-wrapper[data-quick-add-style=text] .quantity-input-wrapper--product-item-quick-add {
    margin-top: 0
}

.product-item__quick-add-wrapper[data-quick-add-style=text] .quantity-input {
    gap: 0;
    width: 100%;
    height: var(--quantity-input-size)
}

@media (min-width: 480px) {
    .product-item__quick-add-wrapper[data-quick-add-style=text] .quantity-input {
        gap: 8px;
        gap: var(--spacing-2)
    }
}

.product-item__quick-add-wrapper[data-quick-add-style=text] .quantity-input__button {
    padding: 12px 20px;
    padding: var(--spacing-3) var(--spacing-5);
    width: 44px
}

.product-item__quick-add-wrapper[data-quick-add-style=text] .quantity-input__input {
    flex-grow: 1;
    background-color: var(--color-background-input);
    height: 100%;
    border: 1px solid var(--color-border-input)
}

.product-item__quick-add-beneath .product-item__quick-add-wrapper[data-quick-add-style=text] {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.product-item[data-price-position=above_title][data-show-inventory=false][data-ratings-visible=false] .product-item__quick-add-beneath .product-item__quick-add-wrapper[data-quick-add-style=text] {
    margin-top: 20px;
    margin-top: var(--spacing-5)
}

.product-item[data-price-position=above_title][data-show-inventory=false][data-ratings-visible=true] .product-item__quick-add-beneath .product-item__quick-add-wrapper[data-quick-add-style=text],
.product-item[data-price-position=below_title][data-show-inventory=false] .product-item__quick-add-beneath .product-item__quick-add-wrapper[data-quick-add-style=text] {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.product-item__quick-add-wrapper.active .product-item__quick-add,
.product-item__quick-add-wrapper.pending-collapse .product-item__quick-add {
    display: none
}

.product-item__quick-add-wrapper.active .quantity-input-wrapper--product-item-quick-add,
.product-item__quick-add-wrapper.pending-collapse .quantity-input-wrapper--product-item-quick-add {
    display: block
}

.product-item__quick-add-wrapper.no-quantity-in-cart .product-item__quick-add {
    display: inline-flex
}

.product-item__quick-add-wrapper.no-quantity-in-cart .quantity-input-wrapper--product-item-quick-add {
    display: none
}

.product-item__quick-add-wrapper [data-remove-item] {
    --icon-size: 18px
}

.product-item__quick-add-wrapper [data-add-quantity],
.product-item__quick-add-wrapper [data-subtract-quantity] {
    --icon-size: 24px
}

.product-item__quick-add-wrapper .icon {
    width: var(--icon-size);
    height: var(--icon-size)
}

.product-item__quick-add .product-item__quick-add__cart-count {
    display: none
}

.product-item__quick-add:not([data-quantity-in-cart="0"]) .product-item__quick-add__add-text {
    display: none
}

.product-item__quick-add:not([data-quantity-in-cart="0"]) .product-item__quick-add__cart-count {
    display: block
}

[data-quick-add-style=icon] .product-item__quick-add:not([data-quantity-in-cart="0"]) {
    background-color: var(--color-button-primary-background);
    color: var(--color-button-primary-text)
}

[data-quick-add-style=icon] .product-item__quick-add .icon {
    display: block
}

[data-quick-add-style=icon] .product-item__quick-add .icon svg {
    --product-item-disc-button-size: 24px;
    width: 24px;
    width: var(--product-item-disc-button-size);
    height: 24px;
    height: var(--product-item-disc-button-size)
}

[data-product-item-element-visible-only-for-mode=list] .product-item__quick-add {
    margin-top: 0
}

.product-item__media {
    position: relative;
    overflow: hidden
}

.product-item__image-link {
    display: block;
    position: relative
}

.product-item__image--one {
    z-index: 2
}

.product-item__image__swatch_preview,
.product-item__image--two.image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 2
}

.product-item__image__swatch_preview {
    background-size: cover;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-fast) var(--easing)
}

.product-item__image__swatch_preview.visible {
    opacity: 1
}

.product-item__image--two.image {
    transform: scale(1.2);
    background-color: var(--color-background);
    opacity: 0;
    transition: opacity .3s cubic-bezier(.33, 0, 0, 1), transform .3s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-fast) var(--easing), transform var(--duration-fast) var(--easing)
}

.product-item__image--two.image.active {
    transform: scale(1);
    opacity: 1;
    transition: opacity .3s cubic-bezier(.33, 0, 0, 1), transform .3s cubic-bezier(.33, 0, 0, 1), z-index 0ms .3s linear;
    transition: opacity var(--duration-fast) var(--easing), transform var(--duration-fast) var(--easing), z-index 0ms var(--duration-fast) linear
}

@media (hover: none) {
    .product-item__image--two.image {
        display: none
    }
}

.product-item__meta {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1
}

@media (min-width: 480px) {
    .product-item__meta {
        flex-wrap: nowrap
    }
}

.product-item__text {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.product-item__product-vendor {
    opacity: .7
}

.product-item__subtitle {
    margin-bottom: 2px;
    margin-bottom: var(--spacing-unit-half);
    margin-top: 2px;
    margin-top: var(--spacing-unit-half)
}

.product-item__swatches {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.product-item__price-wrap[data-position=above_title] {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.product-item__price-wrap .sale {
    color: var(--color-products-sale-price)
}

.product-item__price-wrap .unit-price {
    font-size: var(--font-size-body-60)
}

.product-item__price-wrap .unit-price__price {
    margin-left: 0
}

.product-item__price {
    font-size: var(--font-size-body-100);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    gap: var(--spacing-1)
}

.product-item[data-product-item-alignment=left] .product-item__price {
    justify-content: flex-start
}

.product-item[data-product-item-alignment=center] .product-item__price {
    justify-content: center
}

.product-item[data-product-item-alignment=right] .product-item__price {
    justify-content: flex-end
}

[data-item-layout=list] .product-item__price {
    font-size: var(--font-size-body-200)
}

[data-item-layout=list] .product-item__price .displayed-discount-wrapper {
    margin-top: 4px;
    margin-top: var(--spacing-1);
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

@media (min-width: 720px) {
    [data-item-layout=list] .product-item__price .displayed-discount-wrapper {
        margin-top: 8px;
        margin-top: var(--spacing-2);
        margin-bottom: 8px;
        margin-bottom: var(--spacing-2)
    }
}

@media (min-width: 1024px) {
    [data-item-layout=list] .product-item__price[data-enlarged-prices=true] {
        font-size: var(--font-size-body-300)
    }
}

.product-item__price[data-position=below_title] {
    margin-top: 2px;
    margin-top: var(--spacing-unit-half)
}

.product-item__price[data-enlarged-prices=true] {
    font-size: var(--font-size-body-200)
}

.product-item__price s:not(:empty)+[data-price],
.product-item__price .displayed-discount {
    color: var(--color-products-sale-price);
    white-space: nowrap
}

.product-item__price .displayed-discount-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

[data-item-layout=grid] .product-item__price .displayed-discount-wrapper {
    display: inline-flex
}

.product-item__price .displayed-discount-wrapper[data-has-discount=false] {
    display: none
}

.product-item__price .displayed-discount {
    background-color: var(--color-products-sale-price-alpha-05)
}

@media (max-width: 719px) {

    .product-item__product-title[data-base-size-setting="20"],
    .product-item__product-title[data-base-size-setting="21"],
    .product-item__product-title[data-base-size-setting="22"] {
        font-size: calc(var(--font-size-product-listing-title) * .92)
    }
}

.product-item__product-title[data-line-limit] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.product-item__product-title[data-line-limit][data-line-limit="1"] {
    -webkit-line-clamp: 1
}

.product-item__product-title[data-line-limit][data-line-limit="2"] {
    -webkit-line-clamp: 2
}

.product-item__product-title[data-line-limit][data-line-limit="3"] {
    -webkit-line-clamp: 3
}

[data-section-type=search][data-item-layout=list] .product-item__product-title[data-line-limit],
[data-section-type=collection][data-item-layout=list] .product-item__product-title[data-line-limit] {
    -webkit-line-clamp: unset
}

.product-item__spacer {
    flex-grow: 1
}

.product-item__list-mode-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    gap: var(--spacing-3);
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

@media (min-width: 720px) {
    .product-item__list-mode-buttons .product-item__quick-add-wrapper[data-quick-add-style=text] {
        min-width: 180px
    }
}

@media (max-width: 719px) {
    [data-quick-add-style=text] .product-item__list-mode-buttons {
        width: 100%;
        justify-content: flex-end
    }

    [data-quick-add-style=text] .product-item__list-mode-buttons .product-item__quick-add-wrapper[data-quick-add-style=text] {
        max-width: 180px;
        flex-grow: 1
    }
}

@media (max-width: 479px) {
    [data-quick-add-style=text] .product-item__list-mode-buttons {
        justify-content: flex-start
    }
}

.product-item__stock-indicator {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.product-item__stock-indicator[data-in-stock=true] {
    color: var(--color-products-stock-good)
}

.product-item__stock-indicator[data-in-stock=true] .product-item__stock-indicator-dot {
    background-color: var(--color-products-stock-good)
}

.product-item__stock-indicator-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--color-products-stock-bad);
    color: var(--color-products-stock-bad);
    top: -.1em;
    position: relative;
    margin-right: .2em;
    display: inline-block
}

.product-item[data-product-item-alignment=left] .product-swatches-options {
    align-items: flex-start
}

.product-item[data-product-item-alignment=left] .product-swatches-options__list {
    justify-content: flex-start
}

.product-item[data-product-item-alignment=right] .product-swatches-options {
    align-items: flex-end
}

.product-item[data-product-item-alignment=right] .product-swatches-options__list {
    justify-content: flex-end
}

.quick-add-modal__content.modal-content {
    --round-button-size: 36px;
    --color-background-meta: var(--color-background-meta-popups-drawers);
    --color-border-input: var(--color-border-input-popups-drawers);
    --color-background-input: var(--color-background-input-popups-drawers);
    display: none
}

.quick-add-modal__content.modal-content .quick-add-modal__header,
.quick-add-modal__content.modal-content .quick-add-modal__filters {
    padding: 16px;
    padding: var(--spacing-4)
}

@media (max-width: 719px) {

    .quick-add-modal__content.modal-content .quick-add-modal__header,
    .quick-add-modal__content.modal-content .quick-add-modal__filters {
        padding: 12px 16px;
        padding: var(--spacing-3) var(--spacing-4)
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__header,
.quick-add-modal__content.modal-content .quick-add-modal__filters,
.quick-add-modal__content.modal-content .quick-add-modal__variants>* {
    border-bottom: 1px solid var(--color-text-popups-drawers-alpha-10)
}

.quick-add-modal__content.modal-content .quick-add-modal__header {
    padding-right: 62px;
    padding-right: calc(var(--modal-drawer-close-icon-size) + (var(--spacing-3) * 2))
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__header {
        padding-right: 54px;
        padding-right: calc(var(--modal-drawer-close-icon-size) + (var(--spacing-2) * 2))
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__title {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__filters {
        background-color: var(--color-background-meta)
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filters-heading {
    position: relative;
    display: flex;
    justify-content: space-between
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filters-heading .icon-chevron-small {
    display: none;
    width: 10px;
    height: 10px;
    margin-left: 8px;
    margin-left: var(--spacing-2);
    margin-top: 3px;
    transition: transform .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing)
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filters-heading .icon-chevron-small {
        display: block
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filters-heading[data-filter-expand=true] .icon-chevron-small {
    transform: rotateX(180deg)
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filters-heading.filters-active .quick-add-modal__filters-heading-text:after {
        content: "";
        position: absolute;
        margin-left: 2px;
        height: 6px;
        width: 6px;
        background-color: var(--color-text);
        border-radius: 40px;
        border-radius: var(--spacing-10)
    }
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filters-heading[data-filter-expand=false]+.quick-add-modal__filters-wrapper {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        visibility: hidden
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filters-wrapper {
    display: flex;
    gap: 20px;
    gap: var(--spacing-5);
    overflow: hidden;
    margin-top: 12px;
    margin-top: var(--spacing-3);
    max-height: 100vh;
    transition: max-height .3s cubic-bezier(.33, 0, 0, 1), opacity .3s cubic-bezier(.33, 0, 0, 1);
    transition: max-height var(--duration-fast) var(--easing), opacity var(--duration-fast) var(--easing)
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filters-wrapper {
        flex-direction: column
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option {
    min-width: 20%
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option:not(:last-of-type) {
    padding-right: 20px;
    padding-right: var(--spacing-5);
    border-right: 1px solid var(--color-text-popups-drawers-alpha-10)
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option:not(:last-of-type) {
        border-right: none;
        padding-right: 0
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option-name {
    margin-bottom: 4px;
    margin-bottom: var(--spacing-1)
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option-values {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    gap: var(--spacing-2)
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option-values.active label:not(.active) {
    display: none
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option-values:not(.active) .quick-add-modal__filter-option-reset {
    display: none
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option-values {
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option-values::-webkit-scrollbar {
        display: none
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option-reset {
    display: flex;
    gap: 8px;
    gap: var(--spacing-2);
    align-items: center;
    padding: 4px 12px;
    padding: var(--spacing-1) var(--spacing-3);
    line-height: var(--line-height-body);
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option-reset .link-hover {
    position: relative;
    pointer-events: none
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option-reset .link-hover:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    top: calc(100% + var(--spacing-2) - 2px);
    width: 100%;
    height: 2px;
    background: currentColor;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform .3s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-fast) var(--easing)
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option-reset:hover .link-hover:before,
.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option-reset[aria-expanded=true] .link-hover:before {
    transform-origin: 0% 50%;
    transform: scaleZ(1)
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-option-reset .icon {
    height: 15px;
    width: 14px
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-value-content {
    position: relative
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-value-content input:checked+.quick-add-modal__filter-value-content-inner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid var(--color-text);
    border-radius: 40px;
    border-radius: var(--spacing-10)
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-value-content .quick-add-modal__filter-value-content-inner {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 8px;
    gap: var(--spacing-2);
    padding: 4px 12px;
    padding: var(--spacing-1) var(--spacing-3);
    background-color: var(--color-background-meta);
    border-radius: 40px;
    border-radius: var(--spacing-10);
    cursor: pointer
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-value-content .quick-add-modal__filter-value-content-inner {
        background-color: var(--color-background-darker-meta);
        padding: 8px 16px;
        padding: var(--spacing-2) var(--spacing-4)
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__filters .quick-add-modal__filter-value-content .quick-add-modal__filter-swatch {
    --swatch-size: 16px;
    border: none;
    box-shadow: none
}

.quick-add-modal__content.modal-content .quick-add-modal__variants {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.quick-add-modal__content.modal-content .quick-add-modal__variants>* {
    display: flex;
    width: 100%;
    flex-grow: 1;
    align-items: center
}

.quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-header {
    padding: 12px 16px;
    padding: var(--spacing-3) var(--spacing-4);
    background-color: var(--color-background-meta)
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-header {
        display: none
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-header .quick-add-modal__variant-row-column-add-to-cart {
    justify-content: center
}

.quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant {
    position: relative;
    padding: 8px 16px;
    padding: var(--spacing-2) var(--spacing-4)
}

.quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant[disabled]>* {
    opacity: .4
}

.quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant[disabled] .product-item__quick-add-button {
    border: none
}

.quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-image {
    width: 32px;
    margin-right: 44px;
    margin-right: var(--spacing-11);
    flex-shrink: 0
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-image {
        margin-right: 12px;
        margin-right: var(--spacing-3)
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-options {
    display: grid;
    grid-template-columns: repeat(calc(var(--option-count) + 1), 1fr);
    width: 100%
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-options {
        grid-template-columns: 1fr;
        padding-right: 48px;
        padding-right: var(--spacing-12)
    }
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-option {
        display: none
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-options-mobile {
    display: none
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-options-mobile {
        display: block
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-row-column-add-to-cart {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    margin-left: auto;
    width: 194px
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-row-column-add-to-cart {
        width: 100px
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-row-column-add-to-cart .product-item__quick-add-wrapper {
    position: relative;
    border: none;
    width: 100%;
    height: 36px;
    align-items: center
}

.quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-row-column-add-to-cart .product-item__quick-add-wrapper .product-item__quick-add-button {
    position: absolute;
    height: 100%;
    min-height: 0;
    background-color: var(--color-background);
    border-color: var(--color-border-input)
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__variants .quick-add-modal__variant-row-column-add-to-cart .product-item__quick-add-wrapper .product-item__quick-add-button {
        display: none
    }
}

.quick-add-modal__content.modal-content .quick-add-modal__variants .product-item__quick-add-qty {
    flex-grow: 1
}

.quick-add-modal__content.modal-content .quick-add-modal__variant-sold-out {
    width: 100%;
    text-align: center
}

@media (max-width: 719px) {
    .quick-add-modal__content.modal-content .quick-add-modal__variant-sold-out {
        text-align: right
    }
}

.quick-add-modal__variant[data-quantity-in-cart="0"] .quantity-widget.quick-add-modal__variant-quantity-widget-desktop {
    display: none
}

.quick-add-modal__variant:not([data-quantity-in-cart="0"]) .product-item__quick-add-button {
    display: none
}

@media (max-width: 719px) {
    .quantity-input .quantity-widget.quick-add-modal__variant-quantity-widget-desktop {
        display: none
    }
}

@media (min-width: 720px) {
    .quantity-input .quantity-widget.quick-add-modal__variant-quantity-widget-mobile {
        display: none
    }
}

.quick-add-modal__footer {
    position: sticky;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    width: 100%;
    height: 64px;
    opacity: 1;
    background: linear-gradient(180deg, transparent, var(--color-background));
    transition: opacity .3s cubic-bezier(.33, 0, 0, 1), height 1.2s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-fast) var(--easing), height var(--duration-slow) var(--easing)
}

.quick-add-modal__footer.visually-hidden {
    height: 0px
}

.quick-add-modal__footer:not(.active) {
    opacity: 0;
    height: 0px
}

.quick-add-modal__footer:not(.active) .quick-add-modal__footer-caption {
    display: none
}

.quick-add-modal__footer .quick-add-modal__footer-caption {
    padding: 4px 12px;
    padding: var(--spacing-1) var(--spacing-3);
    line-height: 1.5em;
    border-radius: 1em;
    background-color: var(--color-background-button-primary-hover);
    color: var(--color-background)
}

.quick-add-modal__footer .quick-add-modal__footer-caption-icon {
    height: 10px;
    width: 10px;
    transform: rotate(90deg)
}

button {
    border: 0;
    border-radius: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    font-family: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    background-color: transparent;
    font-size: inherit;
    text-transform: inherit;
    font-weight: inherit
}

.button-wrapper {
    display: flex;
    justify-content: var(--text-horizontal-position-mobile)
}

@media (min-width: 720px) {
    .button-wrapper {
        justify-content: var(--text-horizontal-position)
    }
}

.button-wrapper[data-alignment=left] {
    justify-content: flex-start
}

.button-wrapper[data-alignment=center] {
    justify-content: center
}

.button-wrapper[data-alignment=right] {
    justify-content: flex-end
}

.button__icon {
    margin-right: 6px;
    height: 20px;
    width: 20px
}

.btn,
.spr-summary-actions-newreview {
    --button-padding-x-small: var(--spacing-2) var(--spacing-3);
    --button-padding-small: var(--spacing-2) var(--spacing-5);
    --button-padding: var(--spacing-3) var(--spacing-7);
    display: inline-flex;
    padding: 12px 28px;
    padding: var(--button-padding);
    align-items: center;
    justify-content: space-around;
    font-size: var(--font-size-button);
    text-transform: uppercase;
    cursor: pointer;
    word-break: break-word
}

.btn:disabled,
.spr-summary-actions-newreview:disabled {
    pointer-events: none
}

.btn.btn--text-link,
.spr-summary-actions-newreview.btn--text-link {
    padding: 0;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px;
    text-transform: none;
    transition: opacity .2s ease-in-out;
    min-height: 0;
    min-height: initial
}

.btn.btn--text-link:hover,
.spr-summary-actions-newreview.btn--text-link:hover {
    opacity: .7
}

.btn.btn--full,
.spr-summary-actions-newreview.btn--full {
    width: 100%
}

.btn.btn--primary,
.btn.btn--secondary,
.btn.btn--tertiary,
.btn.btn--solid,
.btn.btn--outline,
.spr-button-primary,
.spr-summary-actions-newreview,
.shopify-challenge__button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-button);
    font-weight: var(--font-weight-button);
    text-transform: none;
    text-transform: var(--font-button-text-transform, none);
    line-height: var(--line-height-button);
    letter-spacing: var(--font-button-letter-spacing)
}

.btn.btn--x-small {
    padding: var(--button-padding-x-small);
    font-size: var(--font-size-button-x-small)
}

.btn.btn--small {
    padding: var(--button-padding-small);
    font-size: var(--font-size-button-small)
}

.btn.btn--small.btn--full {
    padding: 8px;
    padding: var(--spacing-2) var(--spacing-2)
}

@media (min-width: 960px) {
    .btn.btn--small-above-960 {
        padding: var(--button-padding-small);
        font-size: var(--font-size-button-small)
    }
}

.btn[disabled],
.btn.disabled {
    opacity: .4;
    cursor: not-allowed
}

.btn.btn--rounded {
    border-radius: 100%
}

.btn.btn--primary,
.shopify-challenge__button,
.spr-button-primary {
    --color-btn-text: var(--color-button-primary-text);
    --color-btn-bg: var(--color-button-primary-background);
    --color-btn-bg-hover: var(--color-button-primary-background-hover);
    transition: color .2s ease, background-color .2s ease
}

.btn.btn--secondary {
    --color-btn-text: var(--color-button-secondary-text);
    --color-btn-bg: var(--color-button-secondary-background);
    --color-btn-bg-hover: var(--color-button-secondary-background-hover);
    transition: color .2s ease, background-color .2s ease
}

.btn.btn--tertiary {
    --color-btn-text: var(--color-button-tertiary-text);
    --color-btn-bg: var(--color-button-tertiary-background)
}

.btn.btn--solid {
    --color-btn-text: var(--color-background);
    --color-btn-bg: var(--color-text);
    --color-btn-bg-hover: var(--color-text-alpha-60);
    transition: background-color .2s ease
}

.btn.btn--outline {
    --color-btn-text: var(--color-text);
    --color-btn-bg-hover: var(--color-text-alpha-05)
}

.btn.btn--primary,
.shopify-challenge__button,
.btn.btn--secondary,
.spr-button-primary,
.btn.btn--solid {
    position: relative;
    overflow: hidden;
    background: var(--color-btn-bg);
    color: var(--color-btn-text);
    z-index: 1
}

.btn.btn--primary:hover:not([disabled]),
.user-is-tabbing .btn.btn--primary:focus:not([disabled]),
.shopify-challenge__button:hover:not([disabled]),
.user-is-tabbing .shopify-challenge__button:focus:not([disabled]),
.btn.btn--secondary:hover:not([disabled]),
.user-is-tabbing .btn.btn--secondary:focus:not([disabled]),
.spr-button-primary:hover:not([disabled]),
.user-is-tabbing .spr-button-primary:focus:not([disabled]),
.btn.btn--solid:hover:not([disabled]),
.user-is-tabbing .btn.btn--solid:focus:not([disabled]) {
    background-color: var(--color-btn-bg-hover)
}

.btn.btn--primary .btn__loading-bar,
.shopify-challenge__button .btn__loading-bar,
.btn.btn--secondary .btn__loading-bar,
.spr-button-primary .btn__loading-bar,
.btn.btn--solid .btn__loading-bar {
    background-color: var(--color-background)
}

.btn.btn--outline {
    background-color: transparent;
    color: var(--color-btn-text);
    box-shadow: 0 0 0 1px inset var(--color-btn-text);
    transition: background-color .2s ease
}

.btn.btn--outline:hover:not([disabled]),
.user-is-tabbing .btn.btn--outline:focus:not([disabled]) {
    background-color: var(--color-btn-bg-hover)
}

.btn.btn--tertiary,
.spr-summary-actions-newreview {
    background: var(--color-btn-bg);
    color: var(--color-btn-text);
    box-shadow: 0 0 0 1px inset var(--color-border-button-tertiary);
    transition: box-shadow .2s ease
}

.btn.btn--tertiary:hover:not([disabled]),
.user-is-tabbing .btn.btn--tertiary:focus:not([disabled]),
.spr-summary-actions-newreview:hover:not([disabled]),
.user-is-tabbing .spr-summary-actions-newreview:focus:not([disabled]) {
    box-shadow: 0 0 0 1px inset var(--color-border-button-tertiary-hover)
}

.btn.btn--tertiary[disabled],
.spr-summary-actions-newreview[disabled] {
    --color-btn-text: var(--color-button-tertiary-text-disabled);
    box-shadow: 0 0 0 1px inset var(--color-border-button-tertiary-disabled)
}

.btn.btn--tertiary .btn__loading-bar,
.spr-summary-actions-newreview .btn__loading-bar {
    background-color: var(--color-text)
}

.btn.btn--text {
    position: relative;
    align-self: center;
    padding: 0;
    font-family: var(--font-body);
    font-weight: var(--font-weight-text-button);
    font-size: var(--font-size-body-100);
    color: var(--color-text);
    text-transform: none
}

.btn.btn--text.btn--small,
.btn.btn--text.btn--x-small {
    font-size: var(--font-size-body-75)
}

.btn.btn--text:before,
.btn.btn--text:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -.1em;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transition: transform .3s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-fast) var(--easing)
}

.btn.btn--text:before {
    transform-origin: 100% 50%;
    transform: scaleZ(1);
    transition-delay: .1s;
    transition-delay: var(--duration-ultra-fast)
}

.btn.btn--text:after {
    transform-origin: 0% 50%;
    transform: scale3d(0, 1, 1);
    transition-delay: 0s
}

.btn.btn--text:hover,
.user-is-tabbing .btn.btn--text:focus {
    color: var(--color-text)
}

.btn.btn--text:hover:before,
.user-is-tabbing .btn.btn--text:focus:before {
    transform: scale3d(0, 1, 1);
    transition-delay: 0s
}

.btn.btn--text:hover:after,
.user-is-tabbing .btn.btn--text:focus:after {
    transform: scaleZ(1);
    transition-delay: .1s;
    transition-delay: var(--duration-ultra-fast)
}

.btn.loading {
    position: relative
}

.btn.loading span {
    opacity: 0
}

.btn.loading .btn__loading-bar {
    margin: 0
}

.btn.loading .btn__loading-wrap {
    margin: 0;
    display: block
}

.btn__loading-wrap {
    display: none;
    width: 100%;
    max-width: 50px;
    height: 2px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.btn__loading-bar {
    width: 100%;
    height: 2px;
    border-radius: 2px;
    animation: loaderLine 1.4s ease-in-out infinite
}

@keyframes loaderLine {
    0% {
        transform: translate(-150%)
    }

    45% {
        transform: translate(0)
    }

    55% {
        transform: translate(0)
    }

    to {
        transform: translate(150%)
    }
}

button.btn.video-pause {
    visibility: hidden;
    position: absolute;
    top: 12px;
    top: var(--spacing-3);
    right: 12px;
    right: var(--spacing-3);
    z-index: 10
}

button.btn.video-pause.video-pause--left {
    right: auto;
    right: initial;
    left: 12px;
    left: var(--spacing-3)
}

.user-is-tabbing button.btn.video-pause {
    visibility: visible
}

@media (prefers-reduced-motion) {
    button.btn.video-pause {
        visibility: visible
    }
}

button.btn.video-pause-floating {
    --button-width: 40px;
    --button-radius: calc(var(--button-width) / 2);
    position: absolute;
    padding: 0;
    z-index: 10;
    bottom: 16px;
    bottom: var(--spacing-4);
    right: 16px;
    right: var(--spacing-4);
    width: 40px;
    width: var(--button-width);
    height: 40px;
    height: var(--button-width);
    border-radius: 20px;
    border-radius: var(--button-radius);
    border: 1px solid var(--color-text-alpha-25);
    color: var(--color-text-alpha-90);
    background-color: var(--color-text-alpha-05);
    transition: color .1s cubic-bezier(.33, 0, 0, 1), background-color .1s cubic-bezier(.33, 0, 0, 1);
    transition: color var(--duration-ultra-fast) var(--easing), background-color var(--duration-ultra-fast) var(--easing)
}

[data-text-position=flex-end_flex-end] button.btn.video-pause-floating {
    right: auto;
    right: initial;
    left: 16px;
    left: var(--spacing-4)
}

button.btn.video-pause-floating:hover {
    color: var(--color-background);
    background-color: var(--color-text)
}

button.btn.video-pause-floating .icon {
    width: 14px;
    height: 14px
}

button.btn.video-pause-floating[data-is-playing=true] .icon-play-arrow,
button.btn.video-pause-floating[data-is-playing=false] .icon-pause {
    display: none
}

.video-play-button.btn {
    position: relative;
    display: flex;
    align-items: center
}

.video-play-button.btn .icon {
    border-radius: 50%;
    box-shadow: 0 1px 1px #0000001a, 0 1px 4px #00000026;
    box-shadow: var(--box-shadow-short)
}

.video-play-button.btn[data-icon-style=dark] .icon {
    color: var(--color-black)
}

.video-play-button.btn[data-icon-style=dark] .icon circle {
    fill: var(--color-black);
    fill-opacity: 1
}

.video-play-button.btn[data-icon-style=dark] .icon path {
    fill: var(--color-white)
}

.video-play-button.btn[data-icon-style=light] .icon {
    color: var(--color-white)
}

.video-play-button.btn[data-icon-style=light] .icon circle {
    fill: var(--color-white);
    fill-opacity: 1
}

.video-play-button.btn[data-icon-style=light] .icon path {
    fill: var(--color-black)
}

.video-play-button.btn[data-button-design=icon] {
    background-color: transparent;
    padding: 0;
    transform: scale(1);
    transition: transform .2s ease
}

.video-play-button.btn[data-button-design=icon][data-button-size=large] .icon {
    width: 56px;
    height: 56px
}

.video-play-button.btn[data-button-design=icon][data-button-size=small] .icon {
    width: 40px;
    height: 40px
}

.video-play-button.btn[data-button-design=icon]:hover {
    background-color: transparent;
    transform: scale(1.1)
}

.video-play-button.btn[data-button-design=button][data-button-size=small] {
    padding: 8px 16px 8px 12px;
    padding: var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-3)
}

.video-play-button.btn[data-button-design=button][data-button-size=small] .icon {
    width: 26px;
    height: 26px
}

.video-play-button.btn[data-button-design=button][data-button-size=small] .video-play-button__label {
    margin-left: 8px;
    margin-left: var(--spacing-2)
}

.video-play-button.btn[data-button-design=button][data-button-size=large] {
    padding: 12px 20px 12px 16px;
    padding: var(--spacing-3) var(--spacing-5) var(--spacing-3) var(--spacing-4)
}

.video-play-button.btn[data-button-design=button][data-button-size=large] .icon {
    width: 32px;
    height: 32px
}

.video-play-button.btn[data-button-design=button][data-button-size=large] .video-play-button__label {
    margin-left: 12px;
    margin-left: var(--spacing-3)
}

.video-play-button.btn[disabled] {
    opacity: .6;
    cursor: not-allowed
}

.collection-view-all-floating-button.btn {
    --button-width: 40px;
    width: 40px;
    width: var(--button-width);
    height: 40px;
    height: var(--button-width);
    padding: 0;
    margin-top: 16px;
    margin-top: var(--spacing-4);
    border-radius: 50%;
    border: 1px solid var(--color-text-alpha-25);
    color: var(--color-text-alpha-90);
    background-color: var(--color-text-alpha-05);
    transition: color .1s cubic-bezier(.33, 0, 0, 1), background-color .1s cubic-bezier(.33, 0, 0, 1);
    transition: color var(--duration-ultra-fast) var(--easing), background-color var(--duration-ultra-fast) var(--easing);
    z-index: 10
}

.collection-view-all-floating-button.btn .icon {
    transform: rotate(-90deg);
    width: 14px;
    height: 14px
}

.collection-view-all-floating-button.btn[data-text-position=flex-start_flex-start] {
    position: absolute;
    bottom: 16px;
    bottom: var(--spacing-4);
    left: 16px;
    left: var(--spacing-4);
    margin-top: 0
}

@media (min-width: 720px) {
    .collection-view-all-floating-button.btn[data-text-position=flex-start_flex-start] {
        bottom: 24px;
        bottom: var(--spacing-6);
        left: 24px;
        left: var(--spacing-6)
    }
}

.collection-view-all-tile-wrapper {
    min-height: 225px
}

.collection-view-all-tile {
    position: relative;
    height: 100%;
    background-color: var(--color-background);
    box-shadow: 0 0 0 1px var(--color-background);
    z-index: 1
}

.collection-view-all-tile[data-color-scheme=default],
.collection-view-all-tile[data-color-scheme=soft] {
    box-shadow: 0 0 0 1px var(--color-border)
}

.collection-view-all-tile[data-has-image=true] {
    height: calc(100% + 2px);
    margin: -1px;
    box-shadow: none
}

.collection-view-all-tile:hover .collection-view-all-floating-button.btn {
    color: var(--color-background);
    background-color: var(--color-text)
}

.collection-view-all-tile__overlay-content {
    padding: max(16px, min(10%, 28px));
    padding: max(var(--spacing-4), min(10%, var(--spacing-7)))
}

.collection-view-all-tile__overlay-content .section-blocks .section-blocks__accent {
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.collection-view-all-tile__media-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.section-header {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-5)
}

@media (min-width: 480px) {
    .section-header {
        margin-bottom: 24px;
        margin-bottom: var(--spacing-6)
    }
}

@media (min-width: 720px) {
    .section-header {
        margin-bottom: 32px;
        margin-bottom: var(--spacing-8)
    }

    .section-header .section-header__tabs:last-child {
        margin-bottom: -4px;
        margin-bottom: calc(var(--spacing-unit) * -1)
    }
}

.section-header[data-alignment=center] {
    align-items: center
}

.section-header[data-alignment=center] .section-header__preheading,
.section-header[data-alignment=center] .section-header__heading,
.section-header[data-alignment=center] .section-header__subheading,
.section-header[data-alignment=center] .section-header-footer__button {
    text-align: center
}

.section-header>* {
    max-width: var(--maximum-content-width)
}

.section-header>*:first-child {
    margin-top: 0
}

.section-header>*:last-child {
    margin-bottom: 0
}

.section-header .section-header__preheading+.section-header__heading {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

@media (min-width: 1024px) {
    .section-header .section-header__preheading+.section-header__heading {
        margin-top: 8px;
        margin-top: var(--spacing-2)
    }
}

.section-header .section-header__heading+.section-header__subheading {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.section-header .section-header__heading+.section-header-footer__button {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

@media (min-width: 720px) {
    .section-header .section-header__heading+.section-header-footer__button {
        margin-top: 16px;
        margin-top: var(--spacing-4)
    }
}

.section-header .section-header__subheading+.section-header-footer__button {
    margin-top: 20px;
    margin-top: var(--spacing-5)
}

@media (min-width: 720px) {
    .section-header .section-header__subheading+.section-header-footer__button {
        margin-top: 24px;
        margin-top: var(--spacing-6)
    }
}

.section-header .scroll-slider-page-dots {
    position: absolute;
    padding: 0;
    right: 0;
    bottom: 0
}

.form-status {
    margin: 0 auto;
    text-align: center;
    text-align: var(--success-alignment, center)
}

.form-status__message {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 28px;
    margin-bottom: var(--spacing-7);
    padding: 8px 12px;
    padding: var(--spacing-2) var(--spacing-3);
    border: solid 1px var(--color-border)
}

.form-status__message ul {
    margin-left: 1em
}

.form-status__message.form-status__message--error:after,
.form-status__message.form-status__message--success:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .1;
    pointer-events: none
}

.form-status__message.form-status__message--error {
    color: var(--color-text-error);
    border-color: var(--color-text-error)
}

.form-status__message.form-status__message--error:after {
    background-color: var(--color-text-error)
}

.form-status__message.form-status__message--success {
    display: inline-block;
    color: var(--color-text-success);
    border-color: var(--color-text-success)
}

.form-status__message.form-status__message--success:after {
    background-color: var(--color-text-success)
}

.form-status__message ul {
    margin: 0;
    padding-left: 20px;
    padding-left: var(--spacing-5)
}

.form-status__message li {
    text-align: left
}

.form-status__message li+li {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.form-status__message a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px;
    transition: opacity .25s
}

.form-status__message a:hover {
    opacity: .6
}

.filter-topbar {
    --mobile-button-height: 40px;
    --desktop-button-height: 40px;
    --heading-height: 56px;
    position: relative
}

.filter-topbar__hidden-filters {
    display: none
}

.filter-topbar__inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--topbar-gap-mobile);
    align-self: stretch
}

@media (min-width: 720px) {
    .filter-topbar__inner {
        justify-content: flex-start;
        gap: 16px;
        gap: var(--spacing-4)
    }
}

.filter-topbar__sidebar-toggle-wrapper {
    display: none
}

@media (min-width: 720px) {
    .filter-topbar__sidebar-toggle-wrapper {
        display: flex;
        align-items: center
    }
}

.filter-topbar__results-count-wrapper {
    order: var(--results-order);
    width: var(--results-width)
}

@media (min-width: 720px) {
    .filter-topbar__results-count-wrapper {
        display: none
    }
}

.filter-topbar__results-count {
    font-size: var(--font-size-body-75);
    opacity: .7
}

@media (min-width: 1024px) {
    .filter-topbar__sidebar-toggle+.filter-topbar__results-count {
        margin-left: 16px;
        margin-left: var(--spacing-4)
    }
}

@media (min-width: 1024px) {
    .filter-topbar__results-count {
        font-size: var(--font-size-body-100)
    }
}

.filter-topbar__drawer-toggle.btn,
.filter-topbar__sidebar-toggle.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--mobile-button-height);
    padding: 4px;
    padding: var(--spacing-1);
    text-transform: none;
    font-weight: inherit
}

.filter-topbar__drawer-toggle.btn .icon,
.filter-topbar__sidebar-toggle.btn .icon {
    width: 24px;
    height: auto;
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

.filter-topbar__drawer-toggle.btn,
.filter-topbar__sidebar-toggle.btn,
.filter-topbar__sort-toggle.btn {
    font-family: var(--font-body);
    font-size: var(--font-size-body-100);
    font-weight: var(--font-body-weight);
    letter-spacing: normal
}

.filter-topbar__sidebar-toggle.btn {
    min-height: var(--desktop-button-height);
    padding: 8px 28px;
    padding: var(--spacing-2) var(--spacing-7)
}

@media (max-width: 1023px) {
    .filter-topbar__sidebar-toggle.btn {
        display: none
    }
}

.filter-topbar__sidebar-toggle.btn[aria-expanded=true] .toggle-text__title--show {
    display: none
}

.filter-topbar__sidebar-toggle.btn[aria-expanded=true] .toggle-text__title--hide,
.filter-topbar__sidebar-toggle.btn[aria-expanded=false] .toggle-text__title--show {
    display: inline
}

.filter-topbar__sidebar-toggle.btn[aria-expanded=false] .toggle-text__title--hide {
    display: none
}

.filter-topbar__sidebar-toggle-text {
    display: flex;
    align-items: center;
    gap: 4px;
    gap: var(--spacing-1)
}

.filter-topbar__sidebar-toggle-text .toggle-text__count {
    display: none
}

.filter-topbar__sidebar-toggle-text .toggle-text__count[data-has-active-filters=true] {
    display: inline
}

.filter-topbar__drawer-toggle.btn {
    order: 0;
    flex: 6 0 auto;
    max-width: 300px
}

@media (min-width: 720px) and (max-width: 1023px) {
    .filter-topbar__drawer-toggle.btn {
        order: -1;
        padding: 8px 28px;
        padding: var(--spacing-2) var(--spacing-7);
        max-width: -moz-max-content;
        max-width: max-content
    }
}

@media (min-width: 1024px) {
    .filter-topbar__drawer-toggle.btn {
        display: none
    }
}

[data-active-items="1"] .filter-topbar__drawer-toggle.btn {
    max-width: none;
    max-width: initial
}

.filter-topbar__drawer-toggle.btn .filter-topbar__drawer-toggle-text {
    display: flex;
    align-items: baseline;
    gap: 4px;
    gap: var(--spacing-1)
}

.filter-topbar__drawer-toggle.btn .filter-topbar__drawer-toggle-text__count {
    display: none
}

.filter-topbar__drawer-toggle.btn .filter-topbar__drawer-toggle-text__count[data-has-active-filters=true] {
    display: inline
}

.filter-topbar__spacer {
    display: none;
    flex-grow: 1
}

@media (min-width: 720px) {
    .filter-topbar__spacer {
        display: block
    }
}

.filter-topbar__active-filters {
    display: flex;
    flex: 1 0 100%;
    align-items: center;
    order: 4;
    width: calc(100% + 32px);
    width: calc(100% + (var(--space-outer) * 2));
    margin: 0 -16px;
    margin: 0 calc(var(--space-outer) * -1);
    overflow: hidden
}

@media (min-width: 1024px) {
    .filter-topbar__active-filters {
        display: none
    }
}

.filter-topbar__active-filters .active-filters-inner {
    margin: 8px 0;
    margin: var(--spacing-2) 0
}

.filter-topbar__active-filters .active-filters-inner:first-child {
    padding-left: 16px;
    padding-left: var(--space-outer)
}

.filter-topbar__active-filters .active-filters-inner:last-child {
    padding-right: 16px;
    padding-right: var(--space-outer)
}

.filter-bar__item-layout {
    display: flex;
    order: 2;
    min-height: var(--mobile-button-height)
}

@media (min-width: 720px) {
    .filter-bar__item-layout {
        order: initial;
        justify-self: flex-end;
        min-height: 0;
        min-height: initial;
        margin-left: 0
    }
}

.filter-bar__sort-group {
    position: relative;
    display: flex;
    flex: 1 0 auto;
    order: 1
}

.filter-bar__sort-group:empty {
    flex-grow: 0;
    flex-shrink: 1
}

@media (min-width: 720px) {
    .filter-bar__sort-group {
        flex-grow: 0;
        order: initial
    }
}

.filter-topbar__sort-toggle.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: var(--mobile-button-height);
    padding: 4px;
    padding: var(--spacing-1);
    text-transform: none;
    font-weight: inherit
}

@media (min-width: 720px) {
    .filter-topbar__sort-toggle.btn {
        min-height: var(--desktop-button-height);
        padding: 8px 0;
        padding: var(--spacing-2) 0;
        box-shadow: none
    }

    .filter-topbar__sort-toggle.btn:not([disabled]):hover,
    .filter-topbar__sort-toggle.btn:not([disabled]):focus {
        box-shadow: none
    }
}

.filter-topbar__sort-toggle.btn .icon {
    display: flex;
    transition: color .3s
}

.filter-topbar__sort-toggle.btn .icon-sort {
    width: 24px;
    height: auto;
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

@media (min-width: 720px) {
    .filter-topbar__sort-toggle.btn .icon-sort {
        display: none
    }
}

.filter-topbar__sort-toggle.btn .icon-chevron-small {
    width: 10px;
    height: 10px;
    margin-left: 8px;
    margin-left: var(--spacing-2);
    margin-top: 3px;
    transition: transform .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing)
}

@media (max-width: 719px) {
    .filter-topbar__sort-toggle.btn .icon-chevron-small {
        display: none
    }
}

.filter-topbar__sort-toggle.btn .icon-filter {
    margin-right: 12px
}

.filter-topbar__sort-toggle.btn[aria-expanded=true] .icon-chevron-small {
    transform: rotateX(180deg)
}

@media (max-width: 719px) {
    .filter-topbar__sort-label-desktop {
        display: none
    }
}

@media (min-width: 720px) {
    .filter-topbar__sort-label-mobile {
        display: none
    }
}

.filter-bar__sort-values {
    position: relative;
    pointer-events: none
}

.filter-bar__sort-values[aria-hidden=false] {
    pointer-events: all
}

@media (max-width: 719px) {
    .filter-bar__sort-values {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1300;
        z-index: var(--z-index-modal)
    }
}

.filter-bar__sort-values-inner {
    --color-background: var(--color-background-popups-drawers);
    --color-text: var(--color-text-popups-drawers);
    --color-text-alpha-80: var(--color-text-popups-drawers-alpha-80);
    --color-border: var(--color-border-popups-drawers);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 50vh;
    padding-bottom: env(safe-area-inset-bottom);
    background-color: var(--color-background-popups-drawers);
    background-color: var(--color-background);
    box-shadow: 0 1px 3px #00000026, 0 4px 8px 3px #0000000d;
    box-shadow: var(--box-shadow-modal);
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    transform: translateY(100%);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), visibility 0s .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing), visibility 0s var(--duration-normal) var(--easing);
    z-index: 2
}

.filter-bar__sort-values[aria-hidden=false] .filter-bar__sort-values-inner {
    visibility: visible;
    transform: translateY(0);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), visibility .3s;
    transition: transform var(--duration-normal) var(--easing), visibility var(--duration-fast)
}

@media (min-width: 720px) {
    .filter-bar__sort-values-inner {
        position: absolute;
        top: calc(100% + 2px);
        right: -8px;
        top: calc(100% + var(--spacing-unit-half));
        right: calc(var(--spacing-2) * -1);
        bottom: auto;
        left: auto;
        max-height: none;
        max-height: initial;
        min-width: max(calc(100% + 2px), 260px);
        max-width: 300px;
        background-color: transparent;
        margin-top: -8px;
        margin-top: calc(var(--spacing-2) * -1);
        padding: 8px;
        padding: var(--spacing-2);
        padding-top: 4px;
        padding-top: var(--spacing-1);
        box-shadow: none;
        opacity: 0;
        overflow-y: hidden;
        transform: none;
        transform: initial;
        transition: opacity 0s .5s, visibility 0s .5s;
        transition: opacity 0s var(--duration-normal), visibility 0s var(--duration-normal)
    }

    .filter-bar__sort-values[aria-hidden=false] .filter-bar__sort-values-inner {
        opacity: 1;
        transform: none;
        transform: initial;
        transition: opacity 0s 0s, visibility 0s 0s
    }

    .filter-bar__sort-values[aria-hidden=false] .filter-bar__sort-values-inner .filter-bar__sort-list {
        transform: translateY(0)
    }
}

.filter-bar__sort-values-wash {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-overlay);
    z-index: 1;
    opacity: 0;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing)
}

.filter-bar__sort-values[aria-hidden=false] .filter-bar__sort-values-wash {
    opacity: 1
}

@media (min-width: 720px) {
    .filter-bar__sort-values-wash {
        display: none
    }
}

.filter-bar__sort-values-header {
    position: sticky;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: var(--heading-height);
    margin-bottom: -1px;
    padding: 16px;
    padding: var(--spacing-4) var(--spacing-4);
    background-color: var(--color-background);
    border-bottom: 1px solid var(--color-border)
}

@media (min-width: 720px) {
    .filter-bar__sort-values-header {
        display: none
    }
}

.filter-bar__sort-title,
.filter-bar__sort-close {
    color: var(--color-text)
}

.filter-bar__sort-close {
    margin-right: -8px;
    margin-right: calc(var(--spacing-2) * -1)
}

.filter-bar__sort-list {
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 180px
}

@media (min-width: 720px) {
    .filter-bar__sort-list {
        max-height: 380px;
        overflow: auto;
        background-color: var(--color-background);
        padding: 12px;
        padding: var(--spacing-3);
        box-shadow: 0 1px 3px #00000026, 0 2px 6px 2px #0000000d;
        box-shadow: var(--box-shadow-disclosure);
        transform: translateY(calc((100% + 12px)*-1));
        transform: translateY(calc((100% + var(--spacing-3)) * -1));
        transition: transform .5s cubic-bezier(.33, 0, 0, 1);
        transition: transform var(--duration-normal) var(--easing)
    }
}

.filter-sidebar {
    --sidebar-width: 260px;
    display: none
}

@media (min-width: 1024px) {
    .filter-sidebar {
        flex: 0 0 var(--sidebar-width);
        width: var(--sidebar-width);
        padding-right: 28px;
        padding-right: var(--spacing-7);
        padding-bottom: 28px;
        padding-bottom: var(--spacing-7)
    }

    .filter-sidebar[aria-hidden=false] {
        display: block
    }
}

.collection[data-enable-sticky-container=true]:not(.has-sticky-scroll) .filter-sidebar [data-sticky-container] {
    position: sticky;
    top: 28px;
    top: var(--spacing-7)
}

html.sticky-header-active .collection[data-enable-sticky-container=true]:not(.has-sticky-scroll) .filter-sidebar [data-sticky-container] {
    top: calc(0 + 28px);
    top: calc(var(--header-desktop-sticky-height, 0) + var(--spacing-7))
}

html.sticky-header-active.nav-bar-hidden .collection[data-enable-sticky-container=true]:not(.has-sticky-scroll) .filter-sidebar [data-sticky-container] {
    top: calc(0 + 28px);
    top: calc(var(--header-desktop-sticky-height, 0) - var(--nav-bar-height, 0) + var(--spacing-7))
}

.collection[data-enable-sticky-container=true].has-sticky-scroll .filter-sidebar [data-sticky-container] {
    position: sticky;
    top: 0;
    top: var(--sticky-container-top, 0)
}

.filter-sidebar__hidden-sort {
    display: none
}

.filter-drawer {
    --color-text: var(--color-text-popups-drawers);
    --color-text-input: var(--color-text-input-popups-drawers);
    --color-background: var(--color-background-popups-drawers)
}

.filter-drawer.is-loading .filter-drawer__button-apply-text {
    display: none
}

.filter-drawer.is-loading .filter-drawer__button-apply-loading {
    display: block
}

.filter-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    color: var(--color-text);
    z-index: 1300;
    z-index: var(--z-index-modal)
}

@media (min-width: 1024px) {
    .filter-drawer {
        display: none
    }
}

.filter-drawer__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: calc(100% - 28px);
    width: calc(100% - var(--flyout-mobile-gap));
    max-width: 403px;
    max-width: var(--flyout-width);
    background-color: var(--color-background);
    box-shadow: none;
    visibility: hidden;
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), visibility 0s .5s;
    transition: transform var(--duration-normal) var(--easing), visibility 0s var(--duration-normal);
    z-index: 2
}

.filter-drawer[aria-hidden=false] .filter-drawer__inner {
    visibility: visible;
    transform: translate(-100%);
    box-shadow: 0 1px 3px #00000026, 0 4px 8px 3px #0000000d;
    box-shadow: var(--box-shadow-modal);
    transition: box-shadow .3s cubic-bezier(.33, 0, 0, 1), transform .5s cubic-bezier(.33, 0, 0, 1), visibility 0s 0s;
    transition: box-shadow var(--duration-fast) var(--easing), transform var(--duration-normal) var(--easing), visibility 0s 0s
}

.filter-drawer__hidden-sort {
    display: none
}

.filter-drawer__content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    height: 100%;
    background-color: var(--color-background-popups-drawers-alt)
}

.filter-drawer__wash {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: var(--color-overlay);
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1), visibility 0s .5s;
    transition: opacity var(--duration-normal) var(--easing), visibility 0s var(--duration-normal)
}

.filter-drawer[aria-hidden=false] .filter-drawer__wash {
    pointer-events: all;
    visibility: visible;
    opacity: 1;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1), visibility 0s 0s;
    transition: opacity var(--duration-normal) var(--easing), visibility 0s 0s
}

@media (min-width: 1024px) {
    .filter-drawer__wash {
        display: none
    }
}

.filter-drawer__header-form-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden
}

.filter-drawer__header {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    padding: var(--spacing-3) var(--spacing-4);
    background-color: var(--color-background);
    border-bottom: 1px solid var(--color-border-popups-drawers-alt)
}

.filter-drawer__close {
    margin-left: -8px;
    margin-left: calc(var(--spacing-2) * -1)
}

.filter-drawer__title {
    flex-grow: 1;
    text-align: center
}

.filter-drawer__clear-all {
    color: var(--color-links-popups-drawers);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: color .1s, opacity .1s cubic-bezier(.33, 0, 0, 1), visiblity 0s .1s;
    transition: color var(--duration-ultra-fast), opacity var(--duration-ultra-fast) var(--easing), visiblity 0s var(--duration-ultra-fast)
}

.filter-drawer[data-filters-active=true] .filter-drawer__clear-all {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: color .1s, opacity .1s cubic-bezier(.33, 0, 0, 1), visiblity 0s 0s;
    transition: color var(--duration-ultra-fast), opacity var(--duration-ultra-fast) var(--easing), visiblity 0s 0s
}

.filter-drawer__clear-all:hover {
    color: var(--color-text)
}

.filter-drawer__footer {
    padding: 16px;
    padding: var(--spacing-4);
    padding-bottom: max(env(safe-area-inset-bottom), 16px);
    padding-bottom: max(env(safe-area-inset-bottom), var(--spacing-4));
    background-color: var(--color-background);
    border-top: 1px solid var(--color-border-popups-drawers-alt)
}

.filter-drawer__button-apply {
    flex: 1 0 100%;
    width: 100%;
    white-space: nowrap
}

.filter-drawer__button-apply .filter-drawer__apply-count {
    margin-left: 4px;
    margin-left: var(--spacing-1)
}

.filter-drawer__button-apply-loading {
    display: none
}

.filter-item {
    --swatch-size: 24px;
    --boolean-height: 64px
}

[data-form-type=drawer] .filter-item {
    --color-text: var(--color-text-popups-drawers);
    --color-text-alpha-60: var(--color-text-popups-drawers-alpha-60);
    --color-text-alpha-80: var(--color-text-popups-drawers-alpha-60);
    --color-background: var(--color-background-popups-drawers);
    --color-border: var(--color-border-popups-drawers);
    --color-text-input-alpha-05: var(--color-text-input-popups-drawers-alpha-5);
    --color-border-input: var(--color-border-input-popups-drawers)
}

.filter-item[data-filter-item-type=boolean] {
    display: flex;
    align-items: center
}

@media (max-width: 1023px) {
    .filter-item[data-filter-item-type=boolean] {
        min-height: var(--group-height)
    }
}

.filter-item[data-filter-item-type=boolean] .filter-item__content {
    width: 100%
}

.filter-item {
    color: var(--color-text);
    list-style: none;
    margin: 0;
    padding: 0;
    transition: transform .1s;
    transition: transform var(--duration-ultra-fast)
}

.filter-item+.filter-item:not([data-filter-item-type=chip]) {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.filter-item[data-filter-item-type=chip] {
    display: flex
}

.filter-item[data-filter-item-type=chip] .filter-item__content {
    padding: 0
}

@media (max-width: 1023px) {
    .filter-item {
        margin-top: 0;
        margin-bottom: -1px;
        padding: 12px 16px;
        padding: var(--spacing-3) var(--spacing-4);
        border-top: 1px solid var(--color-border);
        border-bottom: 1px solid var(--color-border);
        background-color: var(--color-background)
    }

    .filter-item[data-filter-item-type=chip] {
        padding: 0;
        border: none
    }

    .filter-bar__sort-list .filter-item:last-of-type {
        margin-bottom: 0
    }

    .filter-item+.filter-item:not([data-filter-item-type=chip]) {
        margin-top: 0
    }

    .filter-bar__sort-list .filter-item+.filter-item:not([data-filter-item-type=chip]) {
        margin-top: 0
    }

    .filter-item:not([data-filter-item-type=chip]):first-child {
        border-top: 1px solid var(--color-border-popups-drawers-alt)
    }

    .filter-item:not([data-filter-item-type=chip]):last-child {
        border-bottom: 1px solid var(--color-border-popups-drawers-alt)
    }
}

.filter-bar__sort-list .filter-item:last-child {
    border-bottom: none
}

@media (min-width: 720px) and (max-width: 1023px) {
    .filter-bar__sort-list .filter-item {
        padding: 12px 0 0;
        padding-top: var(--spacing-3);
        border: none
    }

    .filter-bar__sort-list .filter-item:first-child {
        padding-top: 0;
        border: none
    }
}

.filter-bar__sort-list .filter-item .filter-item__label {
    color: var(--color-text-alpha-80)
}

.filter-bar__sort-list .filter-item .filter-item__radio:checked+.filter-item__content-inner .filter-item__label {
    color: var(--color-text)
}

[data-form-type=sidebar] .filter-form__group:not([data-filter-search-active=true]) .filter-item[data-filter-item-is-truncated=true],
.filter-form__group[data-filter-search-active=true] .filter-item[data-filter-item-search-match=false] {
    display: none
}

.filter-item__content {
    transition: background-color .3s
}

[data-filter-item-type=chip] .filter-item__content,
[data-filter-item-type=swatch] .filter-item__content {
    display: flex;
    width: 100%
}

.filter-item__content-inner {
    display: inline-flex;
    align-items: center;
    width: 100%;
    cursor: pointer
}

[data-filter-item-type=chip] .filter-item__content-inner {
    display: flex;
    align-items: stretch;
    width: 100%
}

.filter-item__toggle {
    --toggle-height: 26px;
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 26px;
    height: var(--toggle-height);
    background-color: transparent;
    border: 1px solid var(--color-border-input);
    border-radius: 26px;
    border-radius: var(--toggle-height);
    transition-property: background-color, border;
    transition-duration: .3s;
    transition-duration: var(--duration-fast);
    transition-timing-function: cubic-bezier(.33, 0, 0, 1);
    transition-timing-function: var(--easing)
}

.filter-item__toggle:before {
    --toggle-node-size: 18px;
    content: "";
    position: absolute;
    left: 3px;
    height: 18px;
    height: var(--toggle-node-size);
    width: 18px;
    width: var(--toggle-node-size);
    background-color: var(--color-text-alpha-60);
    border-radius: 100%;
    transition-property: background-color, transform;
    transition-duration: .3s;
    transition-duration: var(--duration-fast);
    transition-timing-function: cubic-bezier(.33, 0, 0, 1);
    transition-timing-function: var(--easing)
}

[data-form-type=drawer] .filter-item__toggle {
    order: 3;
    margin-left: auto
}

.filter-input__input {
    --filter-input-checkbox-size: 16px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    width: var(--filter-input-checkbox-size);
    height: 16px;
    height: var(--filter-input-checkbox-size);
    border: 1px solid var(--color-border-input);
    color: var(--color-background)
}

[data-form-type=drawer] .filter-input__input {
    order: 3;
    margin-left: auto
}

.filter-input__input .icon {
    display: flex;
    width: 10px;
    height: 10px;
    color: var(--color-background);
    opacity: 0;
    transition: opacity .3s
}

.filter-item__checkbox {
    color: var(--color-background)
}

.filter-item__checkbox:checked+.filter-item__content-inner .filter-item__toggle {
    background-color: var(--color-text);
    border: 1px solid var(--color-text)
}

.filter-item__checkbox:checked+.filter-item__content-inner .filter-item__toggle:before {
    transform: translate(22px);
    background-color: var(--color-background)
}

.filter-item__checkbox:checked+.filter-item__content-inner .filter-input__input {
    border-color: var(--color-text);
    background-color: var(--color-text)
}

.filter-item__checkbox:checked+.filter-item__content-inner .filter-input__input .icon {
    opacity: 1
}

.filter-item__checkbox:checked+.filter-item__content-inner .filter-item__chip {
    border-color: var(--color-text);
    box-shadow: 0 0 0 1px var(--color-text) inset
}

.filter-item__checkbox:checked+.filter-item__content-inner .filter-item__swatch-wrapper {
    box-shadow: 0 0 0 2px inset var(--color-text);
    transition: box-shadow .5s cubic-bezier(.33, 0, 0, 1);
    transition: box-shadow var(--duration-normal) var(--easing)
}

.filter-item__checkbox:checked+.filter-item__content-inner .filter-item__swatch {
    box-shadow: 0 0 0 1px inset var(--color-background);
    transform: scale(calc(5 / 6));
    transition: transform .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing)
}

.filter-item__checkbox:checked+.filter-item__content-inner .filter-item__swatch .icon {
    opacity: 1
}

.filter-item__checkbox:disabled+.filter-item__content-inner {
    --color-text: var(--color-text-alpha-40);
    color: var(--color-text-alpha-40);
    color: var(--color-text);
    cursor: not-allowed
}

.filter-item__checkbox:disabled+.filter-item__content-inner .filter-item__toggle {
    opacity: .4
}

.filter-item__checkbox:disabled+.filter-item__content-inner .filter-input__input {
    border-color: var(--color-text-input-alpha-10);
    background-color: var(--color-text-input-alpha-3)
}

.filter-item__checkbox:disabled+.filter-item__content-inner .filter-item__swatch {
    opacity: .6
}

.filter-item__checkbox:disabled+.filter-item__content-inner .filter-item__chip {
    border-color: transparent;
    background-color: var(--color-background-meta-alpha)
}

.filter-item__checkbox:disabled+.filter-item__content-inner .filter-item__chip .filter-item__cross {
    display: block
}

.user-is-tabbing .filter-item__checkbox:focus+.filter-item__content-inner {
    outline: 2px solid var(--color-text-link);
    outline-offset: 2px;
    outline-offset: var(--spacing-unit-half)
}

.filter-item__radio {
    border-radius: 100%;
    margin: 0;
    width: 24px;
    height: 24px;
    border: 1px solid var(--color-border)
}

.filter-item__radio+.filter-item__content-inner .filter-input__input {
    border-radius: 100%;
    margin: 0;
    border: 1px solid var(--color-border)
}

.filter-item__radio+.filter-item__content-inner .filter-input__input .indicator {
    --indicator-size: 7px;
    border-radius: 100%;
    width: 7px;
    width: var(--indicator-size);
    height: 7px;
    height: var(--indicator-size);
    background-color: var(--color-background);
    opacity: 0
}

.filter-item__radio:checked+.filter-item__content-inner .filter-input__input {
    background-color: var(--color-text);
    border-color: var(--color-text)
}

.filter-item__radio:checked+.filter-item__content-inner .filter-input__input .indicator {
    opacity: 1
}

.user-is-tabbing .filter-item__radio:focus+.filter-item__content-inner {
    outline: 2px solid var(--color-text-link);
    outline-offset: 2px;
    outline-offset: var(--spacing-unit-half)
}

.filter-item__count {
    padding-left: 4px;
    padding-left: var(--spacing-1);
    color: var(--color-text-alpha-60)
}

[data-form-type=drawer] .filter-item__count {
    padding-right: 4px;
    padding-right: var(--spacing-1)
}

.filter-item__label-wrapper {
    display: flex;
    align-items: baseline
}

.filter-item__label {
    display: flex;
    align-items: baseline;
    padding-left: 8px;
    padding-left: var(--spacing-2);
    word-break: break-all
}

[data-form-type=drawer] .filter-item__label {
    padding-left: 0
}

[data-form-type=drawer] [data-filter-item-type=boolean] .filter-item__label {
    font-weight: var(--font-body-bold-weight)
}

[data-form-type=drawer] [data-filter-item-type=boolean] .filter-item__label .filter-item__count {
    font-weight: 400
}

.filter-item__label span {
    margin-left: auto;
    color: var(--color-text)
}

.filter-item__chip {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 8px;
    padding: var(--spacing-2) var(--spacing-2);
    background-color: var(--color-background);
    border: 1px solid var(--color-border-input);
    box-shadow: 0 0 0 0 var(--color-border-input);
    text-align: center;
    line-break: loose;
    transition: border-color .1s, box-shadow .1s;
    transition: border-color var(--duration-ultra-fast), box-shadow var(--duration-ultra-fast)
}

.filter-item__chip .filter-item__label {
    display: block;
    padding-left: 0;
    line-height: normal
}

.filter-item__chip .filter-item__cross {
    display: none;
    position: absolute;
    top: 4px;
    top: var(--spacing-1);
    bottom: 4px;
    bottom: var(--spacing-1);
    max-width: 48px
}

.filter-item__swatch-wrapper {
    display: flex;
    width: var(--swatch-size);
    height: var(--swatch-size);
    transition: box-shadow 0s .5s;
    transition: box-shadow 0s var(--duration-normal)
}

.filter-item__swatch-wrapper[data-shape=round] {
    border-radius: 100%;
    overflow: hidden
}

.filter-item__swatch-wrapper[data-shape=round] .filter-item__swatch {
    border-radius: 100%
}

.filter-item__swatch-wrapper[data-shape=rectangle] {
    width: 39px
}

.filter-item__swatch-wrapper[data-shape=rectangle] .icon {
    width: 15px;
    height: 15px
}

[data-form-type=drawer] .filter-item__swatch-wrapper+.filter-item__label-wrapper {
    padding-left: 8px;
    padding-left: var(--spacing-2)
}

.filter-item__swatch {
    display: flex;
    align-self: center;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 1px inset var(--color-text-alpha-10);
    background-size: cover;
    background-position: center center;
    transform: scale(1);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), box-shadow .5s .1s;
    transition: transform var(--duration-normal) var(--easing), box-shadow var(--duration-normal) var(--duration-ultra-fast)
}

.filter-item__swatch .icon {
    display: flex;
    width: 18px;
    height: 18px;
    margin: auto;
    color: var(--color-background);
    opacity: 0;
    transition: opacity .3s
}

.filter-item__swatch .icon path {
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, .5))
}

.filter-form {
    --height-input: 42px;
    --group-height: 62px
}

.filter-form[data-form-type=drawer] {
    --color-text: var(--color-text-popups-drawers);
    --color-text-link: var(--color-links-popups-drawers);
    --color-text-input: var(--color-text-input-popups-drawers);
    --color-background: var(--color-background-popups-drawers);
    --color-border: var(--color-border-popups-drawers);
    --color-border-alt: var(--color-border-popups-drawers-alt);
    overflow: hidden
}

.filter-form__content {
    height: 100%;
    overflow-x: visible;
    overflow-y: auto
}

.filter-sidebar .filter-form__content {
    overflow: visible;
    overflow: initial
}

.filter-form__content>.filter-form__list-wrapper {
    margin-bottom: 28px;
    margin-bottom: var(--spacing-7)
}

[data-form-type=drawer] .filter-form__content>.filter-form__list-wrapper {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .filter-form__content>.filter-form__list-wrapper[data-is-boolean=true] {
        margin-bottom: 24px;
        margin-bottom: var(--spacing-6)
    }
}

.filter-form__hidden-sort {
    display: none
}

[data-form-type=drawer] .filter-form__group {
    border-top: 1px solid var(--color-border-alt);
    background-color: var(--color-background)
}

[data-form-type=drawer] .filter-form__group~.filter-form__group {
    border-top: 1px solid var(--color-border)
}

[data-form-type=drawer] .filter-form__group:last-child {
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4);
    border-bottom: 1px solid var(--color-border-alt)
}

.filter-form__group-toggle-wrapper {
    position: relative;
    display: flex;
    border-top: 1px solid var(--color-border-meta)
}

[data-form-type=drawer] .filter-form__group-toggle-wrapper {
    border-top: 0
}

.filter-form__group-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: var(--group-height);
    padding: 12px 0;
    padding: var(--spacing-3) 0;
    text-align: left
}

.filter-form__group-toggle:hover .icon {
    opacity: 1
}

.filter-form__group-toggle .icon {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    opacity: .6
}

.filter-form__group-toggle .icon svg {
    transition: transform .1s;
    transition: transform var(--duration-ultra-fast)
}

[data-form-type=drawer] .filter-form__group-toggle {
    padding: 4px 16px;
    padding: var(--spacing-1) var(--spacing-4)
}

[data-form-type=drawer] .filter-form__group-toggle .icon svg {
    transform: rotate(270deg)
}

.filter-form__group-toggle[aria-expanded=true] svg {
    transform: rotateX(180deg)
}

.filter-form__group-toggle[aria-expanded=false]+.filter-form__group-clear {
    visibility: hidden
}

.filter-form__group-toggle-inner {
    display: flex;
    flex-direction: column;
    gap: 2px;
    gap: var(--spacing-unit-half);
    flex-grow: 1;
    width: 50%;
    margin-right: 64px;
    margin-right: var(--spacing-16)
}

[data-form-type=drawer] .filter-form__group-toggle-inner {
    margin-right: 32px;
    margin-right: var(--spacing-8)
}

.filter-form__group-toggle-active-values {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: .7
}

.filter-form__group-clear {
    position: absolute;
    top: 50%;
    right: 32px;
    right: var(--spacing-8);
    transform: translateY(-50%);
    color: var(--color-text-alpha-60);
    border-bottom: solid 1px var(--color-text-alpha-60);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: color .1s, border-color .1s, opacity .1s cubic-bezier(.33, 0, 0, 1), visiblity 0s .1s;
    transition: color var(--duration-ultra-fast), border-color var(--duration-ultra-fast), opacity var(--duration-ultra-fast) var(--easing), visiblity 0s var(--duration-ultra-fast);
    pointer-events: all
}

.filter-form__group-clear[data-has-active-filters=true] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: color .1s, border-color .1s, opacity .1s cubic-bezier(.33, 0, 0, 1), visiblity 0s 0s;
    transition: color var(--duration-ultra-fast), border-color var(--duration-ultra-fast), opacity var(--duration-ultra-fast) var(--easing), visiblity 0s 0s
}

.filter-form__group-clear:hover {
    color: var(--color-text);
    border-color: var(--color-text)
}

.filter-form__group-filter-wrapper {
    display: none;
    padding: 4px 0 28px;
    padding: var(--spacing-1) 0 var(--spacing-7)
}

.filter-form__group-filter-wrapper[aria-hidden=false] {
    display: block;
    will-change: auto
}

[data-form-type=drawer] .filter-form__group-filter-wrapper {
    display: block;
    padding: 0;
    visibility: hidden;
    transition: visibility 0s .3s;
    transition: visibility 0s var(--duration-fast)
}

[data-form-type=drawer] .filter-form__group-filter-wrapper[aria-hidden=false] {
    visibility: visible;
    transition: visibility 0s 0s
}

.filter-form__group-panel {
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--color-background-meta);
    z-index: 2;
    transform: translate(0);
    transition: transform .3s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-fast) var(--easing);
    overflow-y: hidden
}

.filter-form__group-filter-wrapper[aria-hidden=false] .filter-form__group-panel {
    transform: translate(-100%)
}

[data-form-type=drawer] .filter-form__group-panel {
    background-color: var(--color-background-popups-drawers-alt)
}

.filter-form__group-panel-header {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    padding: var(--spacing-3) var(--spacing-4);
    background-color: var(--color-background);
    border-bottom: 1px solid var(--color-border-alt)
}

.filter-form__group-panel-toggle {
    margin-left: -8px;
    margin-left: calc(var(--spacing-2) * -1)
}

.filter-form__group-panel-toggle .icon {
    transform: rotate(180deg)
}

.filter-form__group-panel-title {
    flex-grow: 1;
    text-align: center
}

.filter-form__group-panel-clear {
    color: var(--color-text-alpha-60);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: color .1s, opacity .1s cubic-bezier(.33, 0, 0, 1), visiblity 0s .1s;
    transition: color var(--duration-ultra-fast), opacity var(--duration-ultra-fast) var(--easing), visiblity 0s var(--duration-ultra-fast)
}

[data-filter-group-has-active-filters=true] .filter-form__group-panel-clear {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: color .1s, opacity .1s cubic-bezier(.33, 0, 0, 1), visiblity 0s 0s;
    transition: color var(--duration-ultra-fast), opacity var(--duration-ultra-fast) var(--easing), visiblity 0s 0s
}

.filter-form__group-panel-clear:hover {
    color: var(--color-text)
}

[data-form-type=drawer] .filter-form__group-panel-clear {
    color: var(--color-links-popups-drawers)
}

[data-form-type=drawer] .filter-form__list-wrapper {
    overflow-y: auto
}

.filter-form__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.filter-form__list[data-has-chips=true] {
    display: flex;
    flex-wrap: wrap
}

.filter-form__list[data-has-chips=true][data-chip-layout="2col"] {
    display: grid;
    grid-gap: 12px;
    grid-gap: var(--spacing-3)
}

.filter-form__list[data-has-chips=true][data-chip-layout="2col"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
}

.filter-form__list[data-has-chips=true][data-chip-layout=natural] {
    gap: 12px;
    gap: var(--spacing-3)
}

[data-form-type=drawer] .filter-form__list {
    position: relative;
    background-color: var(--color-background);
    margin: 16px 0;
    margin: var(--spacing-4) 0
}

[data-form-type=drawer] .filter-form__list:before,
[data-form-type=drawer] .filter-form__list:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--color-border-alt)
}

[data-form-type=drawer] .filter-form__list:before {
    top: 0;
    margin-bottom: -1px
}

[data-form-type=drawer] .filter-form__list:after {
    bottom: 0;
    margin-top: -1px
}

[data-form-type=drawer] .filter-form__list[data-has-chips=true] {
    padding: 12px 16px;
    padding: var(--spacing-3) var(--spacing-4)
}

[data-filter-search-empty=true] .filter-form__list,
[data-filter-search-empty=true] .filter-form__list[data-has-chips=true],
[data-filter-search-empty=true] .filter-form__list[data-has-chips=true][data-chip-layout="2col"] {
    display: none
}

[data-form-type=drawer] .filter-form__price-range {
    margin-top: 16px;
    margin-top: var(--spacing-4);
    padding: 12px 16px;
    padding: var(--spacing-3) var(--spacing-4);
    border-top: 1px solid var(--color-border-alt);
    border-bottom: 1px solid var(--color-border-alt);
    background-color: var(--color-background)
}

.filter-form__price-range-title {
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

.filter-form__price-range-input-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 24px;
    margin-bottom: var(--spacing-6)
}

.filter-form__price-range-input-wrapper .input {
    text-align: right;
    min-width: 90px
}

[data-form-type=drawer] .filter-form__price-range-input-wrapper .filter-form__price-range-currency {
    color: var(--color-text-input-popups-drawers)
}

[data-form-type=drawer] .filter-form__price-range-input-wrapper .input {
    color: var(--color-text-input-popups-drawers);
    border-color: var(--color-border-input-popups-drawers);
    min-width: 130px
}

.filter-form__price-range-input {
    position: relative
}

.filter-form__price-range-separator {
    display: flex;
    align-items: center;
    margin-right: 16px;
    margin-right: var(--spacing-4);
    margin-left: 16px;
    margin-left: var(--spacing-4)
}

.filter-form__price-range-currency {
    position: absolute;
    top: 50%;
    left: 8px;
    left: var(--spacing-2);
    transform: translateY(-50%);
    color: var(--color-text-input);
    z-index: 1
}

.filter-form__truncate-toggle {
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

[data-filter-search-active=true] .filter-form__truncate-toggle {
    display: none
}

.filter-form__truncate-toggle-text {
    color: var(--color-text-link);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

.filter-form__group-search-wrapper {
    margin-bottom: 24px;
    margin-bottom: var(--spacing-6)
}

[data-form-type=drawer] .filter-form__group-search-wrapper {
    margin-top: -1px;
    margin-bottom: 0;
    padding: 0 16px 12px;
    padding: 0 var(--spacing-4) var(--spacing-3);
    border-bottom: 1px solid var(--color-border-alt);
    background-color: var(--color-background);
    z-index: 1
}

.filter-form__group-search-label {
    position: relative
}

.filter-form__group-search-icon,
.filter-form__group-search-clear {
    position: absolute;
    top: 50%;
    display: flex;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    pointer-events: none
}

.filter-form__group-search-icon .icon,
.filter-form__group-search-clear .icon {
    width: 100%;
    height: auto
}

.filter-form__group-search-icon {
    left: 12px;
    left: var(--spacing-3);
    color: var(--color-text-input);
    z-index: 1
}

[data-form-type=drawer] .filter-form__group-search-icon {
    color: var(--color-text-input-popups-drawers)
}

.filter-form__group-search-clear {
    right: 12px;
    right: var(--spacing-3);
    padding: 4px;
    padding: var(--spacing-1);
    background-color: var(--color-text-input-alpha-10);
    color: var(--color-text-input);
    border-radius: 100%;
    opacity: 0;
    transition: opacity .3s;
    transition: opacity var(--duration-fast)
}

[data-filter-search-active=true] .filter-form__group-search-clear {
    pointer-events: all;
    opacity: 1
}

[data-form-type=drawer] .filter-form__group-search-clear {
    background-color: var(--color-text-input-popups-drawers-alpha-10);
    color: var(--color-text-input-popups-drawers)
}

.filter-form__group-search.input {
    display: block;
    padding-left: 32px;
    padding-left: var(--spacing-8)
}

[data-form-type=drawer] .filter-form__group-search.input {
    color: var(--color-text-input-popups-drawers);
    border-color: var(--color-border-input-popups-drawers)
}

.filter-form__group-search-empty {
    display: none;
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

[data-filter-search-empty=true] .filter-form__group-search-empty {
    display: block
}

.mobile-filters {
    position: relative;
    padding: 8px 16px;
    padding: var(--spacing-2) var(--space-outer);
    display: none;
    z-index: 2
}

.mobile-filters.mobile-filters--sticky {
    position: sticky;
    top: 0
}

html.sticky-header-enabled .mobile-filters.mobile-filters--sticky {
    top: 0;
    top: var(--height-header, 0)
}

@media (max-width: 719px) {
    .mobile-filters.show {
        display: flex
    }
}

@media (max-width: 719px) {
    .mobile-filters.mobile-filters--has-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 13px;
        grid-column-gap: calc(var(--spacing-3) + 1px);
        -moz-column-gap: 13px;
        column-gap: 13px;
        -moz-column-gap: calc(var(--spacing-3) + 1px);
        column-gap: calc(var(--spacing-3) + 1px)
    }
}

.mobile-filters__group {
    flex: 1 0 calc(100% * 1 / 3)
}

.mobile-filters__group .mobile-filters__button-dropdown {
    justify-content: flex-start
}

.mobile-filters__button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 8px 16px;
    padding: var(--spacing-2) calc(var(--spacing-unit) * 4);
    border-radius: 0;
    border: 1px solid var(--color-text);
    background-color: var(--color-background);
    color: var(--color-text);
    transition: border-color .25s ease-in-out
}

.mobile-filters__button:hover,
.mobile-filters__button:active,
.mobile-filters__button.active {
    border-color: var(--color-text)
}

.mobile-filters__button .icon {
    display: flex;
    margin-right: 6px;
    color: currentColor;
    transition: color .3s ease-in-out
}

.mobile-filters__button:hover .icon {
    color: var(--color-text)
}

.mobile-filters__button.active {
    box-shadow: 0 0 0 1px var(--color-text)
}

.mobile-filters__button-count {
    margin-left: 8px;
    margin-left: var(--spacing-2);
    padding: 1px 4px;
    padding: 1px var(--spacing-1);
    background-color: var(--color-text);
    color: var(--color-background)
}

.loader {
    width: 20px;
    width: var(--loader-size, 20px);
    display: inline-block;
    pointer-events: none
}

.filter-drawer__button-apply-loading .loader {
    display: flex
}

.loader__spinner {
    animation: rotator 1.4s linear infinite
}

.loader__circle {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: var(--loader-foreground-color, var(--color-text));
    animation: dash 1.4s ease-in-out infinite
}

.loader__circle-background {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: var(--loader-background-color, var(--color-text-alpha20))
}

@keyframes dash {
    0% {
        stroke-dashoffset: 280
    }

    50% {
        stroke-dashoffset: 75;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 280;
        transform: rotate(450deg)
    }
}

@keyframes rotator {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

.pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 32px;
    margin-top: var(--spacing-8)
}

@media (max-width: 479px) {
    .pagination {
        font-size: var(--font-size-body-75)
    }
}

@media (min-width: 480px) {
    .pagination {
        margin-top: 48px;
        margin-top: var(--spacing-12)
    }
}

.pagination__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    gap: var(--spacing-1);
    list-style: none;
    margin: -8px 0 0;
    margin-top: calc(var(--spacing-2) * -1);
    padding: 0
}

@media (max-width: 479px) {
    .pagination__list[data-current-is-fourth=true] .pagination__item[data-type=next-page]+[data-type=none] {
        display: none
    }

    .pagination__list[data-current-is-fourth-from-last=true] .pagination__item[data-type=ellip]+[data-type=none] {
        display: none
    }

    .pagination__list[data-ellipsis-part-count="2"] .pagination__item[data-type=ellip]+[data-type=none],
    .pagination__list[data-ellipsis-part-count="2"] .pagination__item[data-type=next-page]+[data-type=none] {
        display: none
    }
}

.pagination__item {
    display: inline-flex
}

.pagination__item[data-type=ellip] {
    align-items: center
}

.pagination__navigation-button {
    --pagination-button-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    padding: var(--spacing-2) var(--spacing-3);
    color: var(--color-text);
    text-align: center
}

[data-type=active] .pagination__navigation-button {
    box-shadow: 0 -2px 0 0 currentColor inset
}

[data-type=arrow] .pagination__navigation-button {
    padding: 12px 8px;
    padding: var(--spacing-3) var(--spacing-2)
}

[data-type=arrow] .pagination__navigation-button .icon {
    width: 16px;
    height: 16px
}

.pagination__navigation-button[data-type=previous] .icon {
    transform: rotate(90deg)
}

.pagination__navigation-button[data-type=next] .icon {
    transform: rotate(-90deg)
}

.pagination__navigation-button[data-type=none]:hover {
    box-shadow: 0 -2px 0 0 currentColor inset
}

.pagination__navigation-button[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

@media (max-width: 479px) {
    [data-type=ellip] .pagination__navigation-button {
        padding: 12px 0;
        padding: var(--spacing-3) 0
    }
}

.pagination__footer {
    text-align: center;
    color: var(--color-text-alpha-70)
}

.pagination__list+.pagination__footer {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.product-thumbnails {
    padding: 0;
    position: relative
}

.product-thumbnails,
.product-thumbnails .product-thumbnails__viewport {
    max-height: 500px;
    max-height: var(--first-large-image-height, 500px)
}

@media (max-width: 959px) {
    .product-thumbnails[data-scroll-container] .scroll-button {
        display: none
    }
}

.product-thumbnails[data-at-start=true] .scroll-button[data-position=start],
.product-thumbnails[data-at-end=true] .scroll-button[data-position=end] {
    pointer-events: none;
    opacity: 0
}

.product-thumbnails[data-thumbnail-position=left] .product-thumbnails__items {
    flex-direction: column
}

.product-thumbnails[data-thumbnail-position=left] .product-thumbnails__item-image.image img {
    height: auto
}

.product-thumbnails[data-thumbnail-position=left][data-thumbnail-size=small] .product-thumbnails__item-image.image img {
    width: 60px
}

.product-thumbnails[data-thumbnail-position=left][data-thumbnail-size=medium] .product-thumbnails__item-image.image img {
    width: 80px
}

.product-thumbnails[data-thumbnail-position=left][data-thumbnail-size=large] .product-thumbnails__item-image.image img {
    width: 100px
}

.product-thumbnails[data-thumbnail-position=bottom] .product-thumbnails__viewport {
    width: 100%
}

.product-thumbnails[data-thumbnail-position=bottom] .product-thumbnails__items {
    flex-direction: row
}

.product-thumbnails[data-thumbnail-position=bottom] .product-thumbnails__item-image.image img {
    width: auto
}

.product-thumbnails[data-thumbnail-position=bottom][data-thumbnail-size=mobile] .product-thumbnails__item-image.image img {
    height: 56px
}

.product-thumbnails[data-thumbnail-position=bottom][data-thumbnail-size=small] .product-thumbnails__item-image.image img {
    height: 60px
}

.product-thumbnails[data-thumbnail-position=bottom][data-thumbnail-size=medium] .product-thumbnails__item-image.image img {
    height: 80px
}

.product-thumbnails[data-thumbnail-position=bottom][data-thumbnail-size=large] .product-thumbnails__item-image.image img {
    height: 100px
}

.product-thumbnails[data-thumbnail-size=mobile] {
    padding-top: 16px;
    padding-top: var(--spacing-4);
    background-color: var(--color-background)
}

.product-thumbnails[data-thumbnail-size=mobile] .product-thumbnails__viewport {
    padding: 0 16px;
    padding: 0 var(--space-outer)
}

.product-thumbnails__viewport {
    display: flex
}

.product-thumbnails__items {
    display: flex;
    gap: 12px;
    gap: var(--spacing-3);
    margin: 0;
    padding: 0
}

.product-thumbnails__item {
    display: flex;
    list-style: none;
    position: relative;
    flex-shrink: 0
}

.product-thumbnails__item-image.image img {
    max-width: none;
    max-width: initial
}

.product-thumbnails__item-link {
    display: block;
    position: relative
}

.product-thumbnails__item-link.active:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid currentColor
}

.product-thumbnails__item-badge {
    position: absolute;
    right: 8px;
    right: var(--spacing-2);
    top: 8px;
    top: var(--spacing-2);
    z-index: 1;
    width: 20px;
    height: 20px;
    color: var(--color-background)
}

.product-thumbnails__item-badge .icon {
    width: 100%;
    height: 100%
}

.product-thumbnails__item-badge .badge-background {
    fill: var(--color-text)
}

@media (max-width: 719px) {
    .product-thumbnails__item-badge {
        right: 4px;
        right: var(--spacing-1);
        top: 4px;
        top: var(--spacing-1);
        width: 16px;
        height: 16px
    }
}

.meganav {
    --color-text-link: var(--color-links-popups-drawers);
    --color-text-input: var(--color-text-input-popups-drawers);
    position: absolute;
    margin-top: 10px;
    width: 100%;
    z-index: 2;
    background: var(--color-background-popups-drawers);
    color: var(--color-text-popups-drawers);
    box-shadow: 0 1px 3px #0000001a, 0 2px 6px 1px #0000000d;
    box-shadow: var(--box-shadow-dropdowns-and-meganavs);
    text-transform: none;
    overflow-x: auto;
    font-size: var(--font-size-body-75);
    max-height: calc((100 * 1vh) - var(--mega-nav-top-offset) - (4px * 16));
    max-height: calc((100 * 1vh) - var(--mega-nav-top-offset) - 64px);
    max-height: calc((100 * var(--vh, 1vh)) - var(--mega-nav-top-offset) - var(--spacing-16));
    transition: visibility 0s 0s cubic-bezier(.33, 0, 0, 1), opacity .5s 0s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s 0s var(--easing), opacity var(--duration-normal) 0s var(--easing);
    overflow-y: auto
}

.meganav .meganav__primary {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.meganav .meganav__primary .meganav__nav {
    width: 100%;
    height: 100%;
    position: relative
}

.meganav:not(.active) {
    opacity: 0;
    visibility: hidden;
    transition: none
}

.meganav:not(.custom-alignment) {
    left: 50%;
    transform: translate(-50%)
}

.meganav:not([data-meganav-type=meganav_simple]):not([data-meganav-type=meganav_collection_images]) .meganav__nav>ul {
    margin-right: 24px;
    margin-right: var(--spacing-6)
}

.meganav ul,
.meganav li {
    list-style: none;
    padding: 0;
    margin: 0
}

.header.header--has-nav-bar .meganav {
    max-height: calc((100 * 1vh) - var(--announcement-height) - var(--header-desktop-sticky-height) - (4px * 16));
    max-height: calc((100 * 1vh) - var(--announcement-height) - var(--header-desktop-sticky-height) - 64px);
    max-height: calc((100 * var(--vh, 1vh)) - var(--announcement-height) - var(--header-desktop-sticky-height) - var(--spacing-16))
}

[data-navigation-position=inline] .meganav {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.meganav-inner {
    max-width: 1800px;
    max-width: var(--max-width);
    width: calc(100vw - 32px);
    width: calc(100vw - (2 * var(--space-outer)));
    margin: 0 auto
}

.meganav__nav>ul {
    position: relative;
    -moz-column-count: var(--nav-column-count);
    column-count: var(--nav-column-count);
    -moz-column-gap: 36px;
    column-gap: 36px;
    -moz-column-gap: var(--spacing-9);
    column-gap: var(--spacing-9);
    height: 100%
}

.meganav__nav>ul[data-show-column-dividers=true] {
    -moz-column-gap: 48px;
    column-gap: 48px;
    -moz-column-gap: var(--spacing-12);
    column-gap: var(--spacing-12)
}

.meganav[data-meganav-type=meganav_collection_images] .meganav__nav>ul {
    display: grid;
    grid-template-columns: repeat(var(--nav-column-count), 1fr);
    grid-column-gap: 24px;
    grid-column-gap: var(--spacing-6);
    -moz-column-gap: 24px;
    column-gap: 24px;
    -moz-column-gap: var(--spacing-6);
    column-gap: var(--spacing-6);
    grid-row-gap: 24px;
    grid-row-gap: var(--spacing-6);
    row-gap: 24px;
    row-gap: var(--spacing-6)
}

.meganav[data-meganav-type=meganav_collection_images] .meganav__nav>ul .meganav__list-nav-image-wrap {
    display: block;
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.meganav[data-meganav-type=meganav_collection_images] .meganav__nav>ul .meganav__list-nav-image-wrap+h4.has-children {
    margin-top: 20px;
    margin-top: var(--spacing-5)
}

.meganav[data-meganav-type=meganav_collection_images] .meganav__nav>ul[data-show-column-dividers=true] {
    -moz-column-gap: 48px;
    column-gap: 48px;
    -moz-column-gap: var(--spacing-12);
    column-gap: var(--spacing-12)
}

.meganav[data-meganav-type=meganav_collection_images] .meganav__nav>ul[depth="0"]>li {
    margin: 0
}

.meganav[data-meganav-type=meganav_collection_images] .meganav__nav>ul[depth="0"]>li h4.has-children {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.meganav__nav[data-show-column-dividers=true] {
    --column-margin: var(--spacing-6);
    --margin-offset: var(--spacing-6)
}

.meganav__nav[data-show-column-dividers=true] .meganav__column-rule {
    position: absolute;
    width: 1px;
    background: var(--color-border-popups-drawers);
    top: 0;
    bottom: 0
}

.meganav[data-meganav-type=meganav_collection_images] .meganav__nav[data-show-column-dividers=true],
.meganav[data-meganav-type=meganav_simple] .meganav__nav[data-show-column-dividers=true] {
    --margin-offset: 0px
}

.meganav__nav a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.meganav__nav a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

.meganav__nav[data-column-count="2"] .meganav__column-rule[data-index="1"] {
    left: calc((100% - var(--margin-offset)) / 2)
}

.meganav__nav[data-column-count="3"] {
    --column-width: calc((100% - (var(--spacing-12) * 2) - var(--margin-offset)) / 3)
}

.meganav__nav[data-column-count="3"] .meganav__column-rule[data-index="1"] {
    left: calc(var(--column-width) + var(--column-margin))
}

.meganav__nav[data-column-count="3"] .meganav__column-rule[data-index="2"] {
    left: calc((var(--column-width) * 2) + (var(--column-margin) * 3))
}

.meganav__nav[data-column-count="4"] {
    --column-width: calc((100% - (var(--spacing-12) * 3) - var(--margin-offset)) / 4)
}

.meganav__nav[data-column-count="4"] .meganav__column-rule[data-index="1"] {
    left: calc(var(--column-width) + var(--column-margin))
}

.meganav__nav[data-column-count="4"] .meganav__column-rule[data-index="2"] {
    left: calc((var(--column-width) * 2) + (var(--column-margin) * 3))
}

.meganav__nav[data-column-count="4"] .meganav__column-rule[data-index="3"] {
    left: calc((var(--column-width) * 3) + (var(--column-margin) * 5))
}

.meganav__nav[data-column-count="5"] {
    --column-width: calc((100% - (var(--spacing-12) * 4) - var(--margin-offset)) / 5)
}

.meganav__nav[data-column-count="5"] .meganav__column-rule[data-index="1"] {
    left: calc(var(--column-width) + var(--column-margin))
}

.meganav__nav[data-column-count="5"] .meganav__column-rule[data-index="2"] {
    left: calc((var(--column-width) * 2) + (var(--column-margin) * 3))
}

.meganav__nav[data-column-count="5"] .meganav__column-rule[data-index="3"] {
    left: calc((var(--column-width) * 3) + (var(--column-margin) * 5))
}

.meganav__nav[data-column-count="5"] .meganav__column-rule[data-index="4"] {
    left: calc((var(--column-width) * 4) + (var(--column-margin) * 7))
}

.meganav__nav ul[depth="0"]>li {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.meganav__nav ul[depth="0"]>li.has-children {
    margin-top: 32px;
    margin-top: var(--spacing-8)
}

.meganav__nav ul[depth="0"]>li:not(.has-children)+.has-children {
    margin-top: 32px;
    margin-top: var(--spacing-8)
}

.meganav__nav ul[depth="0"]>li:first-child {
    margin-top: 0
}

.meganav__nav h4.has-children {
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4)
}

.meganav__nav li {
    white-space: normal
}

.meganav__nav li:not(:first-child) {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.meganav__nav ul[depth="1"]>li>a {
    opacity: .8
}

.meganav__header {
    padding: 32px 0 4px;
    padding: var(--spacing-8) 0 var(--spacing-1);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    gap: var(--spacing-3);
    align-items: flex-end
}

.meganav__header a {
    color: var(--color-text-link)
}

.meganav__content {
    padding: 24px 0;
    padding: var(--spacing-6) 0;
    display: flex
}

.meganav__secondary {
    padding-left: 24px;
    padding-left: var(--spacing-6);
    width: calc(var(--secondary-width) + (2 * 24px));
    width: calc(var(--secondary-width) + (2 * var(--spacing-6)));
    border-left: 1px solid var(--color-border-popups-drawers)
}

.meganav__secondary--heading {
    margin-bottom: 24px;
    margin-bottom: var(--spacing-6)
}

.meganav__secondary--inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
    gap: var(--spacing-4)
}

.meganav__secondary--inner[data-column-count="2"] {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.meganav__secondary--inner[data-column-count="3"] {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.meganav__secondary--inner[data-column-count="4"] {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.meganav__secondary--inner[data-column-count="5"] {
    display: grid;
    grid-template-columns: repeat(5, 1fr)
}

.meganav__secondary--inner>* {
    min-width: 0
}

.meganav-promo-image-with-text-inner {
    gap: 32px;
    gap: var(--spacing-8)
}

.meganav-promo-image-with-text-inner[data-image-position=above_text] {
    gap: 24px;
    gap: var(--spacing-6)
}

.meganav-promo-image-with-text-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    gap: var(--spacing-5);
    word-wrap: anywhere;
    word-break: normal
}

.meganav-promo-image-with-text-item .meganav-promo-image-with-text-item--image {
    width: 50%;
    flex-shrink: 0
}

.meganav-promo-image-with-text-item[data-image-position=above_text] {
    flex-direction: column;
    gap: 12px;
    gap: var(--spacing-3);
    align-items: flex-start
}

.meganav-promo-image-with-text-item[data-image-position=above_text] .meganav-promo-image-with-text-item--image {
    width: 100%
}

.meganav-promo-image-with-text-item--text {
    white-space: normal
}

.meganav-promo-image-with-text-item--text>p,
.meganav-promo-image-with-text-item--text>a {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.meganav-promo-image-with-text-item--text>a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px;
    display: inline-block;
    color: var(--color-text-link)
}

.meganav-promoted-products-inner:not([data-layout=list]) {
    row-gap: 24px;
    row-gap: var(--spacing-6)
}

.meganav-promoted-products-inner[data-layout="2_col"] {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.meganav-promoted-products-inner[data-layout="3_col"] {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.meganav-promoted-products-inner[data-layout="4_col"] {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.meganav-promoted-products-inner .meganav-promoted-products-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    gap: var(--spacing-3)
}

.meganav-promoted-products-inner .meganav-promoted-products-item-image-wrap {
    flex-shrink: 0
}

.meganav-promoted-products-inner .meganav-promoted-products-item-text-wrap {
    overflow: hidden
}

.meganav-promoted-products-inner .meganav-promoted-products-item-text-wrap>* {
    white-space: normal
}

.meganav-promoted-products-inner .meganav-promoted-products-item-text-wrap .meganav-promoted-products-item-text-vendor {
    opacity: .7;
    margin-bottom: 2px;
    margin-bottom: var(--spacing-unit-half)
}

.meganav-promoted-products-inner .meganav-promoted-products-item-text-wrap .meganav-promoted-products-item-text-subtitle {
    opacity: .6;
    margin: 2px 0;
    margin: var(--spacing-unit-half) 0
}

.meganav-promoted-products-inner .meganav-promoted-products-item-text-wrap .meganav-promoted-products-item-text-price {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.meganav-promoted-products-inner .meganav-promoted-products-item-text-wrap .meganav-promoted-products-item-text-price .sale {
    color: var(--color-sale-price-popups-drawers)
}

.meganav-promoted-products-inner .meganav-promoted-products-item-text-wrap .meganav-promoted-products-item-text-price .t-subdued {
    margin-right: 4px;
    margin-right: var(--spacing-1)
}

.meganav-promoted-products-inner[data-layout=list] .meganav-promoted-products-item {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    gap: 16px;
    gap: var(--spacing-4)
}

.meganav-promoted-products-inner[data-layout=list] .meganav-promoted-products-item .meganav-promoted-products-item-image-wrap {
    width: 67px
}

.meganav-promoted-collections-inner[data-title-style=beneath] {
    row-gap: 20px;
    row-gap: var(--spacing-5)
}

.meganav-promoted-collections-inner:not([data-column-count="1"]) {
    align-items: flex-start;
    display: grid
}

.meganav-promoted-collections-inner[data-column-count="2"] {
    grid-template-columns: repeat(2, 1fr)
}

.meganav-promoted-collections-inner[data-column-count="3"] {
    grid-template-columns: repeat(3, 1fr)
}

.meganav-promoted-collections-inner[data-column-count="4"] {
    grid-template-columns: repeat(4, 1fr)
}

.meganav-promoted-collections-inner[data-column-count="5"] {
    grid-template-columns: repeat(5, 1fr)
}

.meganav-promoted-collections-inner .meganav-promoted-collections-item {
    position: relative
}

.meganav-promoted-collections-inner .meganav-promoted-collections-item .meganav-promoted-collections-item-text-title {
    white-space: normal
}

.meganav-promoted-collections-inner .meganav-promoted-collections-item[data-title-style=beneath] .meganav-promoted-collections-item-text-title {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.meganav-promoted-collections-inner .meganav-promoted-collections-item[data-title-style=overlay] .meganav-promoted-collections-item-text-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    color: var(--color-text);
    justify-content: var(--text-horizontal-position);
    align-items: var(--text-vertical-position);
    text-align: var(--text-alignment)
}

.meganav-promoted-collections-inner .meganav-promoted-collections-item[data-title-style=overlay] .meganav-promoted-collections-item-text-title {
    padding: 8px 12px;
    padding: var(--spacing-2) var(--spacing-3);
    color: var(--overlay-text-color);
    z-index: 1
}

model-viewer {
    width: 100%;
    height: 100%
}

.shopify-model-viewer-ui {
    height: 100%;
    transition: all .1s ease-in;
    opacity: 0;
    visibility: hidden
}

.model-active .shopify-model-viewer-ui {
    opacity: 1;
    visibility: visible
}

.shopify-model-viewer-ui__controls-area {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    bottom: 10px;
    right: 10px
}

.shopify-model-viewer-ui__controls-area:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--color-text-alpha-10);
    border-radius: 5px
}

@media (min-width: 480px) {
    .shopify-model-viewer-ui__controls-area {
        width: 44px;
        bottom: 16px;
        bottom: var(--spacing-4);
        right: 12px;
        right: var(--spacing-3)
    }
}

.shopify-model-viewer-ui__button {
    display: inline-block;
    margin: 0;
    text-align: center;
    white-space: no-wrap;
    cursor: pointer;
    width: 40px;
    height: 40px;
    padding: 0;
    box-sizing: content-box;
    border: 0px;
    border-radius: 5px;
    background: var(--color-background);
    color: var(--color-text-body)
}

.shopify-model-viewer-ui__button svg {
    display: block
}

@media (min-width: 480px) {
    .shopify-model-viewer-ui__button {
        width: 44px;
        height: 44px
    }

    .shopify-model-viewer-ui__button svg {
        width: 44px;
        height: 44px
    }
}

.shopify-model-viewer-ui__button:hover,
.shopify-model-viewer-ui__button:focus {
    background-color: var(--color-text-alpha-10)
}

.shopify-model-viewer-ui__poster-control-icon,
.shopify-model-viewer-ui__control-icon {
    width: 40px;
    height: 40px
}

@media (min-width: 480px) {

    .shopify-model-viewer-ui__poster-control-icon,
    .shopify-model-viewer-ui__control-icon {
        width: 40px;
        height: 40px
    }
}

.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen,
.shopify-model-viewer-ui__control-icon--exit-fullscreen {
    display: none !important
}

.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen {
    display: block !important
}

.shopify-model-viewer-ui__button--poster {
    position: absolute;
    width: 40px;
    top: 0;
    right: 10px
}

@media (min-width: 480px) {
    .shopify-model-viewer-ui__button--poster {
        width: 44px;
        top: 20px;
        right: 20px
    }
}

.shopify-model-viewer-ui__button--zoom-out {
    position: relative
}

.shopify-model-viewer-ui__button--zoom-out:before,
.shopify-model-viewer-ui__button--zoom-out:after {
    content: "";
    pointer-events: none;
    position: absolute;
    transform: translate(-50%);
    height: 1px;
    width: 28px;
    background-color: var(--color-text-alpha-10)
}

.shopify-model-viewer-ui__button--zoom-out:before {
    top: 0
}

.shopify-model-viewer-ui__button--zoom-out:after {
    bottom: 0
}

.shopify-model-viewer-ui__sr-only {
    visibility: hidden;
    position: absolute
}

.shopify-model-viewer-ui--fullscreen model-viewer {
    height: 100vh
}

.model-poster {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .1s ease-in
}

.model-poster.focus-visible:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--color-text-body)
}

.model-active .model-poster {
    opacity: 0;
    visibility: hidden
}

.model-poster .media-badge {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.model-poster .media-badge .icon {
    width: 60px;
    height: 60px
}

.model-poster:focus {
    outline: auto
}

.model-poster:focus svg path {
    opacity: 1
}

.model-poster svg {
    color: var(--color-background);
    border-radius: 30px
}

.model-poster svg .bg {
    fill: var(--color-text)
}

.model-poster svg path {
    opacity: 1;
    transition: opacity .25s
}

.model-poster svg:hover path {
    opacity: 1;
    transition: opacity .25s
}

.model-close {
    --model-close-size: 44px;
    --model-close-icon-size: 12px;
    display: none;
    position: absolute;
    top: 20px;
    top: var(--spacing-5);
    right: 12px;
    right: var(--spacing-3);
    height: 44px;
    height: var(--model-close-size);
    width: 44px;
    width: var(--model-close-size);
    border-radius: 44px;
    border-radius: var(--spacing-11);
    color: var(--color-background);
    background-color: var(--color-text)
}

.model-close .icon {
    height: var(--model-close-icon-size);
    width: var(--model-close-icon-size)
}

.model-active .model-close {
    display: block
}

.shopify-model-viewer-ui__button--poster {
    display: none !important
}

.payment-icons {
    display: flex;
    flex-wrap: wrap;
    margin: -4px;
    margin: calc(var(--spacing-1) * -1)
}

.payment-icons img {
    width: 100%;
    display: block
}

.payment-icons__icon {
    margin: 4px;
    margin: var(--spacing-1)
}

.payment-icons__icon .icon {
    width: 36px;
    height: 22px
}

.modal {
    --negative-inner-spacing-mobile: calc(var(--spacing-5) * -1);
    --negative-inner-spacing-desktop: calc(var(--spacing-7) * -1);
    --color-text: var(--color-text-popups-drawers);
    --color-background: var(--color-background-popups-drawers);
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px;
    padding: var(--spacing-3);
    transition: visibility 0s .5s;
    transition: visibility 0s var(--duration-normal)
}

@media (min-width: 720px) {
    .modal {
        padding: 60px;
        padding: var(--spacing-15)
    }
}

@media (min-width: 960px) {
    .modal {
        padding: 80px;
        padding: var(--spacing-20)
    }
}

.modal.active {
    visibility: visible;
    transition: visibility 0s 0s;
    z-index: 1300;
    z-index: var(--z-index-modal)
}

.modal.active .modal__inner {
    opacity: 1;
    transform: translateY(0)
}

.modal.active .modal__wash {
    opacity: 1
}

@media (min-width: 720px) {
    .modal[data-is-narrow=true] .modal__inner {
        width: 640px
    }
}

@media (max-width: 719px) {
    .modal[data-is-quick-add=true] {
        padding: 0
    }
}

.modal[data-is-quick-add=true] .modal__inner {
    position: fixed;
    bottom: 0;
    height: auto;
    width: 100%;
    padding: 0
}

@media (min-width: 720px) {
    .modal[data-is-quick-add=true] .modal__inner {
        position: static;
        position: initial;
        bottom: auto;
        bottom: initial;
        width: 951px;
        width: calc(var(--max-width-narrow) + (var(--spacing-17) * 3))
    }
}

.modal[data-is-quick-add=true] .modal__inner .modal__header {
    top: 0;
    margin-top: 0;
    margin-top: initial;
    margin-right: 0;
    margin-right: initial;
    z-index: 2;
    margin-bottom: -46px;
    margin-bottom: calc((var(--modal-drawer-close-icon-size) + var(--spacing-2)) * -1)
}

@media (min-width: 720px) {
    .modal[data-is-quick-add=true] .modal__inner .modal__header {
        margin-bottom: -50px;
        margin-bottom: calc((var(--modal-drawer-close-icon-size) + var(--spacing-3)) * -1)
    }
}

.modal .modal-content {
    display: block
}

.modal .modal-content .modal-content__title {
    margin-top: 0;
    margin-right: 34px;
    margin-right: calc((var(--modal-drawer-close-icon-size) + (var(--spacing-2) * 2)) - var(--spacing-5))
}

@media (min-width: 720px) {
    .modal .modal-content .modal-content__title {
        margin-right: 42px;
        margin-right: calc((var(--modal-drawer-close-icon-size) + (var(--spacing-3) * 2)) - var(--spacing-5))
    }
}

.modal__wash {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-overlay);
    opacity: 0;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing);
    cursor: pointer;
    z-index: 1300;
    z-index: var(--z-index-modal)
}

.modal__header {
    position: sticky;
    top: var(--negative-inner-spacing-mobile);
    margin-top: var(--negative-inner-spacing-mobile);
    margin-right: var(--negative-inner-spacing-mobile);
    margin-bottom: -20px;
    margin-bottom: calc(var(--spacing-5) * -1);
    display: flex;
    justify-content: flex-end
}

@media (min-width: 720px) {
    .modal__header {
        top: var(--negative-inner-spacing-desktop);
        margin-top: var(--negative-inner-spacing-desktop);
        margin-right: var(--negative-inner-spacing-desktop)
    }
}

.modal__close-icon {
    background-color: var(--color-background);
    margin-top: 8px;
    margin-top: var(--spacing-2);
    margin-right: 8px;
    margin-right: var(--spacing-2);
    border-radius: 100%;
    transition: background-color .25s ease-in-out
}

@media (min-width: 720px) {
    .modal__close-icon {
        margin-top: 12px;
        margin-top: var(--spacing-3);
        margin-right: 12px;
        margin-right: var(--spacing-3)
    }
}

.modal__inner {
    position: relative;
    width: 100%;
    max-height: calc(100vh - 24px);
    max-height: calc(100vh - (var(--spacing-3) * 2));
    background-color: var(--color-background);
    padding: 20px;
    padding: var(--spacing-5);
    transform: translateY(16px);
    transform: translateY(var(--spacing-4));
    opacity: 0;
    box-shadow: 0 1px 3px #00000026, 0 4px 8px 3px #0000000d;
    box-shadow: var(--box-shadow-modal);
    overflow: auto;
    pointer-events: all;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1), transform .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing), transform var(--duration-normal) var(--easing);
    z-index: 1300;
    z-index: var(--z-index-modal)
}

@media (min-width: 720px) {
    .modal__inner {
        max-height: calc(100vh - 80px);
        max-height: calc(100vh - (var(--spacing-10) * 2));
        width: 819px;
        width: calc(var(--max-width-narrow) + (var(--spacing-9) * 2));
        padding: 28px;
        padding: var(--spacing-7)
    }
}

.modal__content>div {
    margin: 0
}

.unit-price {
    display: none;
    margin: 0;
    color: var(--color-text-alpha-70)
}

.unit-price[data-unit-price-available=true] {
    display: inline-block
}

.unit-price[data-unit-price-available=true] .unit-price__price {
    display: flex;
    margin-left: 0;
    font-family: var(--font-product-price);
    font-weight: var(--font-body-weight)
}

.store-availability-drawer {
    --color-text: var(--color-text-popups-drawers);
    z-index: 1300;
    z-index: var(--z-index-modal);
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    padding-left: 28px;
    padding-left: var(--flyout-mobile-gap);
    transition: visibility 0s .5s;
    transition: visibility 0s var(--duration-normal)
}

.store-availability-drawer.active {
    visibility: visible;
    transition: visibility 0s 0s
}

.store-availability-drawer.active .store-availability-drawer__wash {
    opacity: 1
}

.store-availability-drawer.active .store-availability-drawer__container {
    transform: none;
    transform: initial;
    box-shadow: -1px 0 3px #00000026, -4px 0 8px 3px #0000000d;
    box-shadow: var(--box-shadow-drawer-right)
}

.store-availability-drawer__wash {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-overlay);
    opacity: 0;
    cursor: pointer;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing)
}

.store-availability-drawer__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4);
    padding: 16px;
    padding: var(--spacing-4);
    background-color: var(--color-background-popups-drawers);
    border-bottom: 1px solid var(--color-border-popups-drawers-alt)
}

.store-availability-drawer__product-info {
    max-width: calc(100% - 54px);
    max-width: calc(100% - (var(--modal-drawer-close-icon-size) + var(--spacing-4)))
}

.store-availability-drawer__container {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 403px;
    max-width: var(--flyout-width);
    height: 100vh;
    margin-left: auto;
    background-color: var(--color-background-popups-drawers-alt);
    color: var(--color-text);
    box-shadow: none;
    overflow: auto;
    transform: translate(100%);
    transition: box-shadow .5s cubic-bezier(.33, 0, 0, 1), transform .5s cubic-bezier(.33, 0, 0, 1);
    transition: box-shadow var(--duration-normal) var(--easing), transform var(--duration-normal) var(--easing)
}

.store-availability-drawer__store-list-variant-title:not(:empty) {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.store-availability-drawer__close {
    position: absolute;
    top: 8px;
    top: var(--spacing-2);
    right: 8px;
    right: var(--spacing-2)
}

.store-availability-drawer__content {
    background-color: var(--color-background-popups-drawers);
    padding-bottom: 16px;
    padding-bottom: var(--spacing-4);
    border-top: 1px solid var(--color-border-popups-drawers-alt);
    border-bottom: 1px solid var(--color-border-popups-drawers-alt)
}

.store-availability-drawer__content .store-availability__store-list-wrapper {
    display: block
}

.navigation-dots {
    --dot-size: 10px;
    --animation-ease: cubic-bezier(.33, 0, 0, 1);
    position: absolute;
    width: 100%;
    bottom: 20px;
    bottom: var(--spacing-5);
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
    z-index: 99
}

.navigation-dots.hidden {
    display: none
}

.navigation-dots .navigation-dots__inner {
    max-width: 1800px;
    max-width: var(--max-width);
    display: flex;
    padding: 0 16px;
    padding: 0 var(--space-outer);
    justify-content: center;
    margin: 0 auto
}

.navigation-dots .navigation-dot {
    display: inline-block;
    width: var(--dot-size);
    height: var(--dot-size);
    padding: 0;
    margin: 0 4px;
    margin: 0 var(--spacing-1);
    background-color: var(--color-text);
    border-radius: var(--dot-size);
    cursor: pointer;
    opacity: .3;
    transform: scale(.8);
    transition: opacity .2s var(--animation-ease), transform .2s var(--animation-ease)
}

.navigation-dots .navigation-dot.is-selected {
    opacity: 1
}

.navigation-dots .navigation-dot:hover,
.navigation-dots .navigation-dot.is-selected {
    transform: scale(1)
}

.icon-button {
    position: relative;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: space-around;
    transition: transform .25s
}

.icon-button:not([hidden]) {
    display: flex
}

.icon-button:hover .icon-button__icon:before,
.icon-button.active .icon-button__icon:before {
    opacity: .1;
    transform: scale(1)
}

.icon-button:active .icon-button__icon:before {
    transform: scale(.95)
}

.icon-button[data-size=small] {
    width: 28px;
    height: 28px
}

.icon-button[data-size=small] .icon {
    width: 16px;
    width: var(--icon-width, 16px);
    height: 16px;
    height: var(--icon-height, 16px)
}

.icon-button[data-size=medium] {
    width: 32px;
    height: 32px
}

.icon-button[data-size=medium] .icon {
    width: 20px;
    width: var(--icon-width, 20px);
    height: 20px;
    height: var(--icon-height, 20px)
}

.icon-button__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    cursor: pointer;
    z-index: 2
}

.icon-button__icon:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: currentColor;
    opacity: 0;
    border-radius: 100%;
    transform: scale(.7);
    transition: opacity .2s, transform .2s ease-in-out;
    z-index: 2
}

.icon-button__icon .icon {
    position: relative;
    width: 32px;
    width: var(--icon-width, 32px);
    height: 32px;
    height: var(--icon-height, 32px);
    color: var(--color);
    z-index: 10
}

[data-has-secondary-icon=true] .icon-button__icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .5s, opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s var(--duration-normal), opacity var(--duration-normal) var(--easing)
}

[data-has-secondary-icon=true] .icon-button__icon .icon:nth-child(1),
[data-has-secondary-icon=true] .icon-button__icon .icon:nth-child(2) {
    transition: visibility 0s 0s, opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s 0s, opacity var(--duration-normal) var(--easing)
}

[aria-expanded=false] [data-has-secondary-icon=true] .icon-button__icon .icon:nth-child(1),
[aria-expanded=true] [data-has-secondary-icon=true] .icon-button__icon .icon:nth-child(2) {
    visibility: visible;
    opacity: 1
}

.navigation__links-list {
    margin: 0;
    padding: 0
}

@media (min-width: 960px) {
    .navigation__links-list {
        display: flex;
        align-items: center;
        white-space: nowrap;
        flex-wrap: wrap;
        -moz-column-gap: 36px;
        column-gap: 36px;
        -moz-column-gap: var(--spacing-9);
        column-gap: var(--spacing-9)
    }
}

.navigation__links-list>li {
    list-style: none;
    display: block;
    padding: 8px 0;
    padding: var(--spacing-2) 0
}

.navigation__links-list>li>a,
.navigation__links-list>li>button {
    display: flex;
    align-items: center
}

.navigation__links-list a[data-link]:hover,
.navigation__links-list button[data-link]:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

.navigation__links-list a.featured-link,
.navigation__links-list button.featured-link {
    color: var(--color-text-featured-link)
}

.navigation__links-list .navigation__links-icon {
    display: flex;
    pointer-events: none;
    margin-left: 4px;
    margin-left: var(--spacing-1)
}

.header--navigation-is-all-caps .navigation__links-list .navigation__links-icon {
    margin-top: 0
}

.navigation__links-list .navigation__links-icon .icon {
    display: flex;
    width: 10px;
    height: 10px
}

html:not(.no-js) .navigation__submenu {
    --color-text-link: var(--color-links-popups-drawers);
    --color-text-input: var(--color-text-input-popups-drawers);
    z-index: 2;
    position: absolute;
    color: var(--color-text-popups-drawers);
    margin-top: 8px;
    margin-top: var(--spacing-2);
    text-align: left;
    text-transform: none;
    line-height: 1.55em;
    transition: visibility 0s 0s cubic-bezier(.33, 0, 0, 1), opacity .3s 0s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s 0s var(--easing), opacity var(--duration-fast) 0s var(--easing);
    box-shadow: 0 1px 3px #0000001a, 0 2px 6px 1px #0000000d;
    box-shadow: var(--box-shadow-dropdowns-and-meganavs);
    z-index: 1
}

html:not(.no-js) .navigation__submenu:not(.active) {
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .3s cubic-bezier(.33, 0, 0, 1), opacity .3s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s var(--duration-fast) var(--easing), opacity var(--duration-fast) var(--easing)
}

html:not(.no-js) .navigation__submenu[data-depth="1"] {
    margin-left: -16px;
    margin-left: calc(var(--spacing-4) * -1)
}

html:not(.no-js) .navigation__submenu[data-depth="1"] .navigation__submenu-trigger[aria-expanded=true] {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

html:not(.no-js) .navigation__submenu[data-depth="2"] {
    top: auto;
    top: initial;
    left: 100%;
    margin-top: calc((0 + 16px)*-1 - 1px);
    margin-top: calc((var(--submenu-item-height, 0) + var(--spacing-4)) * -1 - 1px)
}

html:not(.no-js) .navigation__submenu[data-depth="2"][data-position=left] {
    left: -100%
}

html:not(.no-js) .navigation__submenu[data-depth="2"] .navigation__submenu-list {
    position: absolute;
    box-shadow: 0 1px 3px #0000001a, 0 2px 6px 1px #0000000d;
    box-shadow: var(--box-shadow-dropdowns-and-meganavs);
    margin-top: 1px
}

html:not(.no-js) .navigation__submenu-list {
    --width: 250px;
    width: 250px;
    width: var(--width);
    padding: 16px;
    padding: var(--spacing-4);
    background-color: var(--color-background-popups-drawers);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

html:not(.no-js) .navigation__submenu-list::-webkit-scrollbar {
    display: none
}

html:not(.no-js) .navigation__submenu-list {
    max-height: calc(100vh + -0);
    max-height: calc((var(--vh, 1vh) * 100) - (var(--height-header, 0) + var(--announcement-height, 0)))
}

html:not(.no-js).sticky-header-active .navigation__submenu-list {
    max-height: calc(100vh + -0);
    max-height: calc((var(--vh, 1vh) * 100) - var(--header-desktop-sticky-height, 0))
}

html:not(.no-js) .navigation__submenu-item {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: normal
}

html:not(.no-js) .navigation__submenu-item [data-link] {
    display: block;
    width: 100%;
    text-align: left;
    text-transform: none;
    line-height: inherit
}

html:not(.no-js) .navigation__submenu-item .navigation__submenu-child-link {
    position: relative;
    display: flex;
    align-items: center
}

html:not(.no-js) .navigation__submenu-item .navigation__submenu-child-link .icon {
    display: flex;
    width: 10px;
    height: 10px
}

html:not(.no-js) .navigation__submenu-item>button {
    width: 100%;
    display: flex
}

html:not(.no-js) .navigation__submenu-item+.navigation__submenu-item {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

html:not(.no-js) .navigation__submenu-icon {
    margin-left: auto;
    pointer-events: none;
    transform: rotate(-90deg)
}

html:not(.no-js) .navigation__submenu-trigger {
    display: flex;
    align-items: center
}

html:not(.no-js) .navigation__submenu-trigger label {
    cursor: pointer
}

.no-js .header__links ul {
    display: inline-block;
    margin: 0 0 0 20px;
    margin: 0 0 0 var(--spacing-5);
    padding: 0
}

.no-js .header__links li {
    list-style: none;
    display: inline-block
}

.no-js .header__links li+li {
    margin-left: 20px;
    margin-left: var(--spacing-5)
}

.mobile-menu {
    position: fixed;
    visibility: hidden;
    top: 0;
    right: 0;
    left: 0;
    height: calc(var(--vh) * 100);
    z-index: 520;
    z-index: var(--z-index-drawers);
    transition: visibility 0s .5s;
    transition: visibility 0s var(--duration-normal)
}

.mobile-menu.active {
    visibility: visible;
    transition: visibility 0s 0s
}

.mobile-menu.active .mobile-menu__overlay {
    opacity: 1
}

.mobile-menu.active .mobile-menu__panel {
    transform: none;
    transform: initial;
    box-shadow: 1px 0 3px #00000026, 4px 0 8px 3px #0000000d;
    box-shadow: var(--box-shadow-drawer-left)
}

.mobile-menu .featured-link .mobile-menu__link__text {
    color: var(--color-text-featured-link)
}

.mobile-menu select {
    background-color: var(--color-background-input-popups-drawers);
    border-color: var(--color-border-input-popups-drawers);
    color: var(--color-text-input-popups-drawers)
}

.mobile-menu__overlay {
    background-color: var(--color-overlay);
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing);
    opacity: 0
}

.mobile-menu__panel {
    --color-text-link: var(--color-links-popups-drawers);
    --color-text-input: var(--color-text-input-popups-drawers);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: calc(100vw - 28px);
    width: calc(100vw - var(--flyout-mobile-gap));
    max-width: 400px;
    color: var(--color-text-popups-drawers);
    background-color: var(--color-background-popups-drawers);
    box-shadow: none;
    transition: box-shadow .3s cubic-bezier(.33, 0, 0, 1), transform .5s cubic-bezier(.33, 0, 0, 1);
    transition: box-shadow var(--duration-fast) var(--easing), transform var(--duration-normal) var(--easing);
    transform: translate(-100%);
    z-index: 100
}

.mobile-menu-close-button {
    position: absolute;
    z-index: 1;
    top: 8px;
    top: var(--spacing-2);
    right: 8px;
    right: var(--spacing-2)
}

.mobile-menu-close-button.below-header {
    background-color: var(--color-background);
    box-shadow: 0 1px 1px #0000001a, 0 1px 4px #00000026;
    box-shadow: var(--box-shadow-short);
    border-radius: 100%
}

.mobile-menu__viewport {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mobile-menu__viewport-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing);
    height: 100%
}

.mobile-menu__viewport-content[data-depth="0"] {
    transform: translate(0)
}

.mobile-menu__viewport-content[data-depth="1"] {
    transform: translate(-100%)
}

.mobile-menu__viewport-content[data-depth="2"] {
    transform: translate(-200%)
}

.mobile-menu__viewport-content[data-depth="3"] {
    transform: translate(-300%)
}

.mobile-menu__viewport-content[data-depth="4"] {
    transform: translate(-400%)
}

.mobile-menu__viewport-content ul[data-pane-key],
.mobile-menu__viewport-content ul[data-primary-container] {
    margin: 0;
    padding: 0;
    width: 100%
}

.mobile-menu__viewport-content [data-secondary-container] {
    border-top: 1px solid var(--color-text-popups-drawers-alpha-10);
    margin-top: 12px;
    margin-top: var(--spacing-3);
    padding-top: 12px;
    padding-top: var(--spacing-3);
    padding-left: 0
}

.mobile-menu__viewport [data-pane-key] {
    display: flex;
    flex-direction: column;
    height: calc(100 * var(--vh));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: visibility 0s .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s var(--duration-normal) var(--easing), opacity var(--duration-normal) var(--easing)
}

.mobile-menu__viewport [data-pane-key]:not([aria-hidden=true]) {
    opacity: 1;
    transition: visibility 0s, opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s, opacity var(--duration-normal) var(--easing);
    pointer-events: all;
    visibility: visible
}

.mobile-menu__viewport [data-pane-key]:not([data-pane-key=home]) {
    padding-bottom: 24px;
    padding-bottom: var(--spacing-6)
}

.mobile-menu__viewport [data-pane-key]:not([data-pane-key=home]) {
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-menu__viewport [data-pane-key]:not([data-pane-key=home])[data-menu-depth="1"] {
    left: 100%
}

.mobile-menu__viewport [data-pane-key]:not([data-pane-key=home])[data-menu-depth="1"] .mobile_menu__promo_blocks[data-position=top] {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.mobile-menu__viewport [data-pane-key]:not([data-pane-key=home])[data-menu-depth="2"] {
    left: 200%
}

.mobile-menu__viewport [data-pane-key]:not([data-pane-key=home])[data-menu-depth="3"] {
    left: 300%
}

.mobile-menu__item {
    list-style: none;
    font-size: var(--font-size-body-50);
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.mobile-menu__item.mobile-menu__item--header {
    display: flex;
    min-height: 56px;
    box-shadow: 0 1px 0 0 var(--color-text-popups-drawers-alpha-10);
    padding: 0 16px;
    padding: 0 var(--spacing-4);
    padding-right: 54px;
    padding-right: calc(var(--modal-drawer-close-icon-size) + (var(--spacing-2) * 2));
    align-items: center
}

.mobile-menu__item.mobile-menu__item--header .mobile-menu__item--heading-content {
    padding: 12px 0;
    padding: var(--spacing-3) 0
}

.mobile-menu__item.mobile-menu__item--header+*:not(.mobile-menu__item--callout) {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.mobile-menu__item.mobile-menu__item--callout {
    background-color: var(--color-background-popups-drawers-alt);
    box-shadow: 0 1px 0 0 var(--color-border-popups-drawers-alt) inset, 0 -1px 0 0 var(--color-border-popups-drawers-alt) inset;
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4)
}

.mobile-menu__item.mobile-menu__item--callout .mobile-menu__link {
    padding-top: 12px;
    padding-top: var(--spacing-3);
    padding-bottom: 12px;
    padding-bottom: var(--spacing-3);
    justify-content: flex-start
}

.mobile-menu__item.mobile-menu__item--callout .mobile-menu__link .icon {
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

.mobile-menu__item.mobile-menu__item--callout .mobile-menu__link .icon.icon-header-account {
    --header-account-icon-size: 20px;
    width: 20px;
    width: var(--header-account-icon-size);
    height: 20px;
    height: var(--header-account-icon-size)
}

.mobile-menu__item.mobile-menu__item--callout .mobile-menu__link .icon.icon-chevron {
    transform: rotate(90deg)
}

.mobile-menu__item.mobile-menu__item--heading {
    display: flex;
    width: 100%
}

.mobile-menu__item.mobile-menu__item--heading .mobile-menu__link {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    padding-top: 12px;
    padding-top: var(--spacing-3);
    padding-bottom: 12px;
    padding-bottom: var(--spacing-3)
}

.mobile-menu__item.mobile-menu__item--heading .mobile-menu__link .icon {
    --link-icon-size: 16px;
    position: absolute;
    left: 0;
    width: 16px;
    width: var(--link-icon-size);
    height: 16px;
    height: var(--link-icon-size);
    top: 50%;
    transform: rotate(90deg);
    margin-top: -8px;
    margin-top: calc(-1 * var(--spacing-2))
}

.mobile-menu__item.mobile-menu__item--heading .mobile-menu__link span {
    text-transform: none
}

.mobile-menu__item.mobile-menu__item--heading .mobile-menu__link>a {
    margin-top: 8px;
    margin-top: var(--spacing-2);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

.mobile-menu__item.mobile-menu__item--heading .icon {
    display: block;
    transform: rotate(180deg)
}

.mobile-menu__item--heading-logo {
    padding: 4px 0;
    padding: var(--spacing-1) 0;
    width: var(--logo-width)
}

.mobile-menu__item--heading-back-link {
    display: flex;
    align-items: center;
    padding: 0 16px;
    padding: 0 var(--spacing-4);
    gap: 12px;
    gap: var(--spacing-3);
    min-height: 55px;
    margin: 0 -16px;
    margin: 0 calc(-1 * var(--spacing-4));
    cursor: pointer
}

.mobile-menu__item--heading-back-link .icon {
    transform: rotate(180deg);
    width: 16px
}

.mobile-menu__link {
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    padding: var(--spacing-3) var(--spacing-4);
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    background-color: transparent;
    color: inherit;
    border: none
}

.mobile-menu__link .icon {
    --link-icon-size: 12px;
    width: 12px;
    width: var(--link-icon-size);
    height: 12px;
    height: var(--link-icon-size)
}

.mobile-menu__link .icon.icon-chevron {
    transform: rotate(270deg)
}

.mobile-menu__link--cb {
    justify-content: flex-start
}

.mobile-menu__form {
    margin: 0 16px;
    margin: 0 var(--spacing-4);
    border-top: 1px solid var(--color-text-header-half-transparent);
    padding: 8px 0 16px;
    padding: var(--spacing-2) 0 var(--spacing-4);
    z-index: 1;
    box-shadow: 0 -22px 22px var(--color-background-header)
}

.mobile-menu__footer {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    transition: all .3s ease-out
}

.mobile-menu__footer .localization-item-trigger {
    margin: 0;
    padding: 0;
    border-bottom: 0;
    text-transform: none
}

.mobile-menu__footer .localization-item-trigger>.mobile-menu__link {
    height: 38px;
    justify-content: center
}

.mobile-menu__footer .localization-item-trigger>.mobile-menu__link .flag-icon {
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

.mobile-menu__footer .localization-item-trigger>.mobile-menu__link .icon {
    margin-right: 4px;
    margin-right: var(--spacing-1)
}

.mobile-menu__footer[data-localization-option-count="1"] .localization-item-trigger {
    width: 100%
}

.mobile-menu__footer[data-localization-option-count="2"] .localization-item-trigger {
    width: 50%
}

.mobile-menu__footer[data-localization-option-count="2"] .localization-item-trigger+.localization-item-trigger {
    border-left: 1px solid var(--color-text-header-half-transparent)
}

.mobile-menu__link--label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mobile-menu__social_icons_section {
    margin-top: auto;
    padding: 16px;
    padding: var(--spacing-4);
    padding-top: 20px;
    padding-top: var(--spacing-5)
}

.mobile-menu__social_icons_section:not(:last-child) {
    padding-bottom: 0
}

.mobile-menu__social_icons_section .social-icons {
    width: auto;
    grid-gap: 1px;
    gap: 1px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-columns: repeat(var(--social-media-icons-per-row, 4), 1fr)
}

.mobile-menu__social_icons_section .social-icons li {
    height: 36px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 1px solid var(--color-text-popups-drawers-no-transparency-alpha-10)
}

.mobile-menu__social_icons_section .social-icons li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-menu__social_icons_section .social-icons li .icon {
    --social-icon-size: 20px;
    width: 20px;
    width: var(--social-icon-size);
    height: 20px;
    height: var(--social-icon-size)
}

.mobile-menu__social_icons_section .social-icons li+li {
    margin: 0
}

.mobile-menu .login {
    padding: 20px 16px;
    padding: var(--spacing-5) var(--spacing-4)
}

.mobile-menu .account-overview,
.mobile-menu .regional-settings {
    width: 100%;
    padding: 12px 16px;
    padding: var(--spacing-3) var(--spacing-4)
}

.mobile-menu .regional-settings h3 {
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.mobile-menu .regional-settings label {
    margin-top: 16px;
    margin-top: var(--spacing-4);
    margin-bottom: 4px;
    margin-bottom: var(--spacing-1)
}

.mobile-menu .regional-settings select {
    width: 100%;
    font-size: inherit;
    padding: 8px;
    padding: var(--spacing-2);
    margin: 0;
    border: 1px solid var(--color-border-input-popups-drawers)
}

.mobile-menu .regional-settings select:after {
    content: "";
    width: .8em;
    height: .5em;
    background-color: var(--select-arrow);
    -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    clip-path: polygon(100% 0%, 0 0%, 50% 100%)
}

.mobile-menu .regional-settings button {
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

.mobile-menu__regional-settings-footer {
    position: sticky;
    z-index: 1;
    bottom: calc(env(safe-area-inset-bottom, 0)*-1);
    background-color: var(--color-background-popups-drawers);
    margin-top: auto;
    padding-top: 24px;
    padding-top: var(--spacing-6);
    padding-bottom: env(safe-area-inset-bottom, 8px);
    padding-bottom: env(safe-area-inset-bottom, var(--spacing-2));
    background: linear-gradient(to bottom, var(--color-background-popups-drawers-alpha-0) 0px, var(--color-background-popups-drawers) 20px);
    background: linear-gradient(to bottom, var(--color-background-popups-drawers-alpha-0) 0px, var(--color-background-popups-drawers) var(--spacing-5))
}

.mobile-menu__social_icons_section+.mobile-menu__regional-settings-footer {
    margin-top: 0
}

.mobile-menu__regional-settings-footer .mobile-menu__regional-settings-footer__text {
    display: flex;
    align-items: center
}

.mobile-menu__regional-settings-footer .mobile-menu__regional-settings-footer__flag-icon {
    --flag-icon-size: 20px;
    border-radius: 100%;
    width: 20px;
    width: var(--flag-icon-size);
    height: 20px;
    height: var(--flag-icon-size);
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

.mobile_menu__promo_blocks {
    display: flex;
    flex-direction: column;
    gap: 16px;
    gap: var(--spacing-4)
}

.mobile_menu__promo_block {
    padding: 12px 16px;
    padding: var(--spacing-3) var(--spacing-4)
}

.mobile-menu-block-title {
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

[data-menu-depth="1"]>.mobile_menu__promo_blocks[data-position=top] .mobile-menu-block-promoted-collections:first-child,
[data-menu-depth="1"]>.mobile_menu__promo_blocks[data-position=top] .mobile-menu-block-promoted-products:first-child,
[data-menu-depth="2"]>.mobile_menu__promo_blocks[data-position=top] .mobile-menu-block-promoted-collections:first-child,
[data-menu-depth="2"]>.mobile_menu__promo_blocks[data-position=top] .mobile-menu-block-promoted-products:first-child {
    padding-top: 12px;
    padding-top: var(--spacing-3)
}

.mobile-menu-block-promoted-collections:first-child {
    padding-top: 24px;
    padding-top: var(--spacing-6)
}

.mobile-menu-block-promoted-collections__inner {
    display: grid;
    grid-gap: 12px;
    grid-gap: var(--spacing-3);
    gap: 12px;
    gap: var(--spacing-3)
}

.mobile-menu-block-promoted-collections__inner[data-column-count="2"] {
    grid-template-columns: repeat(2, 1fr)
}

.mobile-menu-block-promoted-collections__inner[data-column-count="3"] {
    grid-template-columns: repeat(3, 1fr)
}

.mobile-menu-block-promoted-collections__inner[data-column-count="4"] {
    grid-template-columns: repeat(4, 1fr)
}

.mobile-menu-block-promoted-collections__inner[data-column-count="5"] {
    grid-template-columns: repeat(5, 1fr)
}

.mobile-menu-block-promoted-collections__inner[data-title-style=beneath] {
    row-gap: 20px;
    row-gap: var(--spacing-5)
}

.mobile-menu-block-promoted-collections__inner .mobile-menu-block-promoted-collections-item {
    position: relative
}

.mobile-menu-block-promoted-collections__inner .mobile-menu-block-promoted-collections-item[data-title-style=beneath] .mobile-menu-block-promoted-collections-item__text-title {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.mobile-menu-block-promoted-collections__inner .mobile-menu-block-promoted-collections-item[data-title-style=overlay] .mobile-menu-block-promoted-collections-item__text-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    color: var(--color-text);
    justify-content: var(--text-horizontal-position);
    align-items: var(--text-vertical-position);
    text-align: var(--text-alignment)
}

.mobile-menu-block-promoted-collections__inner .mobile-menu-block-promoted-collections-item[data-title-style=overlay] .mobile-menu-block-promoted-collections-item__text-title {
    padding: 8px 12px;
    padding: var(--spacing-2) var(--spacing-3);
    z-index: 1
}

.mobile-menu-block-promoted-collections__inner .mobile-menu-block-promoted-collections-item-link {
    position: relative;
    display: block
}

.mobile-menu-block-promoted-products:first-child {
    padding-top: 24px;
    padding-top: var(--spacing-6)
}

.mobile-menu-block-promoted-products__inner,
.mobile-menu-block-promoted-products__inner .mobile-menu-promoted-products-item {
    display: flex;
    gap: 12px;
    gap: var(--spacing-3)
}

.mobile-menu-block-promoted-products__inner[data-layout=columns] {
    margin: 0 -16px;
    margin: 0 calc(-1 * var(--spacing-4));
    padding: 0 16px;
    padding: 0 var(--spacing-4);
    padding-bottom: 8px;
    padding-bottom: var(--spacing-2);
    margin-bottom: -8px;
    margin-bottom: calc(-1 * var(--spacing-2));
    flex-direction: row;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.mobile-menu-block-promoted-products__inner[data-layout=columns]::-webkit-scrollbar {
    display: none
}

.mobile-menu-block-promoted-products__inner[data-layout=columns] .mobile-menu-promoted-products-item,
.mobile-menu-block-promoted-products__inner[data-layout=list] {
    flex-direction: column
}

.mobile-menu-block-promoted-products__inner[data-layout=list] .mobile-menu-promoted-products-item {
    flex-direction: row;
    align-items: center
}

.mobile-menu-promoted-products-item-image-wrap {
    flex-shrink: 0
}

.mobile-menu-promoted-products-item-text-wrap {
    overflow: hidden
}

.mobile-menu-promoted-products-item-text-wrap .mobile-menu-promoted-products-item-text-subtitle {
    margin-top: 2px;
    margin-top: var(--spacing-unit-half)
}

.mobile-menu-promoted-products-item-text-wrap .mobile-menu-promoted-products-item-text-vendor {
    margin-bottom: 2px;
    margin-bottom: var(--spacing-unit-half)
}

.mobile-menu-promoted-products-item-text-wrap .mobile-menu-promoted-products-item-text-price {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.mobile-menu-promoted-products-item-text-wrap .mobile-menu-promoted-products-item-text-price .t-subdued {
    margin-right: 4px;
    margin-right: var(--spacing-1)
}

.mobile-menu-promoted-products-item-text-wrap .mobile-menu-promoted-products-item-text-price .sale {
    color: var(--color-products-sale-price)
}

.mobile_menu__promo_blocks[data-position=top] .mobile-menu-block-promoted-text:last-child {
    border-bottom: 1px solid var(--color-text-popups-drawers-alpha-10);
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3);
    padding-bottom: 24px;
    padding-bottom: var(--spacing-6)
}

.mobile_menu__promo_blocks[data-position=bottom] .mobile-menu-block-promoted-text:first-child {
    border-top: 1px solid var(--color-text-popups-drawers-alpha-10);
    margin-top: 12px;
    margin-top: var(--spacing-3);
    padding-top: 24px;
    padding-top: var(--spacing-6)
}

.mobile-menu-block-promoted-text__inner h1,
.mobile-menu-block-promoted-text__inner h2,
.mobile-menu-block-promoted-text__inner h3,
.mobile-menu-block-promoted-text__inner h4,
.mobile-menu-block-promoted-text__inner h5,
.mobile-menu-block-promoted-text__inner h6 {
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    margin: 1em 0
}

.mobile-menu-block-promoted-text__inner ul,
.mobile-menu-block-promoted-text__inner ol {
    padding-left: 2em
}

.quick-search.quick-search--desktop {
    min-width: 200px;
    height: auto;
    height: var(--quick-search-height, auto)
}

.quick-search__inner {
    width: 100%;
    left: 0;
    z-index: 400;
    z-index: var(--z-index-popup);
    color: var(--color-text-search-field)
}

.quick-search__active-search-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0
}

@media (min-width: 960px) {
    .quick-search__active-search-container {
        transition: visibility 0s .3s cubic-bezier(.33, 0, 0, 1), opacity 0s .3s cubic-bezier(.33, 0, 0, 1);
        transition: visibility 0s var(--duration-fast) var(--easing), opacity 0s var(--duration-fast) var(--easing)
    }
}

[data-quick-search-active=true] .quick-search__active-search-container {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s cubic-bezier(.33, 0, 0, 1), opacity 0s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s 0s var(--easing), opacity 0s var(--easing)
}

.quick-search__form {
    position: absolute
}

.quick-search--desktop .quick-search__form {
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    width: var(--quick-search-width, 100%);
    left: 0;
    left: calc(var(--quick-search-left, 0px) - var(--header-left, 0px));
    transition: width .2s ease, left .2s ease
}

.quick-search--desktop[data-quick-search-active=true] .quick-search__form {
    left: 32px;
    left: calc(var(--space-outer) * 2);
    width: min(calc(100vw - (var(--space-outer) * 4) - (var(--space-outer) * 4)), calc(var(--max-width) - (var(--space-outer) * 4)));
    width: min(calc(100vw - 128px), 1736px);
    width: min(calc(100vw - calc(var(--space-outer) * 4) - calc(var(--space-outer) * 4)), calc(var(--max-width) - calc(var(--space-outer) * 4)))
}

.quick-search--mobile .quick-search__form {
    bottom: 12px;
    bottom: var(--spacing-3);
    transform: translateY(0);
    left: 16px;
    left: var(--space-outer);
    width: calc(100% - 32px);
    width: calc(100% - (var(--space-outer) * 2));
    transition: width .2s ease
}

.quick-search--mobile[data-quick-search-active=true] .quick-search__form {
    width: calc(100% - 32px);
    width: calc(100% - (var(--space-outer) * 2))
}

.quick-search__bar {
    position: relative;
    display: flex
}

.quick-search__bar-inner {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: var(--color-background);
    border: solid 1px var(--color-border-search-field)
}

.header-transparent .quick-search__bar-inner {
    background-color: transparent
}

.quick-search--desktop .quick-search__bar-inner {
    flex-grow: 0;
    transition: flex-grow .3s cubic-bezier(.33, 0, 0, 1);
    transition: flex-grow var(--duration-fast) var(--easing)
}

.quick-search--mobile .quick-search__bar-inner {
    flex-shrink: 0;
    transition: none
}

.quick-search--mobile[data-quick-search-active=true] .quick-search__bar-inner {
    flex-shrink: 1;
    transition: flex-shrink .3s cubic-bezier(.33, 0, 0, 1);
    transition: flex-shrink var(--duration-fast) var(--easing)
}

.quick-search__cancel {
    white-space: nowrap
}

.quick-search__cancel.btn.btn--text {
    color: var(--color-text-header)
}

.quick-search--desktop .quick-search__cancel {
    position: absolute;
    top: 50%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transform: translate(calc(100% + 16px), -50%);
    transform: translate(calc(100% + var(--spacing-4)), -50%);
    transition: opacity .3s, transform .3s cubic-bezier(.33, 0, 0, 1), visibility 0s .3s;
    transition: opacity var(--duration-fast), transform var(--duration-fast) var(--easing), visibility 0s var(--duration-fast)
}

[data-quick-search-active=true] .quick-search__cancel {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s, transform .3s cubic-bezier(.33, 0, 0, 1), visibility 0s 0s;
    transition: opacity var(--duration-fast), transform var(--duration-fast) var(--easing), visibility 0s 0s
}

.quick-search--mobile .quick-search__cancel {
    position: absolute;
    flex-shrink: 1;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease, margin .3s ease, visibility 0s .3s ease;
    transition: opacity var(--duration-fast) ease, margin var(--duration-fast) ease, visibility 0s var(--duration-fast) ease
}

.quick-search--mobile[data-quick-search-active=true] .quick-search__cancel {
    position: relative;
    visibility: visible;
    opacity: 1;
    margin-left: 8px;
    margin-left: var(--spacing-2);
    transition: opacity .3s ease, margin .3s ease, visibility 0s 0s ease;
    transition: opacity var(--duration-fast) ease, margin var(--duration-fast) ease, visibility 0s 0s ease
}

.quick-search__input,
.quick-search__faux-input {
    position: relative;
    width: 100%;
    height: var(--quick-search-input-height);
    padding: 8px 12px;
    padding: var(--spacing-2) var(--spacing-3);
    padding-right: 54px;
    padding-right: calc(var(--spacing-3) + 42px);
    border: 0;
    background-color: var(--color-background-input);
    color: var(--color-text-input);
    white-space: nowrap
}

.quick-search__input::-moz-placeholder {
    color: inherit;
    opacity: .7
}

.quick-search__input::placeholder {
    color: inherit;
    opacity: .7
}

.quick-search__faux-input {
    font-size: inherit;
    font-family: inherit;
    font-weight: var(--font-body-weight);
    cursor: text;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis
}

.quick-search__faux-input[data-placeholder-active=true] span {
    opacity: .7
}

.quick-search__trigger-container {
    visibility: visible;
    opacity: 1
}

@media (min-width: 960px) {
    .quick-search__trigger-container {
        transition: visibility 0s .3s cubic-bezier(.33, 0, 0, 1), opacity 0s cubic-bezier(.33, 0, 0, 1);
        transition: visibility 0s var(--duration-fast) var(--easing), opacity 0s var(--easing)
    }
}

[data-quick-search-active=true] .quick-search__trigger-container {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s 0s var(--easing)
}

.quick-search__type-select-wrapper {
    position: relative;
    max-width: 8em;
    cursor: pointer
}

.quick-search__type-select-wrapper:hover:before {
    content: "";
    background: currentColor;
    opacity: .05;
    z-index: 3;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    position: absolute;
    pointer-events: none;
    border-radius: 4px
}

.quick-search__type-select-wrapper select {
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 959px) {
    .quick-search__type-select-wrapper select {
        padding-right: 28px;
        padding-right: var(--spacing-7)
    }
}

@media (min-width: 960px) {
    .quick-search__type-select-wrapper {
        max-width: 10em
    }
}

.quick-search__type-select-wrapper:after {
    content: "";
    position: absolute;
    top: 8px;
    top: var(--spacing-2);
    right: 0;
    bottom: 8px;
    bottom: var(--spacing-2);
    border-right: solid 1px var(--color-border)
}

@media (min-width: 960px) {
    [data-navigation-position=inline] .quick-search__type-select-wrapper--faux {
        display: none
    }
}

.quick-search__type-select {
    display: block;
    height: 40px;
    padding: 8px 12px;
    padding: var(--spacing-2) var(--spacing-3);
    border: 0
}

.quick-search__submit {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    display: flex;
    width: 44px;
    height: calc(100% + 2px);
    color: var(--color-button-primary-text);
    background: var(--color-button-primary-background)
}

.quick-search__submit[data-color-source=search_field] {
    color: var(--color-text-input);
    background-color: transparent
}

.quick-search__submit .icon {
    width: 16px;
    height: 16px;
    margin: auto
}

.quick-search__clear {
    position: absolute;
    top: 50%;
    right: 54px;
    right: calc(var(--spacing-3) + 42px);
    transform: translateY(-50%);
    display: flex;
    width: 16px;
    height: 16px;
    padding: 4px;
    padding: var(--spacing-1);
    background-color: var(--color-text-search-field);
    color: var(--color-background-search-field);
    border-radius: 100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .3s cubic-bezier(.33, 0, 0, 1), opacity .3s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s var(--duration-fast) var(--easing), opacity var(--duration-fast) var(--easing)
}

.quick-search__clear .icon {
    width: 8px;
    height: 8px;
    margin: auto
}

.quick-search__form--search-active .quick-search__clear {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s cubic-bezier(.33, 0, 0, 1), opacity .3s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s 0s var(--easing), opacity var(--duration-fast) var(--easing)
}

.quick-search__form--search-active .quick-search__clear:hover {
    opacity: .75
}

[data-quick-search-active=false] .quick-search__clear {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0s
}

.quick-search__results-wrapper,
.quick-search__suggested-wrapper {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    max-height: calc(100vh + -0);
    max-height: calc((var(--vh, 1vh) * 100) - (var(--height-header, 0) + var(--announcement-height, 0)));
    background-color: var(--color-background);
    box-shadow: 0 1px 3px #00000026, 0 2px 6px 2px #0000000d;
    box-shadow: var(--box-shadow-disclosure);
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (max-width: 959px) {

    .quick-search__results-wrapper,
    .quick-search__suggested-wrapper {
        top: calc(100% + 12px);
        top: calc(100% + var(--spacing-3));
        width: calc(100% + 32px);
        width: calc(100% + (var(--space-outer) * 2))
    }
}

.quick-search__results-wrapper::-webkit-scrollbar,
.quick-search__suggested-wrapper::-webkit-scrollbar {
    display: none
}

[data-quick-search-active=false] .quick-search__results-wrapper,
[data-quick-search-active=false] .quick-search__suggested-wrapper {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0s
}

.quick-search__loading {
    height: var(--min-empty-height);
    display: flex;
    align-items: center;
    justify-content: center
}

.quick-search__results-wrapper[data-loading=false] .quick-search__loading,
.quick-search__results-wrapper[data-loading=true] .quick-search__results,
.quick-search__results-wrapper[data-loading=true] .quick-search__footer {
    display: none
}

.quick-search__results,
.quick-search__suggested {
    width: 100%;
    background-color: var(--color-background-popups-drawers);
    color: var(--color-text-popups-drawers)
}

.quick-search__results:empty,
.quick-search__suggested:empty {
    display: none
}

.quick-search__results-wrapper {
    --color-text: var(--color-text-popups-drawers);
    --color-background: var(--color-background-popups-drawers);
    --color-background-meta: var(--color-background-meta-popups-drawers);
    --min-empty-height: 148px;
    display: none;
    min-height: 148px;
    min-height: var(--min-empty-height)
}

.quick-search__form--search-active .quick-search__results-wrapper {
    display: block
}

.quick-search__results-wrapper[data-results-count="0"] {
    text-align: center;
    padding: 40px 24px;
    padding: var(--spacing-10) var(--spacing-6)
}

.quick-search__suggested {
    padding-bottom: 8px;
    padding-bottom: var(--spacing-2)
}

.quick-search__suggested-wrapper {
    display: none
}

[data-quick-search-active=true] .quick-search__suggested-wrapper {
    display: block
}

.quick-search__form--search-active .quick-search__suggested-wrapper,
[data-quick-search-active=true] .quick-search__form--search-active .quick-search__suggested-wrapper {
    display: none
}

@media (min-width: 960px) {
    .quick-search__results-wrapper:not([data-results-count="0"]):not([data-loading=true]) .quick-search__results {
        display: flex
    }
}

.quick-search-results__query-suggestions-column,
.quick-search-results__results-column {
    padding-bottom: 28px;
    padding-bottom: var(--spacing-7)
}

@media (min-width: 960px) {
    .quick-search-results__query-suggestions-column {
        border-right: solid 1px var(--color-text-popups-drawers-alpha-10);
        flex-basis: 300px;
        flex-shrink: 0
    }
}

.quick-search-results__query-suggestions-column span {
    font-weight: var(--font-body-bold-weight)
}

.quick-search-results__query-suggestions-column mark {
    font-weight: var(--font-body-weight);
    background-color: transparent
}

.quick-search-results__results-column {
    width: 100%
}

.quick-search__resource-header,
.quick-search__no-results-header,
.quick-search__suggested-header {
    display: block;
    padding: 8px 16px;
    padding: var(--spacing-2) var(--spacing-4);
    background-color: var(--color-background-meta)
}

.quick-search__resource-header,
.quick-search__suggested-header {
    text-transform: uppercase;
    background-color: var(--color-text-popups-drawers-alpha-05)
}

.quick-search__no-results-header {
    padding-bottom: 0
}

.quick-search__no-results {
    padding: 4px 16px;
    padding: var(--spacing-1) var(--spacing-4)
}

.quick-search__resource-header+.quick-search__no-results {
    margin-top: 12px;
    margin-top: var(--spacing-3);
    margin-bottom: 28px;
    margin-bottom: var(--spacing-7)
}

.quick-search__resource-list {
    display: block;
    padding: 0;
    margin-top: 8px;
    margin-top: var(--spacing-2);
    margin-bottom: 28px;
    margin-bottom: var(--spacing-7);
    list-style: none
}

.quick-search__resource-list:last-of-type {
    margin-bottom: 0
}

.quick-search__resource-list.quick-search__resource-list--columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 16px;
    grid-column-gap: var(--spacing-4);
    -moz-column-gap: 16px;
    column-gap: 16px;
    -moz-column-gap: var(--spacing-4);
    column-gap: var(--spacing-4);
    grid-row-gap: 16px;
    grid-row-gap: var(--spacing-4);
    row-gap: 16px;
    row-gap: var(--spacing-4);
    padding: 8px 16px;
    padding: var(--spacing-2) var(--spacing-4)
}

@media (min-width: 480px) {
    .quick-search__resource-list.quick-search__resource-list--columns {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width: 720px) {
    .quick-search__resource-list.quick-search__resource-list--columns {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width: 960px) {
    .quick-search__resource-list.quick-search__resource-list--columns {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

.quick-search__result {
    display: block;
    padding: 6px 16px;
    padding: calc(var(--spacing-1) + var(--spacing-unit-half)) var(--spacing-4)
}

.quick-search__resource-list--list_thumbnails .quick-search__result {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    padding: var(--spacing-2) var(--spacing-4)
}

.quick-search__resource-list--columns .quick-search__result {
    padding: 0;
    text-align: center
}

.quick-search__resource-list--columns .quick-search__result:hover,
.quick-search__resource-list--columns .quick-search__result:focus {
    background-color: transparent
}

.quick-search__result:hover .quick-search__result-heading {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

.quick-search__result:hover,
.quick-search__result:focus {
    background-color: var(--color-text-popups-drawers-alpha-03)
}

.quick-search__result[data-result-type=suggested-search] {
    display: flex
}

.quick-search__result[data-result-type=suggested-search] .icon {
    width: 15px;
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

.quick-search__result-image-wrapper {
    display: block
}

.quick-search__resource-list--list_thumbnails .quick-search__result-image-wrapper {
    flex: 0 0 64px;
    margin-right: 16px;
    margin-right: var(--spacing-4)
}

.quick-search__resource-list--columns .quick-search__result-image-wrapper {
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.quick-search__resource-list--list .quick-search__result-details {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.quick-search__result-heading,
.quick-search__result-vendor,
.quick-search__result-price {
    display: block
}

.quick-search__result-vendor,
.quick-search__result-price {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.quick-search__resource-list--list .quick-search__result-price {
    text-align: right
}

.quick-search__result-price>span+span,
.quick-search__result-price>s+span {
    margin-left: 4px;
    margin-left: var(--spacing-1)
}

.quick-search__result-price .sale {
    color: var(--color-sale-price-popups-drawers)
}

.quick-search__result-price .unit-price__price {
    margin-left: 0
}

.quick-search__footer {
    position: sticky;
    bottom: 0;
    border-top: solid 1px var(--color-text-popups-drawers-alpha-10);
    background-color: var(--color-background-popups-drawers);
    color: var(--color-text-popups-drawers)
}

.quick-search__results-wrapper[data-results-count="0"] .quick-search__footer {
    display: none
}

.quick-search__view-all {
    width: 100%;
    padding: 12px env(safe-area-inset-bottom, 16px);
    padding: var(--spacing-3) env(safe-area-inset-bottom, var(--spacing-4));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    gap: var(--spacing-2);
    transition: background-color .2s ease
}

.quick-search__view-all .icon {
    width: 12px;
    transform: rotate(-90deg)
}

.quick-search__view-all:hover {
    background-color: var(--color-text-popups-drawers-alpha-03)
}

.popover {
    --color-text: var(--color-text-popups-drawers);
    --color-background: var(--color-background-popups-drawers);
    --color-border: var(--color-border-popups-drawers);
    --color-border-input: var(--color-border-input-popups-drawers);
    --color-background-input: var(--color-background-input-popups-drawers);
    --color-text-input: var(--color-text);
    color: var(--color-text-popups-drawers);
    color: var(--color-text)
}

.popover .btn.btn--secondary {
    border-color: var(--color-border)
}

.popover .btn.btn--secondary:hover {
    border-color: var(--color-border-meta)
}

.popover .loader__bar {
    background-color: var(--color-text)
}

.popover blockquote {
    background-color: var(--color-background);
    box-shadow: inset 1px 0 0 var(--color-border)
}

.popover table td,
.popover table th {
    border: 1px solid var(--color-border)
}

.popover a {
    color: var(--color-text-link)
}

.popover .share-icons__icon {
    color: var(--color-text)
}

.placeholder-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-background-placeholder);
    height: 100%
}

.placeholder-image svg {
    fill: var(--color-foreground-placeholder);
    width: 100%;
    height: 100%
}

.social-icons {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    gap: 8px;
    gap: var(--spacing-2)
}

.social-icons.social-icons--center {
    justify-content: center
}

.social-icons.social-icons--right {
    justify-content: flex-end
}

.social-icons li {
    width: 24px;
    height: 24px;
    list-style: none
}

.social-icons a {
    display: block
}

.social-icons-block .social-icons {
    justify-content: center;
    gap: 16px;
    gap: var(--spacing-4)
}

.social-icons-block .social-icons.social-icons--left {
    justify-content: flex-start
}

.social-icons-block .social-icons.social-icons--right {
    justify-content: flex-end
}

.social-icons-block .social-icons li {
    margin: 0
}

.share-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.share-icons__icon {
    display: flex;
    align-items: center
}

.share-icons__icon .icon {
    width: 20px;
    height: 20px
}

.share-icons__label {
    padding-left: 8px;
    padding-left: var(--spacing-2);
    text-transform: none
}

.comments {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.comments__heading {
    margin: 36px 0 28px;
    margin: var(--spacing-9) 0 var(--spacing-7);
    padding-top: 36px;
    padding-top: var(--spacing-9);
    border-top: 1px solid var(--color-border)
}

.comment+.comment {
    padding-top: 28px;
    padding-top: var(--spacing-7)
}

.comment__meta {
    margin-bottom: 16px;
    margin-bottom: var(--spacing-4)
}

.comment__date {
    display: block;
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.comments__leave-heading {
    border-top: 1px solid var(--color-border);
    margin: 36px 0 28px;
    margin: var(--spacing-9) 0 var(--spacing-7);
    padding-top: 36px;
    padding-top: var(--spacing-9)
}

.comments__mod-message {
    margin: 12px 0;
    margin: var(--spacing-3) 0
}

.comments__submit {
    margin-top: 28px;
    margin-top: var(--spacing-7)
}

.active-filters {
    --filter-spacing: var(--spacing-2);
    --swatch-size: 18px;
    --icon-size: 15px
}

.active-filters-inner {
    display: flex;
    flex-wrap: wrap;
    gap: var(--filter-spacing);
    height: -moz-max-content;
    height: max-content
}

@media (max-width: 1023px) {
    .active-filters-inner {
        flex-wrap: nowrap;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .active-filters-inner::-webkit-scrollbar {
        display: none
    }
}

.active-filters-inner[data-has-active-filters=false] {
    display: none
}

.active-filters__active-filter {
    display: flex;
    align-items: center;
    height: 32px;
    background-color: var(--color-background-meta);
    padding: 4px 8px 4px 12px;
    padding: var(--spacing-1) var(--spacing-2) var(--spacing-1) var(--spacing-3);
    border-radius: 24px;
    transition: border-color .3s ease-in-out;
    white-space: nowrap;
    color: var(--color-text)
}

.filter-sidebar__footer-active-filters .active-filters__active-filter {
    margin: 0 8px 0 0;
    margin-right: var(--spacing-2)
}

.active-filters__active-filter:hover,
.active-filters__active-filter:focus {
    border-color: var(--color-text)
}

.active-filters__active-filter:hover .icon-close-small,
.active-filters__active-filter:focus .icon-close-small {
    background-color: var(--color-text-alpha-80);
    box-shadow: 0 0 0 8px var(--color-text-alpha-10);
    box-shadow: 0 0 0 var(--spacing-2) var(--color-text-alpha-10)
}

.active-filters__active-filter.active-filters__clear {
    background: transparent;
    color: var(--color-text);
    margin-left: 4px;
    margin-left: var(--spacing-1);
    white-space: nowrap;
    border: 0
}

.active-filters__active-filter .icon-close-small {
    width: var(--icon-size);
    height: var(--icon-size);
    margin-left: 12px;
    margin-left: var(--spacing-3);
    padding: 4px;
    padding: var(--spacing-1);
    background-color: var(--color-text-alpha-50);
    border-radius: 100%;
    pointer-events: none;
    color: var(--color-background)
}

.active-filters__active-filter .icon-close-small svg {
    display: block
}

.active-filters__swatch {
    display: flex;
    width: var(--swatch-size);
    height: var(--swatch-size);
    margin-right: 12px;
    margin-right: var(--spacing-3);
    margin-left: -4px;
    margin-left: calc(var(--spacing-1) * -1);
    border-radius: 100%;
    background-size: cover;
    background-position: center center;
    box-shadow: 0 0 0 1px inset var(--color-text-alpha-10), 0 0 0 0 var(--color-border)
}

.product-swatches-options {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.product-swatches-options__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    gap: var(--spacing-2);
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0
}

.product-swatches-options__list+.product-swatches-options__list {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.product-swatches-options__item {
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    border: 1px solid var(--color-text-alpha-05);
    cursor: pointer
}

@media (min-width: 720px) {
    .product-swatches-options__item {
        width: 24px;
        height: 24px
    }
}

.product-swatches-options__item[data-swatch-shape=rectangle] {
    width: 26px;
    height: 14px
}

@media (min-width: 720px) {
    .product-swatches-options__item[data-swatch-shape=rectangle] {
        width: 28px;
        height: 16px
    }
}

.product-swatches-options__item[data-swatch-shape=round] {
    border-radius: 50%
}

.product-swatches-options__item[data-has-hover-interaction=true]:hover,
.product-swatches-options__item[data-has-hover-interaction=true].active {
    box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px currentcolor
}

.product-swatches-options__item .product-swatches-options__item-tooltip {
    visibility: hidden;
    position: absolute;
    bottom: 115%;
    left: 50%;
    translate: -50%;
    padding: 2px 5px;
    white-space: nowrap;
    color: var(--color-background);
    background-color: var(--color-text);
    opacity: 0
}

.product-swatches-options__item .product-swatches-options__item-tooltip:after {
    content: "";
    position: absolute;
    top: 95%;
    left: 50%;
    translate: -50%;
    border-width: 5px;
    border-style: solid;
    border-color: var(--color-text) transparent transparent transparent
}

.product-swatches-options__item:hover .product-swatches-options__item-tooltip {
    visibility: visible;
    opacity: 1;
    z-index: 11
}

.product-swatches-options__item--overflow {
    white-space: nowrap;
    background: var(--color-text-alpha-05);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.inventory-counter.hidden {
    display: none
}

.inventory-counter .product__label-wrapper {
    margin-bottom: 0
}

.inventory-counter__label {
    margin-right: 12px;
    margin-right: var(--spacing-3)
}

.inventory-counter__bar {
    display: block;
    height: 4px;
    margin-top: 12px;
    margin-top: var(--spacing-3);
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3);
    background-color: var(--color-background-meta)
}

.inventory-counter__bar.hidden,
.inventory-counter[data-show-status-bar=false] .inventory-counter__bar {
    display: none
}

.inventory-counter__bar-progress {
    --bar-color: transparent;
    display: block;
    height: 100%;
    width: 100%;
    background-color: transparent;
    background-color: var(--bar-color);
    transition: width .75s ease .45s, background-color .5s ease .2s
}

.inventory-counter[data-stock-category=sufficient] .inventory-counter__bar-progress {
    --bar-color: var(--color-products-stock-good)
}

.inventory-counter[data-stock-category=low] .inventory-counter__bar-progress {
    --bar-color: var(--color-products-stock-medium)
}

.inventory-counter[data-stock-category=empty] .inventory-counter__bar-progress {
    --bar-color: var(--color-products-stock-bad)
}

.inventory-counter[data-stock-category=unavailable] .inventory-counter__bar-progress {
    --bar-color: var(--color-background-meta)
}

.inventory-counter__message {
    --message-color: transparent;
    display: flex;
    align-items: center;
    gap: 6px;
    gap: calc(var(--spacing-1) + var(--spacing-unit-half));
    color: transparent;
    color: var(--message-color);
    transition: color .5s ease .2s;
    font-weight: 800
}

.inventory-counter[data-stock-category=sufficient] .inventory-counter__message {
    --message-color: var(--color-products-stock-good)
}

.inventory-counter[data-stock-category=low] .inventory-counter__message {
    --message-color: var(--color-products-stock-medium)
}

.inventory-counter[data-stock-category=low] .inventory-counter__message .icon-stock-check {
    display: none
}

.inventory-counter[data-stock-category=low] .inventory-counter__message .icon-stock-low {
    display: block
}

.inventory-counter[data-stock-category=empty] .inventory-counter__message .icon-stock-check,
.inventory-counter[data-stock-category=unavailable] .inventory-counter__message .icon-stock-check {
    display: none
}

.inventory-counter[data-stock-category=empty] .inventory-counter__message .icon-stock-unavailable,
.inventory-counter[data-stock-category=unavailable] .inventory-counter__message .icon-stock-unavailable {
    display: block
}

.inventory-counter[data-stock-category=empty] .inventory-counter__message {
    --message-color: var(--color-products-stock-bad)
}

.inventory-counter[data-stock-category=unavailable] .inventory-counter__message {
    --message-color: var(--color-text-alpha-60)
}

.inventory-counter__message[data-indicator-style=icon_with_text] .inventory-counter__message-icon {
    width: 16px;
    height: 16px
}

.inventory-counter__message[data-indicator-style=dot_with_text] .inventory-counter__message-icon {
    width: 8px;
    height: 8px
}

.inventory-counter__message-icon {
    background-color: var(--message-color);
    color: var(--color-background);
    border-radius: 100%
}

.inventory-counter__message-icon.icon-stock-low,
.inventory-counter__message-icon.icon-stock-unavailable {
    display: none
}

.inventory-counter__transfer-notice {
    color: var(--color-text-alpha-60)
}

.product-card-mini {
    padding: 16px;
    padding: var(--spacing-4)
}

.product-card-mini .product-card-mini__meta {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.product-card-mini .product-card-mini__meta .product-card-mini__price {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.product-card-mini .product-card-mini__meta .product-card-mini__price .sale {
    color: var(--color-products-sale-price)
}

.product-card-mini .product-card-mini__quick-view-button {
    margin: 12px auto 0;
    margin: var(--spacing-3) auto 0
}

@media (max-width: 959px) {
    .product-card-mini.alt-layout-below-960 .product-card-mini__inner {
        display: flex;
        flex-direction: row
    }

    .product-card-mini.alt-layout-below-960 .product-card-mini__inner .product-card-mini__meta {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        justify-content: center
    }

    .product-card-mini.alt-layout-below-960 .product-card-mini__inner .product-card-mini__meta .product-card-mini__quick-view-button {
        margin-left: 0
    }

    .product-card-mini.alt-layout-below-960 .product-card-mini__inner .product-card-mini__image-link {
        flex: 0 0 80px;
        width: 80px;
        margin-right: 16px;
        margin-right: var(--spacing-4)
    }
}

.grid-item {
    display: block;
    min-height: var(--mobile-height)
}

@media (min-width: 960px) {
    .grid-item {
        min-height: var(--height);
        padding: 12px;
        padding: calc(var(--grid-spacing, var(--spacing-6)) / 2)
    }
}

.grid-item.grid-item--width-100,
.grid-item.grid-item--width-66 {
    width: 100%
}

@media (min-width: 960px) {
    .grid-item.grid-item--width-66 {
        width: calc(100% * (2 / 3))
    }
}

.grid-item.grid-item--width-50 {
    width: 100%
}

@media (min-width: 960px) {
    .grid-item.grid-item--width-50 {
        width: 50%
    }
}

.grid-item.grid-item--width-33 {
    width: 100%
}

@media (min-width: 960px) {
    .grid-item.grid-item--width-33 {
        width: calc(100% / 3)
    }
}

.grid-item.grid-item--width-25 {
    width: 100%
}

@media (min-width: 960px) {
    .grid-item.grid-item--width-25 {
        width: 50%
    }
}

@media (min-width: 1200px) {
    .grid-item.grid-item--width-25 {
        width: 25%
    }
}

@media (min-width: 1200px) {
    .grid-item.grid-item--width-25 .grid-item__text-container-wrapper {
        padding: 24px;
        padding: var(--spacing-6)
    }
}

@media (max-width: 959px) {
    .grid-item+.grid-item {
        margin-top: 12px;
        margin-top: calc(var(--grid-spacing, var(--spacing-6)) / 2)
    }
}

.grid-item__inner {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: var(--color-background)
}

.grid-item__image {
    position: relative;
    height: 100%
}

.grid-item__text-container-wrapper {
    height: 100%;
    display: flex;
    justify-content: var(--text-horizontal-position-mobile);
    align-items: var(--text-vertical-position-mobile);
    text-align: var(--text-alignment-mobile);
    padding: 20px;
    padding: var(--spacing-5)
}

@media (min-width: 960px) {
    .grid-item__text-container-wrapper {
        padding: 24px;
        padding: var(--spacing-6);
        justify-content: var(--text-horizontal-position);
        align-items: var(--text-vertical-position);
        text-align: var(--text-alignment)
    }
}

@media (min-width: 1200px) {
    .grid-item__text-container-wrapper {
        padding: 28px;
        padding: var(--spacing-7)
    }
}

.grid-item__text-container-wrapper ul {
    padding-left: 20px;
    padding-left: var(--spacing-5);
    text-align: left
}

@media (min-width: 960px) {
    .grid-item__text-container-wrapper ul {
        padding-left: 24px;
        padding-left: var(--spacing-6)
    }
}

@media (min-width: 1200px) {
    .grid-item__text-container-wrapper ul {
        padding-left: 28px;
        padding-left: var(--spacing-7)
    }
}

.grid-item__media-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

body.user-is-tabbing .grid-item__media-link:focus {
    border: 2px solid var(--color-text-link);
    border-radius: 4px
}

.grid-item__text-container {
    max-width: 600px;
    z-index: 1
}

.grid-item__button {
    display: flex;
    justify-content: var(--text-horizontal-position)
}

.grid-item__button .btn--callout {
    margin-top: -4px;
    margin-top: calc(var(--spacing-1) * -1)
}

.grid-item__text-container-inner {
    display: flex;
    flex-direction: column;
    align-items: var(--text-horizontal-position)
}

.grid-item__text-container-inner .grid-item__accent,
.grid-item__text-container-inner .grid-item__heading,
.grid-item__text-container-inner .grid-item__text {
    margin-bottom: 0
}

.grid-item__text-container-inner .grid-item__accent+.grid-item__heading,
.grid-item__text-container-inner .grid-item__accent+.grid-item__text,
.grid-item__text-container-inner .grid-item__heading+.grid-item__heading,
.grid-item__text-container-inner .grid-item__heading+.grid-item__text,
.grid-item__text-container-inner .grid-item__text+.grid-item__heading,
.grid-item__text-container-inner .grid-item__text+.grid-item__text {
    margin-top: 4px;
    margin-top: var(--spacing-1)
}

.flash-alert {
    position: absolute;
    right: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    visibility: hidden;
    pointer-events: none;
    max-width: 1800px;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 16px;
    padding: 0 var(--space-outer)
}

.flash-alert.is-visible {
    visibility: visible
}

.flash-alert.is-visible .flash-alert__container {
    animation: show 4s ease 0s
}

.template-password .flash-alert {
    position: fixed
}

@keyframes show {
    0% {
        opacity: 0;
        transform: translateY(16px);
        transform: translateY(var(--spacing-4))
    }

    10% {
        opacity: 1;
        transform: translateY(0)
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }
}

.flash-alert__container {
    max-width: 200px;
    margin-top: 12px;
    margin-top: var(--spacing-3);
    padding: 8px 12px;
    padding: var(--spacing-2) var(--spacing-3);
    background-color: var(--color-background);
    color: var(--color-text);
    opacity: 0;
    box-shadow: 0 1px 1px #0000001a, 0 1px 4px #00000026;
    box-shadow: var(--box-shadow-short)
}

.template-password .flash-alert__container {
    margin-top: 40px;
    margin-top: var(--spacing-10)
}

.article-item {
    display: flex;
    flex-direction: column;
    height: 100%
}

.article-item__image-wrapper {
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.article-item__content-display {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.article-item__content {
    flex-grow: 1
}

.article-item__content-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-top: var(--spacing-5);
    background-color: var(--color-background)
}

@media (min-width: 1024px) {
    .article-item__content-inner {
        padding-top: 24px;
        padding-top: var(--spacing-6)
    }
}

.text-box .article-item__content-inner {
    padding: 20px;
    padding: var(--spacing-5)
}

@media (min-width: 1024px) {
    .text-box .article-item__content-inner {
        padding: 24px;
        padding: var(--spacing-6)
    }
}

.article-item__tags {
    margin: 0 0 8px;
    margin: 0 0 var(--spacing-2)
}

.article-item__title {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.article-item__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    gap: var(--spacing-3);
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3);
    color: var(--color-text)
}

@media (min-width: 1200px) {
    .article-item__meta {
        margin-bottom: 16px;
        margin-bottom: var(--spacing-4)
    }
}

.article-item__meta span,
.article-item__meta time {
    opacity: .8
}

.article-item__meta .article-item__meta-separator {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: var(--color-text);
    opacity: .5
}

.article-item__excerpt {
    margin-bottom: 24px;
    margin-bottom: var(--spacing-6)
}

.article-item__read-button {
    margin-bottom: .1em
}

.text-box .article-item__read-button {
    flex-grow: 1
}

.text-box .article-item__read-button .btn {
    align-self: flex-end
}

.article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    gap: var(--spacing-2);
    margin: 0;
    padding: 0;
    list-style: none
}

.article-tags__item {
    position: relative
}

.article-tags__tag {
    position: relative;
    color: var(--color-text);
    padding: 2px 6px;
    padding: var(--spacing-unit-half) calc(var(--spacing-unit) + var(--spacing-unit-half));
    background-color: var(--color-text-alpha-10)
}

.social-share {
    position: relative;
    display: inline-block
}

.social-share__button {
    padding: 8px 12px;
    padding: var(--spacing-2) var(--spacing-3);
    border: 1px solid var(--color-text-alpha-20);
    border-radius: .25em;
    background-color: var(--color-background-meta);
    text-transform: none;
    text-transform: var(--font-button-text-transform, none)
}

.social-share__button .icon-share {
    width: 16px;
    height: 14px;
    margin-right: 6px
}

.social-share__button[aria-expanded=true] {
    background-color: var(--color-text);
    color: var(--color-background)
}

.social-sharing__popup-wrapper {
    --color-background: var(--color-background-popups-drawers);
    --color-background-meta: var(--color-background-meta-popups-drawers);
    --color-text: var(--color-text-popups-drawers);
    --color-background-input: var(--color-background-input-popups-drawers);
    --color-text-input: var(--color-text-input-popups-drawers);
    --color-border-input: var(--color-border-input-popups-drawers);
    position: absolute;
    margin-top: -8px;
    margin-top: calc(var(--spacing-2) * -1);
    margin-left: -8px;
    margin-left: calc(var(--spacing-2) * -1);
    padding: 8px;
    padding: var(--spacing-2);
    overflow: hidden;
    z-index: 3
}

[aria-expanded=false]+.social-sharing__popup-wrapper {
    visibility: hidden
}

.social-sharing--align-horizontal-center .social-sharing__popup-wrapper {
    left: 50%;
    transform: translate(-50%)
}

.social-sharing--align-horizontal-left .social-sharing__popup-wrapper {
    left: 0;
    transform: translate(0)
}

.social-sharing--align-horizontal-right .social-sharing__popup-wrapper {
    left: auto;
    right: 0;
    transform: translate(0)
}

.social-sharing--align-vertical-above .social-sharing__popup-wrapper {
    bottom: calc(100% + 4px);
    bottom: calc(100% + var(--spacing-1))
}

.social-sharing--align-vertical-above .social-sharing__popup-wrapper .social-sharing__popup {
    transform: translateY(100%)
}

.social-sharing--align-vertical-above .social-sharing__popup-wrapper .social-sharing__popup[aria-hidden=false] {
    transform: translateY(0)
}

.social-sharing--align-vertical-below .social-sharing__popup-wrapper {
    top: calc(100% + 8px);
    top: calc(100% + var(--spacing-2))
}

.social-sharing--align-vertical-below .social-sharing__popup-wrapper .social-sharing__popup {
    transform: translateY(-100%)
}

.social-sharing--align-vertical-below .social-sharing__popup-wrapper .social-sharing__popup[aria-hidden=false] {
    transform: translateY(0)
}

.social-sharing__popup {
    visibility: hidden;
    width: calc(100vw - 32px);
    width: calc(100vw - var(--space-outer) * 2);
    max-width: 350px;
    padding: 16px;
    padding: var(--spacing-4);
    box-shadow: 0 1px 3px #00000026, 0 2px 6px 2px #0000000d;
    box-shadow: var(--box-shadow-disclosure);
    background-color: var(--color-background);
    color: var(--color-text);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), visibility 0s .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing), visibility 0s var(--duration-normal) var(--easing)
}

.social-sharing--align-vertical-above .social-sharing__popup {
    transform: translateY(100%)
}

.social-sharing--align-vertical-below .social-sharing__popup {
    transform: translateY(-100%)
}

.social-sharing__popup[aria-hidden=false] {
    visibility: visible;
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), visibility 0s 0s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing), visibility 0s 0s var(--easing);
    z-index: 400;
    z-index: var(--z-index-popup)
}

.social-share__input-wrapper {
    position: relative;
    display: flex;
    border: solid 1px var(--color-border-input);
    background-color: var(--color-background-input);
    color: var(--color-text-input)
}

.social-share__input {
    display: block;
    width: 100%;
    height: 44px;
    height: var(--height-input);
    padding: 8px 12px;
    padding: var(--spacing-2) var(--spacing-3);
    padding-right: 0;
    border: 0;
    text-overflow: ellipsis;
    z-index: 1;
    transition: opacity .1s
}

.social-sharing__popup--success .social-share__input {
    opacity: 0
}

.social-share__copy-url {
    display: flex;
    flex: 0 0 16px;
    flex: 0 0 var(--spacing-4);
    padding: 4px 12px;
    padding: var(--spacing-1) var(--spacing-3);
    z-index: 3
}

.social-share__copy-url>.icon {
    margin: auto
}

.social-share__copy-url .icon-copy {
    width: 20px;
    height: 20px;
    transform: scaleX(-1)
}

.social-share__copy-url.hidden {
    display: none
}

.social-share__copy-url:hover,
.social-share__copy-url:focus {
    background-color: var(--color-text-input-popups-drawers-alpha-10)
}

.social-share__success-message {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 8px 12px;
    padding: var(--spacing-2) var(--spacing-3);
    margin: 0 auto;
    line-height: normal;
    opacity: 0;
    transition: opacity .1s
}

.social-share__success-message.hidden {
    display: none
}

.social-sharing__popup--success .social-share__success-message {
    opacity: 1;
    z-index: 2
}

.social-share__icons {
    margin-top: 16px;
    margin-top: var(--spacing-4);
    white-space: nowrap
}

.product-badges {
    flex-shrink: 0;
    display: flex;
    white-space: nowrap;
    pointer-events: none;
    text-transform: none;
    text-transform: var(--font-product-badge-text-transform, none)
}

.product-badge {
    display: flex;
    align-items: center;
    font-size: 160%;
    font-family: var(--font-product-badge);
    font-weight: 600;
    letter-spacing: 0;
    letter-spacing: var(--font-product-badge-letter-spacing, 0);
    text-transform: var(--font-product-badge-text-transform)
}

.product-badge[data-type=sale] .product-badge__inner {
    background-color: var(--color-background-sale-badge);
    color: var(--color-text-sale-badge)
}

.product-badge[data-type=sold-out] .product-badge__inner {
    background-color: var(--color-background-sold-badge);
    color: var(--color-text-sold-badge)
}

.product-badge[data-type=new] .product-badge__inner {
    background-color: var(--color-background-new-badge);
    color: var(--color-text-new-badge)
}

.product-badge__inner {
    background: var(--color-background);
    color: var(--color-text)
}

.product-badge+.product-badge {
    margin-left: 4px;
    margin-left: var(--spacing-1)
}

.product-item .product-badges {
    z-index: 2;
    position: absolute;
    flex-direction: column
}

.product-item .product-badges[data-badge-vertical-position=top] {
    top: 8px;
    top: var(--spacing-2)
}

.product-item .product-badges[data-badge-vertical-position=bottom] {
    bottom: 8px;
    bottom: var(--spacing-2)
}

.product-item .product-badges[data-badge-horizontal-position=right] {
    right: 8px;
    right: var(--spacing-2);
    align-items: flex-end
}

.product-item .product-badges[data-badge-horizontal-position=left] {
    left: 8px;
    left: var(--spacing-2)
}

.product-item .product-badges .product-badge+.product-badge {
    margin-top: 4px;
    margin-top: var(--spacing-1);
    margin-left: 0
}

.accordion {
    margin: 24px 0;
    margin: var(--spacing-6) 0
}

.accordion.product-reviews.hidden {
    display: none
}

.accordion+.accordion {
    margin-top: -24px;
    margin-top: calc(var(--spacing-6) * -1)
}

.accordion__label {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    text-align: left;
    cursor: pointer
}

.accordion__label[aria-expanded=true] .accordion__label-icons .icon {
    transform: scaleY(-1)
}

.accordion__label-icons {
    display: inline-flex;
    align-items: center;
    height: 1.3em
}

.accordion__content {
    padding-top: 20px;
    padding-top: var(--spacing-5);
    padding-bottom: 4px;
    padding-bottom: var(--spacing-1)
}

.accordion__content[aria-hidden=true] {
    display: none
}

.accordion__inner {
    background-color: var(--color-background);
    padding: 12px 16px;
    padding: var(--spacing-3) var(--spacing-4);
    box-shadow: 0 0 0 1px var(--color-border)
}

.quantity-input-wrapper__labels {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    gap: var(--spacing-1);
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.quantity-input-wrapper__cart-count[data-cart-item-count="0"] {
    display: none
}

.quantity-input {
    height: 45px;
    height: var(--quantity-input-size, 45px);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    transition: border-color .3s ease-in-out
}

.quantity-input.pending-quantity-update button,
.quantity-input.pending-quantity-update input {
    opacity: .4;
    cursor: default;
    pointer-events: none
}

.quantity-input[data-bordered=true] {
    border: 1px solid var(--color-border-input)
}

.quantity-input:hover {
    border-color: var(--color-text-input)
}

.quantity-input .quantity-widget {
    display: flex
}

.quantity-input input {
    height: 100%;
    width: 36px;
    padding: 0;
    border: 0;
    overflow: visible;
    text-align: center;
    color: var(--color-text-input);
    background-color: var(--color-background-input)
}

.quantity-input input::-webkit-outer-spin-button,
.quantity-input input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.no-js .quantity-input input {
    margin: 0
}

[data-quantity-in-cart="0"] .quantity-input [data-subtract-quantity],
[data-quantity-in-cart="1"] .quantity-input [data-subtract-quantity] {
    display: none !important
}

[data-quantity-in-cart]:not([data-quantity-in-cart="0"]):not([data-quantity-in-cart="1"]) .quantity-input [data-remove-item] {
    display: none !important
}

.quantity-input__button {
    position: relative;
    height: 100%;
    cursor: pointer;
    color: var(--color-text-input);
    background-color: var(--color-background-input);
    border: 0;
    transition: background-color .25s ease-in-out;
    padding: 6px 12px;
    padding: 6px var(--spacing-3);
    z-index: 1
}

.quantity-input__button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-text-input-alpha-5);
    opacity: 0;
    transition: opacity .25s ease-in-out
}

.quantity-input__button:hover:after {
    opacity: 1
}

.quantity-input__button .icon {
    --icon-width: 12px;
    --icon-height: 12px
}

.pending-quantity-update .quantity-input__button {
    cursor: default;
    pointer-events: none
}

.no-js .quantity-input__button {
    display: none
}

.free-shipping-bar {
    --color-progress-bar: var(--color-free-shipping-bar-below-full);
    position: relative;
    width: 100%;
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3);
    background-color: var(--color-background);
    border-top: 1px solid var(--color-border-alt);
    border-bottom: 1px solid var(--color-border-alt)
}

.free-shipping-bar[data-is-loaded=true] .inventory-counter__message-wrapper {
    visibility: visible
}

.free-shipping-bar[data-is-over-threshold=true] .free-shipping-bar-inner {
    --color-progress-bar: var(--color-free-shipping-bar-full)
}

.free-shipping-bar-inner {
    padding: 12px;
    padding: var(--spacing-3)
}

.inventory-counter__message-wrapper {
    display: flex;
    justify-content: center;
    color: var(--color-text);
    visibility: hidden
}

.inventory-counter__message-wrapper .icon {
    width: 1.25em;
    height: 1.25em;
    margin-top: 1px;
    margin-right: 10px
}

.free-shipping-bar__bar {
    position: relative;
    height: 4px;
    width: 100%;
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.free-shipping-bar__bar:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-text);
    opacity: .1
}

.free-shipping-bar__bar-progress {
    height: 4px;
    width: 0;
    width: var(--progress-width, 0);
    background-color: var(--color-progress-bar);
    position: absolute;
    left: 0;
    transition: width .2s ease
}

.free-shipping-bar__progress-complete {
    --complete-check-size: 16px;
    --icon-width: 8px;
    --icon-height: 8px;
    display: none;
    position: absolute;
    bottom: -6px;
    right: 0;
    width: 16px;
    width: var(--complete-check-size);
    height: 16px;
    height: var(--complete-check-size);
    background-color: var(--color-progress-bar);
    color: var(--color-background);
    border-radius: 100%;
    box-shadow: 0 0 0 1px var(--color-background);
    z-index: 1
}

[data-is-over-threshold=true] .free-shipping-bar__progress-complete {
    display: flex;
    align-items: center;
    justify-content: center
}

.sale-promotion {
    display: inline-block
}

.sale-promotion__sale {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.sales-banner[data-layout=one-column] .sale-promotion__sale {
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 auto
}

.sale-promotion__sale-grid {
    display: grid;
    grid-template-columns: auto auto;
    font-size: min(150px, 40vw);
    font-size: min(var(--promotion-amount-text-size-mobile, 150px), 40vw)
}

@media (min-width: 720px) {
    .sale-promotion__sale-grid {
        font-size: min(150px, 20vw);
        font-size: min(var(--promotion-amount-text-size, 150px), 20vw)
    }
}

.sale-promotion--per_month .sale-promotion__sale-grid,
.sale-promotion--per_year .sale-promotion__sale-grid {
    grid-template-columns: auto auto auto;
    font-size: min(150px, 34vw);
    font-size: min(var(--promotion-amount-text-size-mobile, 150px), 34vw)
}

@media (min-width: 720px) {

    .sale-promotion--per_month .sale-promotion__sale-grid,
    .sale-promotion--per_year .sale-promotion__sale-grid {
        font-size: min(150px, 17vw);
        font-size: min(var(--promotion-amount-text-size, 150px), 17vw)
    }
}

.sale-promotion__type {
    display: block;
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.sale-promotion__amount {
    line-height: .9
}

.sale-promotion__unit-currency {
    align-self: flex-start;
    font-size: .3em;
    line-height: 1
}

.sale-promotion__unit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: -moz-min-content;
    width: min-content;
    margin-left: 12px;
    margin-left: var(--spacing-3);
    font-size: .3em;
    line-height: 1;
    text-align: center
}

.sale-promotion__unit.sale-promotion__unit--per_month,
.sale-promotion__unit.sale-promotion__unit--per_year {
    align-self: flex-start;
    font-size: .3em
}

.sale-promotion__unit-percent {
    font-size: 1.2em
}

.sale-promotion__terms {
    margin-top: 0;
    margin-top: var(--terms-vertical-offset, 0px)
}

.search-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 12px;
    padding: var(--spacing-4) var(--spacing-3);
    background-color: var(--color-background-meta);
    z-index: var(--z-index-item)
}

@media (min-width: 480px) {
    .search-item {
        padding: 24px;
        padding: var(--spacing-6)
    }
}

[data-item-layout=list] .search-item {
    flex-direction: row
}

[data-item-layout=list] .search-item .search-item__image-wrapper {
    width: auto;
    margin-right: 12px;
    margin-right: var(--spacing-3)
}

[data-item-layout=list] .search-item[data-search-item-has-image=true] .search-item__meta {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

[data-item-layout=list] .search-item[data-search-item-has-image=true] .search-item__type {
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.search-item__image-wrapper {
    display: block;
    width: 100%;
    position: relative
}

.search-item__meta-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.search-item__meta {
    margin-top: auto;
    margin-bottom: 48px;
    margin-bottom: var(--spacing-12)
}

.search-item__image-wrapper+.search-item__meta {
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

.search-item__link.btn {
    margin: 16px 0 12px;
    margin: var(--spacing-4) 0 var(--spacing-3);
    font-size: var(--font-size-body-75)
}

.search-item__type {
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-top: auto;
    padding: 4px 16px;
    padding: var(--spacing-1) var(--spacing-4);
    border: solid 1px var(--color-border);
    border-radius: 40px;
    background-color: var(--color-background)
}

[data-scroll-container] {
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

[data-scroll-container]::-webkit-scrollbar {
    display: none
}

[data-scroll-container] [data-scroll-container-viewport] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

[data-scroll-container]:not(.scroll-container-initialized) .scroll-button {
    opacity: 0;
    pointer-events: none
}

[data-scroll-container] .scroll-sentinal {
    pointer-events: none;
    opacity: 0;
    flex-shrink: 0
}

[data-scroll-container] .scroll-button {
    height: 100%;
    width: 37px;
    background-color: var(--color-background);
    position: absolute;
    z-index: 10;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing);
    display: flex;
    align-items: center;
    justify-content: center
}

[data-scroll-container] .scroll-button .icon {
    width: 16px;
    height: 16px;
    opacity: .75
}

[data-scroll-container] .scroll-button:hover:not(:active) .icon {
    opacity: 1
}

[data-scroll-container][data-axis=horizontal] {
    display: flex
}

[data-scroll-container][data-axis=horizontal] .scroll-sentinal {
    width: 1px;
    height: 100%
}

[data-scroll-container][data-axis=horizontal] .scroll-sentinal[data-position=start] {
    margin-right: -1px
}

[data-scroll-container][data-axis=horizontal] .scroll-sentinal[data-position=end] {
    margin-left: -1px
}

[data-scroll-container][data-axis=horizontal] [data-scroll-container-viewport] {
    overflow-x: auto;
    overflow-y: hidden
}

[data-scroll-container][data-axis=horizontal] .scroll-button {
    height: 100%;
    width: 36px
}

[data-scroll-container][data-axis=horizontal] .scroll-button[data-position=start] {
    left: 0
}

[data-scroll-container][data-axis=horizontal] .scroll-button[data-position=start] .icon {
    transform: rotate(90deg)
}

[data-scroll-container][data-axis=horizontal] .scroll-button[data-position=end] {
    right: 0
}

[data-scroll-container][data-axis=horizontal] .scroll-button[data-position=end] .icon {
    transform: rotate(-90deg)
}

[data-scroll-container][data-axis=vertical] .scroll-sentinal {
    width: 100%;
    height: 1px
}

[data-scroll-container][data-axis=vertical] .scroll-sentinal[data-position=start] {
    margin-bottom: -1px
}

[data-scroll-container][data-axis=vertical] .scroll-sentinal[data-position=end] {
    margin-top: -1px
}

[data-scroll-container][data-axis=vertical] [data-scroll-container-viewport] {
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column
}

[data-scroll-container][data-axis=vertical] .scroll-button {
    width: 100%;
    height: 36px
}

[data-scroll-container][data-axis=vertical] .scroll-button[data-position=start] {
    top: 0
}

[data-scroll-container][data-axis=vertical] .scroll-button[data-position=start] .icon {
    transform: rotate(180deg)
}

[data-scroll-container][data-axis=vertical] .scroll-button[data-position=end] {
    bottom: 0
}

[data-scroll-container][data-at-start=true] .scroll-button[data-position=start],
[data-scroll-container][data-at-end=true] .scroll-button[data-position=end] {
    opacity: 0;
    pointer-events: none
}

[data-scroll-container-viewport] {
    scroll-behavior: smooth
}

[data-start-at-end=true] [data-scroll-container-viewport] {
    scroll-behavior: unset
}

[data-scroll-container-viewport] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

[data-scroll-container-viewport]::-webkit-scrollbar {
    display: none
}

.slideshow-slide {
    width: 100%;
    color: var(--color-text);
    text-align: var(--text-alignment-mobile)
}

@media (min-width: 720px) {
    .slideshow-slide {
        text-align: var(--text-alignment)
    }
}

.slideshow-slide__inner {
    position: relative
}

.slideshow-slide__image {
    position: relative;
    height: 100%
}

@media (min-width: 720px) {
    .slideshow-slide__image.slideshow-slide__image--mobile {
        display: none
    }
}

.slideshow-slide__image-link,
.slideshow-slide__overlay,
.slideshow-slide__text-container-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.user-is-tabbing .slideshow-slide__image-link:focus {
    outline-offset: -10px;
    outline-width: medium
}

.slideshow-slide__text-container-wrapper {
    display: flex;
    justify-content: var(--text-horizontal-position-mobile);
    align-items: var(--text-vertical-position-mobile);
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    margin: 0 auto;
    padding: 24px 16px;
    padding: var(--spacing-6) var(--space-outer)
}

@media (min-width: 720px) {
    .slideshow-slide__text-container-wrapper {
        justify-content: var(--text-horizontal-position);
        align-items: var(--text-vertical-position)
    }
}

@media (min-width: 1024px) {
    .slideshow-slide__text-container-wrapper {
        padding: 32px 16px;
        padding: var(--spacing-8) var(--space-outer)
    }
}

[data-has-navigation=true] .slideshow-slide__text-container-wrapper {
    padding: 40px 16px 72px;
    padding: var(--spacing-10) var(--space-outer) var(--spacing-18)
}

@media (min-width: 720px) {
    [data-has-navigation=true] .slideshow-slide__text-container-wrapper {
        padding: 40px 16px 80px;
        padding: var(--spacing-10) var(--space-outer) var(--spacing-20)
    }
}

.slideshow-slide__text-container {
    max-width: var(--content-max-width);
    display: flex;
    flex-direction: column;
    justify-content: var(--text-horizontal-position-mobile);
    align-items: var(--text-horizontal-position-mobile);
    text-align: var(--text-alignment-mobile)
}

@media (min-width: 720px) {
    .slideshow-slide__text-container {
        justify-content: var(--text-horizontal-position);
        align-items: var(--text-horizontal-position);
        text-align: var(--text-alignment)
    }
}

.slideshow-slide__text-container-inner {
    z-index: 1
}

.slideshow-slide__text-container-heading {
    word-break: break-word
}

.slideshow-navigation {
    --pause-button-size: calc(var(--spacing-6) + var(--spacing-unit-half));
    --icon-width: calc(var(--pause-button-size) - (var(--spacing-2) * 2));
    --icon-height: calc(var(--pause-button-size) - (var(--spacing-2) * 2));
    position: absolute;
    display: flex;
    right: 0;
    bottom: 12px;
    bottom: var(--spacing-3);
    left: 0;
    max-width: calc(100% - 32px);
    max-width: calc(100% - (var(--space-outer) * 2));
    margin: 0 auto;
    z-index: 1
}

.slideshow-navigation[data-alignment-mobile=center] {
    justify-content: center
}

.slideshow-navigation[data-alignment-mobile=right] {
    justify-content: flex-end
}

@media (min-width: 720px) {
    .slideshow-navigation {
        bottom: 16px;
        bottom: var(--spacing-4)
    }

    .slideshow-navigation[data-alignment=left] {
        justify-content: flex-start
    }

    .slideshow-navigation[data-alignment=center] {
        justify-content: center
    }

    .slideshow-navigation[data-alignment=right] {
        justify-content: flex-end
    }
}

.slideshow-navigation[data-background-style=gradient] .slideshow-navigation__inner {
    background: radial-gradient(50% 50% at 50% 50%, var(--color-background-alpha-background) 0%, var(--color-background-alpha-0) 100%)
}

.slideshow-navigation[data-background-style=fill] .slideshow-navigation__inner {
    background-color: var(--color-background-alpha-background)
}

[data-nav-has-background=true] .slideshow-navigation[data-background-style=fill] .slideshow-navigation__inner {
    padding-left: 16px;
    padding-left: var(--spacing-4);
    padding-right: 16px;
    padding-right: var(--spacing-4)
}

.slideshow-navigation[data-show-drop-shadows=true] [data-scroll-slider-page-dot]:before {
    box-shadow: 0 0 3px #00000040
}

.slideshow-navigation[data-show-drop-shadows=true] .slideshow-navigation__pause-button .icon svg * {
    box-shadow: 0 1px 2px #00000040
}

.slideshow-navigation[data-autoplay=false] [data-scroll-slider-page-dot].is-selected:after {
    animation: none;
    width: 100%
}

.slideshow-navigation__inner {
    display: flex;
    align-items: center;
    gap: 12px;
    gap: var(--spacing-3);
    border-radius: 5px;
    max-width: 100%
}

[data-size-mobile=narrow] .slideshow-navigation__inner {
    width: 20%
}

[data-size-mobile=regular] .slideshow-navigation__inner {
    width: 40%
}

[data-size-mobile=wide] .slideshow-navigation__inner {
    width: 60%
}

[data-size-mobile=extra-wide] .slideshow-navigation__inner {
    width: 80%
}

@media (min-width: 720px) {
    .slideshow-navigation__inner {
        bottom: 16px;
        bottom: var(--spacing-4)
    }

    [data-size=narrow] .slideshow-navigation__inner {
        width: 20%
    }

    [data-size=regular] .slideshow-navigation__inner {
        width: 40%
    }

    [data-size=wide] .slideshow-navigation__inner {
        width: 60%
    }

    [data-size=extra-wide] .slideshow-navigation__inner {
        width: 80%
    }
}

.slideshow-navigation__dots {
    flex-grow: 1
}

.slideshow-navigation__dots .scroll-slider-page-dots {
    gap: 8px;
    gap: var(--spacing-2);
    padding: 0
}

.slideshow-navigation__dots .scroll-slider-page-dots[data-is-playing=false] [data-scroll-slider-page-dot].is-selected:after {
    animation-play-state: paused
}

.slideshow-navigation__dots .scroll-slider-page-dots [data-scroll-slider-page-dot] {
    position: relative;
    flex-grow: 1;
    height: 25px;
    margin: 0;
    background-color: transparent;
    opacity: 1;
    border: none
}

.slideshow-navigation__dots .scroll-slider-page-dots [data-scroll-slider-page-dot]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
    background-color: var(--color-foreground-alpha-40)
}

.slideshow-navigation__dots .scroll-slider-page-dots [data-scroll-slider-page-dot]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--color-foreground);
    transform: translateY(-50%);
    animation-name: navigation-dot-timer;
    animation-duration: calc(var(--animation-timing) * 1s);
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-play-state: paused
}

.slideshow-navigation__dots .scroll-slider-page-dots [data-scroll-slider-page-dot]:hover,
.slideshow-navigation__dots .scroll-slider-page-dots [data-scroll-slider-page-dot]:focus {
    transform: scale(1)
}

.slideshow-navigation__dots .scroll-slider-page-dots [data-scroll-slider-page-dot]:hover:before,
.slideshow-navigation__dots .scroll-slider-page-dots [data-scroll-slider-page-dot]:focus:before {
    background-color: var(--color-foreground-alpha-80)
}

.slideshow-navigation__dots .scroll-slider-page-dots [data-scroll-slider-page-dot].is-selected {
    background-color: transparent
}

.slideshow-navigation__dots .scroll-slider-page-dots [data-scroll-slider-page-dot].is-selected:after {
    visibility: visible;
    animation-play-state: running;
    animation-name: navigation-dot-timer
}

.slideshow-navigation__dots .scroll-slider-page-dots [data-scroll-slider-page-dot]:not(.is-selected):after {
    animation: none
}

.slideshow-navigation__pause-button {
    flex-shrink: 0;
    padding: 8px;
    padding: var(--spacing-2);
    width: var(--pause-button-size);
    height: var(--pause-button-size);
    color: var(--color-foreground);
    margin-right: -8px;
    margin-right: calc(-1 * var(--spacing-2))
}

.slideshow-navigation__pause-button[data-is-playing=true] .icon-play-arrow,
.slideshow-navigation__pause-button[data-is-playing=false] .icon-pause {
    display: none
}

.slideshow-navigation__pause-button .icon {
    display: block
}

@keyframes navigation-dot-timer {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.countdown-timer {
    margin: 24px 0;
    margin: var(--spacing-6) 0;
    opacity: 0
}

.countdown-timer.active {
    opacity: 1
}

.countdown-timer.countdown-timer--small {
    margin: 8px 0;
    margin: var(--spacing-2) 0
}

@media (min-width: 480px) {
    .countdown-timer.countdown-timer--small {
        margin: 0
    }
}

.countdown-timer__inner {
    display: flex;
    justify-content: center;
    align-items: center
}

.hide .countdown-timer__inner {
    display: none
}

.countdown-timer--small.complete .countdown-timer__inner {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.countdown-timer__item {
    text-align: center
}

.countdown-timmer__amount {
    position: relative;
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2);
    padding: 0 16px;
    padding: 0 var(--spacing-4);
    font-size: var(--font-size-heading-1-base);
    line-height: 1
}

.countdown-timer--small .countdown-timmer__amount {
    padding: 0 16px;
    padding: 0 var(--spacing-4);
    font-size: var(--font-size-heading-3-base)
}

.countdown-timer__item+.countdown-timer__item .countdown-timmer__amount:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 0;
    bottom: 25%;
    display: block;
    width: 1px;
    background-color: var(--color-text);
    opacity: .66
}

@media (min-width: 480px) {
    .countdown-timmer__amount {
        margin-bottom: 12px;
        margin-bottom: var(--spacing-3);
        padding: 0 16px;
        padding: 0 var(--spacing-4);
        font-size: var(--font-size-heading-display-1)
    }

    .countdown-timer--small .countdown-timmer__amount {
        margin-bottom: 8px;
        margin-bottom: var(--spacing-2);
        padding: 0 16px;
        padding: 0 var(--spacing-4);
        font-size: var(--font-size-heading-2-base)
    }
}

@media (min-width: 720px) {
    .countdown-timmer__amount {
        padding: 0 32px;
        padding: 0 var(--spacing-8)
    }

    .countdown-timer--small .countdown-timmer__amount {
        padding: 0 24px;
        padding: 0 var(--spacing-6)
    }
}

@media (min-width: 960px) {
    .countdown-timmer__amount {
        padding: 0 48px;
        padding: 0 var(--spacing-12)
    }
}

.countdown-timer__type,
.countdown-timer__type.fs-accent {
    padding: 0 4px;
    padding: 0 var(--spacing-1);
    text-transform: uppercase;
    font-size: var(--font-size-body-20)
}

@media (min-width: 480px) {

    .countdown-timer__type,
    .countdown-timer__type.fs-accent {
        font-size: var(--font-size-body-50)
    }
}

.countdown-timer__message {
    display: none;
    text-align: center
}

.countdown-timer--small .countdown-timer__message {
    margin-top: 0;
    margin-bottom: 0
}

.complete .countdown-timer__message {
    display: block
}

.newsletter-form__inner {
    position: relative
}

.newsletter-form__input,
.newsletter-form__input.input {
    margin-top: 0
}

.newsletter-form__button {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.popup {
    --popup-width-small: 450px;
    --popup-width-medium: 550px;
    --popup-width-large: 650px;
    --popup-width-image-adjacent-small: 620px;
    --popup-width-image-adjacent-medium: 720px;
    --popup-width-image-adjacent-large: 820px;
    --popup-image-above-height: 200px;
    --popup-image-above-height-mobile: 150px;
    z-index: 400;
    z-index: var(--z-index-popup);
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    transition: visibility 0s .5s;
    transition: visibility 0s var(--duration-normal)
}

.popup .form-status__message--success {
    width: 100%;
    margin-bottom: 0
}

.popup.visible {
    visibility: visible;
    transition: visibility 0s 0s
}

.popup.visible.popup--popup .popup__wash,
.popup.visible.popup--age .popup__wash {
    opacity: 1;
    pointer-events: all;
    cursor: pointer
}

.popup.visible.popup--age .popup__wash {
    cursor: default
}

@media (max-width: 719px) {
    .popup.visible.popup--flyout .popup__wash {
        position: fixed;
        pointer-events: all;
        cursor: pointer
    }
}

.popup.visible .popup__content {
    opacity: 1
}

.popup.popup--popup,
.popup.popup--age {
    padding: 12px;
    padding: var(--spacing-3);
    z-index: 1300;
    z-index: var(--z-index-modal)
}

.popup.popup--popup .popup__content,
.popup.popup--age .popup__content {
    position: relative;
    margin: auto
}

@media (max-width: 719px) {

    .popup.popup--popup.popup--hide-image-on-mobile:not(.popup--image-position-background) .popup__image,
    .popup.popup--age.popup--hide-image-on-mobile:not(.popup--image-position-background) .popup__image {
        display: none
    }
}

@media (max-width: 719px) {

    .popup.popup--popup.popup--image-is-adjacent .popup__content-inner,
    .popup.popup--popup.popup--image-position-top .popup__content-inner,
    .popup.popup--age.popup--image-is-adjacent .popup__content-inner,
    .popup.popup--age.popup--image-position-top .popup__content-inner,
    .popup.popup--popup.popup--image-position-background .popup__text-container,
    .popup.popup--age.popup--image-position-background .popup__text-container {
        overflow-y: auto;
        max-height: calc(var(--vh) * 90)
    }
}

.popup.popup--flyout {
    top: auto
}

.popup.popup--flyout .popup__content {
    width: 100%;
    bottom: 0
}

@media (min-width: 720px) {
    .popup.popup--flyout .popup__content {
        max-width: var(--popup-width-small);
        margin: 0 28px;
        margin: 0 var(--spacing-7)
    }
}

@media (min-width: 720px) {
    .popup.popup--flyout .popup__text-container {
        padding-right: 36px;
        padding-right: var(--spacing-9);
        padding-left: 36px;
        padding-left: var(--spacing-9)
    }
}

@media (min-width: 720px) {
    .popup.popup--flyout.popup--flyout-position-right .popup__content {
        right: 0
    }
}

.popup.popup--size-small .popup__content {
    max-width: var(--popup-width-small)
}

.popup.popup--size-medium .popup__content {
    max-width: var(--popup-width-medium)
}

.popup.popup--size-large .popup__content {
    max-width: var(--popup-width-large)
}

@media (max-width: 719px) {
    .popup.popup--has-image.popup--image-is-adjacent .popup__image {
        height: var(--popup-image-above-height-mobile)
    }
}

.popup.popup--has-image.popup--image-position-top .popup__image {
    height: var(--popup-image-above-height-mobile)
}

@media (min-width: 720px) {
    .popup.popup--has-image.popup--image-position-top .popup__image {
        height: var(--popup-image-above-height)
    }
}

@media (min-width: 720px) {
    .popup.popup--has-image.popup--image-is-adjacent .popup__content-inner {
        display: flex
    }
}

@media (min-width: 720px) {
    .popup.popup--has-image.popup--image-is-adjacent .popup__image {
        width: 36%;
        height: auto
    }
}

@media (min-width: 720px) {
    .popup.popup--has-image.popup--image-is-adjacent .popup__text-container {
        flex: 1 0 64%;
        width: 64%
    }
}

.popup.popup--has-image.popup--image-is-adjacent.popup--image-position-right .popup__image {
    order: 2
}

.popup.popup--size-small.popup--image-is-adjacent.popup--size-small .popup__content {
    max-width: var(--popup-width-image-adjacent-small)
}

.popup.popup--has-image.popup--image-is-adjacent.popup--size-medium .popup__content {
    max-width: var(--popup-width-image-adjacent-medium)
}

.popup.popup--has-image.popup--image-is-adjacent.popup--size-large .popup__content {
    max-width: var(--popup-width-image-adjacent-large)
}

.popup__wash {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-overlay);
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing)
}

.popup__content {
    z-index: 2;
    width: 100%;
    opacity: 0;
    color: var(--color-text);
    background-color: var(--color-background);
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing);
    position: absolute;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, .09)) drop-shadow(0px 0px 24px rgba(0, 0, 0, .14))
}

.popup__content-inner {
    width: 100%;
    color: var(--color-text);
    text-align: var(--text-alignment);
    background-color: var(--color-background)
}

.popup__dismiss-icon {
    position: absolute;
    top: 8px;
    top: var(--spacing-2);
    right: 8px;
    right: var(--spacing-2);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-background);
    border-radius: 50%;
    z-index: 1
}

@media (min-width: 720px) {
    .popup__dismiss-icon {
        top: 12px;
        top: var(--spacing-3);
        right: 12px;
        right: var(--spacing-3)
    }
}

.popup__text-container {
    position: relative;
    padding: 48px 24px 24px;
    padding: var(--spacing-12) var(--spacing-6) var(--spacing-6)
}

@media (min-width: 720px) {
    .popup__text-container {
        padding: 48px 40px 36px;
        padding: var(--spacing-12) var(--spacing-10) var(--spacing-9)
    }
}

.popup__image {
    position: relative
}

.popup__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--overlay-background);
    opacity: var(--overlay-opacity)
}

.popup--flyout .popup__image,
.popup--image-position-background .popup__image {
    display: block;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.popup__image .image__img {
    height: 100%
}

.popup__countdown {
    margin-bottom: 32px;
    margin-bottom: var(--spacing-8)
}

.popup__countdown .countdown-timer {
    margin: 0
}

.popup__heading+.popup__countdown {
    margin-top: 32px;
    margin-top: var(--spacing-8)
}

.popup__accent+.popup__heading {
    margin-top: 8px;
    margin-top: var(--spacing-2)
}

.popup__accent+.popup__text,
.popup__heading+.popup__text {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.popup__button,
.popup__newsletter {
    margin-top: 32px;
    margin-top: var(--spacing-8)
}

.popup__newsletter .input {
    color: var(--color-text-input);
    background-color: var(--color-background-input)
}

.popup__dismiss-text {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.popup__footer-text {
    margin-top: 24px;
    margin-top: var(--spacing-6)
}

.popup__social {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.popup__tab {
    position: fixed;
    display: none;
    background-color: var(--color-background);
    color: var(--color-text);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, .09)) drop-shadow(0px 0px 24px rgba(0, 0, 0, .14));
    transition: visibility 0s .5s, opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s var(--duration-normal), opacity var(--duration-normal) var(--easing)
}

html.theme-editor .popup__tab {
    z-index: 1300;
    z-index: var(--z-index-modal)
}

.popup__tab.popup__tab--enabled {
    display: flex
}

.popup__tab.visible {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    transition: visibility 0s 0s, opacity .5s cubic-bezier(.33, 0, 0, 1), bottom .5s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s 0s, opacity var(--duration-normal) var(--easing), bottom var(--duration-normal) var(--easing)
}

.popup__tab.popup__tab-position--left_center {
    top: 50%;
    left: 0;
    transform-origin: bottom left;
    transform: rotate(90deg) translate(-100%)
}

.popup__tab.popup__tab-position--left_bottom {
    bottom: 0;
    bottom: var(--sticky-atc-bar-height, 0);
    left: 0;
    transform-origin: bottom left;
    transform: rotate(90deg) translate(-100%)
}

.popup__tab.popup__tab-position--right_center {
    top: 50%;
    right: 0;
    transform-origin: bottom right;
    transform: rotate(-90deg) translate(100%)
}

.popup__tab.popup__tab-position--right_bottom {
    bottom: 0;
    bottom: var(--sticky-atc-bar-height, 0);
    right: 0;
    transform-origin: bottom right;
    transform: rotate(-90deg) translate(100%)
}

.popup__tab.popup__tab-position--bottom_left {
    bottom: 0;
    bottom: var(--sticky-atc-bar-height, 0);
    left: 0
}

.popup__tab.popup__tab-position--bottom_left_floating {
    bottom: 8px;
    bottom: calc(var(--sticky-atc-bar-height, 0px) + var(--spacing-2));
    left: 8px;
    left: var(--spacing-2)
}

.popup__tab.popup__tab-position--bottom_center {
    bottom: 0;
    bottom: var(--sticky-atc-bar-height, 0);
    left: 50%;
    transform: translate(-50%)
}

.popup__tab.popup__tab-position--bottom_right {
    bottom: 0;
    bottom: var(--sticky-atc-bar-height, 0);
    right: 0
}

.popup__tab.popup__tab-position--bottom_right_floating {
    bottom: 8px;
    bottom: calc(var(--sticky-atc-bar-height, 0px) + var(--spacing-2));
    right: 8px;
    right: var(--spacing-2)
}

.popup__tab-button {
    padding: 8px 16px;
    padding: var(--spacing-2) var(--spacing-4);
    padding-right: 8px;
    padding-right: var(--spacing-2)
}

.popup__tab-dismiss {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    padding: var(--spacing-4)
}

.back-to-top {
    position: fixed;
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1300;
    z-index: var(--z-index-modal);
    transition: visibility 0s .5s, opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s var(--duration-normal), opacity var(--duration-normal) var(--easing)
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
    transition: visibility 0s 0s, opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: visibility 0s 0s, opacity var(--duration-normal) var(--easing)
}

.back-to-top.back-to-top--bottom-left {
    bottom: 16px;
    bottom: var(--spacing-4);
    left: 16px;
    left: var(--spacing-4);
    right: auto
}

.back-to-top.back-to-top--bottom-center {
    bottom: 16px;
    bottom: var(--spacing-4);
    left: 0;
    right: 0
}

.back-to-top.back-to-top--bottom-center .back-to-top__button {
    margin: auto
}

.back-to-top.back-to-top--bottom-right {
    bottom: 16px;
    bottom: var(--spacing-4);
    right: 16px;
    right: var(--spacing-4)
}

.back-to-top__button {
    display: flex;
    padding: 12px;
    padding: var(--spacing-3);
    background-color: var(--color-white);
    color: var(--color-black);
    border-radius: 100%;
    pointer-events: all;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .1)) drop-shadow(0 3px 8px rgba(0, 0, 0, .2))
}

.back-to-top__button .icon {
    width: 15px;
    height: 15px;
    transform: rotate(180deg)
}

.cross-sells-inner {
    margin-top: 12px;
    margin-top: var(--spacing-3);
    padding: 16px;
    padding: var(--spacing-4);
    background-color: var(--color-background);
    border-top: 1px solid var(--color-border-alt);
    border-bottom: 1px solid var(--color-border-alt);
    overflow: hidden
}

[data-source=cart][data-position=below-subtotal] .cross-sells-inner {
    padding: 16px;
    padding: var(--spacing-4)
}

@media (min-width: 720px) {
    [data-source=cart][data-position=below-subtotal] .cross-sells-inner {
        padding: 20px;
        padding: var(--spacing-5)
    }
}

[data-source=cart][data-position=below-line-items] .cross-sells-inner {
    padding-top: 36px;
    padding-top: var(--spacing-9);
    border-top: 1px solid var(--color-border)
}

.cross-sells-inner .scroll-slider-nav-button-wrapper.scroll-slider-nav-button-wrapper--prev,
.cross-sells-inner .scroll-slider-nav-button-wrapper.scroll-slider-nav-button-wrapper--next {
    transform: translateY(-50%)
}

.cross-sells__header {
    display: flex;
    justify-content: space-between
}

.cross-sells__items {
    position: relative;
    display: grid;
    grid-row-gap: 12px;
    grid-row-gap: var(--spacing-3);
    row-gap: 12px;
    row-gap: var(--spacing-3);
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

[data-source=quick-cart] .cross-sells__items {
    display: block
}

@media (min-width: 720px) {
    [data-position=below-line_items] .cross-sells__items {
        row-gap: 16px;
        row-gap: var(--spacing-4)
    }
}

.cross-sells__item {
    display: flex;
    align-items: center;
    gap: 16px;
    gap: var(--spacing-4);
    height: auto
}

[data-source=cart] .cross-sells__item {
    background-color: var(--color-background-meta);
    padding: 8px;
    padding: var(--spacing-2)
}

@media (min-width: 720px) {
    [data-source=cart] .cross-sells__item {
        padding: 16px;
        padding: var(--spacing-4)
    }
}

.cross-sells__item-image {
    width: 64px;
    flex-shrink: 0
}

@media (min-width: 720px) {
    .cart-section .cross-sells__item-image {
        width: 80px
    }
}

.cross-sells__item-content {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width: 480px) {
    .cross-sells__item-content {
        flex-direction: row;
        align-items: center
    }
}

.cross-sells__item-details {
    margin-right: 16px;
    margin-right: var(--spacing-4);
    width: 100%
}

.cart__form-items .cross-sells__heading {
    font-size: var(--font-size-heading-4-base)
}

.cart__footer .cross-sells__heading {
    font-size: var(--font-size-heading-5-base)
}

.cross-sells__item-price-wrapper {
    display: flex;
    flex-wrap: wrap
}

.cross-sells__item-price-wrapper .sale {
    color: var(--color-products-sale-price)
}

.cross-sells__item-price-wrapper .t-subdued {
    margin-right: 4px;
    margin-right: var(--spacing-1)
}

@media (max-width: 719px) {
    .cross-sells__item-price-wrapper {
        font-size: var(--font-size-body-60)
    }
}

.cross-sells__item-button {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-color: var(--color-background);
    transition: background-color .25s ease-in-out
}

.cross-sells__item-button:hover,
.cross-sells__item-button:focus {
    border-color: var(--color-text);
    background-color: var(--color-background-darker-meta-alpha)
}

@media (max-width: 479px) {
    .cross-sells__item-button {
        margin-top: 8px;
        margin-top: var(--spacing-2)
    }
}

.cross-sells__item-button .btn__loading-wrap {
    width: 60%
}

.cross-sells__item-add {
    width: -moz-max-content;
    width: max-content
}

.cross-sells__text-add,
.cross-sells__text-add-to-cart {
    pointer-events: none
}

@media (min-width: 720px) {
    .cart__form-items .cross-sells__text-add {
        display: none
    }
}

.cross-sells__text-add-to-cart {
    display: none
}

@media (min-width: 720px) {
    .cart__form-items .cross-sells__text-add-to-cart {
        display: block
    }
}

.account-overview__header {
    display: flex;
    justify-content: space-between
}

.account-overview__links {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-top: var(--spacing-5)
}

.account-overview__link {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

@media (hover: hover) {

    .account-overview__link:hover,
    .account-overview__link:focus {
        -webkit-text-decoration: underline;
        text-decoration: underline;
        text-underline-offset: .2em;
        text-decoration-thickness: 1px
    }
}

.account-overview__link .icon {
    margin-right: 8px;
    margin-right: var(--spacing-2)
}

.account-overview__link+.account-overview__link {
    margin-top: 12px;
    margin-top: var(--spacing-3)
}

.item-layout-toggle {
    display: flex;
    border: solid 1px var(--color-text-alpha-30)
}

@media (min-width: 720px) {
    .item-layout-toggle {
        gap: 12px;
        gap: var(--spacing-3);
        border: 0
    }
}

.item-layout-toggle__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    background-color: var(--color-background);
    opacity: .6;
    cursor: pointer
}

.item-layout-toggle__button[data-is-active=true] {
    background-color: var(--color-background-meta);
    opacity: 1
}

.item-layout-toggle__button .icon {
    display: block
}

@media (min-width: 720px) {
    .item-layout-toggle__button {
        width: auto;
        background-color: var(--color-background)
    }

    .item-layout-toggle__button[data-is-active=true] {
        background-color: var(--color-background)
    }

    .item-layout-toggle__button[data-is-active=true]:after {
        content: "";
        position: absolute;
        bottom: -3px;
        right: 3px;
        left: 3px;
        height: 1px;
        background-color: var(--color-text)
    }
}

.background-image-container[data-absolutely-position-image=false] {
    width: 100%
}

.background-image-container[data-absolutely-position-image=true],
.background-image-container[data-absolutely-position-image=true] .image,
.background-image-container[data-absolutely-position-image=true] .image__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.background-image-container[data-absolutely-position-image=true] .image__img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-fit: var(--object-fit, cover);
    object-fit: var(--object-fit, cover);
    -o-object-position: center;
    object-position: center;
    -o-object-position: var(--focal-alignment, center);
    object-position: var(--focal-alignment, center)
}

@media (min-width: 720px) {
    .background-image-container[data-has-mobile-image=true] .background-image--mobile {
        display: none
    }
}

@media (max-width: 719px) {
    .background-image-container[data-has-mobile-image=true] .background-image--mobile+.background-image {
        display: none
    }
}

.image-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: var(--color-overlay-tint);
    opacity: var(--overlay-opacity)
}

.image-overlay[data-image-overlay-tint-style=gradient_up] {
    background: linear-gradient(0deg, var(--color-overlay-tint) 0%, rgba(0, 0, 0, 0) 50%)
}

.image-overlay[data-image-overlay-tint-style=gradient_down] {
    background: linear-gradient(180deg, var(--color-overlay-tint) 0%, rgba(0, 0, 0, 0) 50%)
}

.image-overlay[data-image-overlay-tint-style=gradient_right] {
    background: linear-gradient(90deg, var(--color-overlay-tint) 0%, rgba(0, 0, 0, 0) 50%)
}

.image-overlay[data-image-overlay-tint-style=gradient_left] {
    background: linear-gradient(270deg, var(--color-overlay-tint) 0%, rgba(0, 0, 0, 0) 50%)
}

.image-overlay-content {
    color: var(--color-text)
}

.truncate-wrapper__label,
.truncate-wrapper__icon {
    display: none
}

.truncate-wrapper__label {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

.truncate-wrapper__content {
    flex: 1;
    position: relative
}

.truncate-wrapper__content:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 33.33%;
    pointer-events: none;
    background: linear-gradient(0deg, var(--color-background) 0%, rgba(0, 0, 0, 0) 100%)
}

.truncate-wrapper[data-content-expanded=false] .truncate-wrapper__content {
    display: -webkit-box;
    -webkit-line-clamp: var(--num-lines);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.truncate-wrapper[data-content-expanded=false] .truncate-wrapper__label--more,
.truncate-wrapper[data-content-expanded=false] .truncate-wrapper__icon,
.truncate-wrapper[data-content-expanded=true] .truncate-wrapper__label--less {
    display: block
}

.truncate-wrapper[data-content-expanded=true] .truncate-wrapper__icon {
    display: none
}

.truncate-wrapper[data-content-expanded=true] .truncate-wrapper__content:after {
    display: none
}

.truncate-wrapper--inline-button {
    display: flex;
    align-items: center
}

.truncate-wrapper--inline-button .truncate-wrapper__content:after {
    display: none
}

.truncate-wrapper--inline-button .truncate-wrapper__toggle {
    padding: 0 4px 4px 8px;
    padding: 0 var(--spacing-1) var(--spacing-1) var(--spacing-2)
}

.truncate-wrapper--inline-button .truncate-wrapper__icon {
    overflow: visible;
    --ellipses-button-background: var(--color-text);
    --ellipses-button-border: transparent
}

.truncate-wrapper--inline-button .truncate-wrapper__icon:hover {
    --ellipses-button-background: transparent;
    --ellipses-button-border: var(--color-text-alpha-30)
}

.truncate-wrapper--disabled .truncate-wrapper__toggle {
    display: none
}

.truncate-wrapper--disabled .truncate-wrapper__content:after {
    display: none
}

.text-box {
    --soft-short-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .15);
    --soft-large-shadow: 0 0 1px 0 rgba(0, 0, 0, .1), 0 1px 8px 0 rgba(0, 0, 0, .1);
    --thin-border-width: 1px;
    --thick-border-width: 3px;
    --thin-shadow-width: 2px;
    --thick-shadow-width: 4px
}

.text-box[data-text-box-style] {
    background-color: var(--color-background);
    color: var(--color-text)
}

.text-box[data-text-box-style]:not(.text-box__no-padding) {
    padding: 20px;
    padding: var(--spacing-5)
}

@media (min-width: 720px) {
    .text-box[data-text-box-style]:not(.text-box__no-padding) {
        padding: 24px;
        padding: var(--spacing-6)
    }
}

@media (min-width: 1024px) {
    .text-box[data-text-box-section-type=image-with-text] {
        padding: 36px;
        padding: var(--spacing-9)
    }
}

@media (min-width: 1024px) {
    .text-box[data-text-box-section-type=hero] {
        padding: 28px;
        padding: var(--spacing-7)
    }
}

.text-box[data-text-box-style=soft_small] {
    box-shadow: var(--soft-short-shadow)
}

.text-box[data-text-box-style=soft_large] {
    box-shadow: var(--soft-large-shadow)
}

.text-box[data-text-box-style=solid_thin] {
    box-shadow: var(--thin-shadow-width) var(--thin-shadow-width) 0 var(--color-text)
}

.text-box[data-text-box-style=solid_thick] {
    box-shadow: var(--thick-shadow-width) var(--thick-shadow-width) 0 var(--color-text)
}

.text-box[data-text-box-style=solid_thin_accent] {
    box-shadow: var(--thin-shadow-width) var(--thin-shadow-width) 0 var(--color-accent)
}

.text-box[data-text-box-style=solid_thin_accent][data-color-scheme=accent] {
    box-shadow: var(--thin-shadow-width) var(--thin-shadow-width) 0 var(--color-accent-contrasting)
}

.text-box[data-text-box-style=solid_thick_accent] {
    box-shadow: var(--thick-shadow-width) var(--thick-shadow-width-width) 0 var(--color-accent)
}

.text-box[data-text-box-style=solid_thick_accent][data-color-scheme=accent] {
    box-shadow: var(--thick-shadow-width) var(--thick-shadow-width) 0 var(--color-accent-contrasting)
}

.text-box[data-text-box-style=border_thin] {
    border: var(--thin-border-width) solid var(--color-text)
}

.text-box[data-text-box-style=border_thick] {
    border: var(--thick-border-width) solid var(--color-text)
}

.text-box[data-text-box-style=border_thin_accent] {
    border: var(--thin-border-width) solid var(--color-accent)
}

.text-box[data-text-box-style=border_thin_accent][data-color-scheme=accent] {
    border-color: var(--color-accent-contrasting)
}

.text-box[data-text-box-style=border_thick_accent] {
    border: var(--thick-border-width) solid var(--color-accent)
}

.text-box[data-text-box-style=border_thick_accent][data-color-scheme=accent] {
    border-color: var(--color-accent-contrasting)
}

.standard-grid-spacing[data-standard-grid-spacing-type=product-list] {
    grid-gap: 28px 12px;
    grid-gap: var(--spacing-7) var(--spacing-3)
}

@media (min-width: 1024px) {
    .standard-grid-spacing[data-standard-grid-spacing-type=product-list] {
        grid-gap: 36px 16px;
        grid-gap: var(--spacing-9) var(--spacing-4)
    }
}

@media (min-width: 1200px) {
    .standard-grid-spacing[data-standard-grid-spacing-type=product-list] {
        grid-gap: 40px 24px;
        grid-gap: var(--spacing-10) var(--spacing-6)
    }
}

.standard-grid-spacing[data-standard-grid-spacing-type=collection-list] {
    grid-gap: 24px 12px;
    grid-gap: var(--spacing-6) var(--spacing-3)
}

@media (min-width: 1024px) {
    .standard-grid-spacing[data-standard-grid-spacing-type=collection-list] {
        grid-gap: 36px 16px;
        grid-gap: var(--spacing-9) var(--spacing-4)
    }
}

@media (min-width: 1200px) {
    .standard-grid-spacing[data-standard-grid-spacing-type=collection-list] {
        grid-gap: 40px 24px;
        grid-gap: var(--spacing-10) var(--spacing-6)
    }
}

.standard-grid-spacing[data-standard-grid-spacing-type=testimonials],
.standard-grid-spacing[data-standard-grid-spacing-type=blog-posts] {
    grid-gap: 16px;
    grid-gap: var(--spacing-4)
}

@media (min-width: 1024px) {

    .standard-grid-spacing[data-standard-grid-spacing-type=testimonials],
    .standard-grid-spacing[data-standard-grid-spacing-type=blog-posts] {
        grid-gap: 20px;
        grid-gap: var(--spacing-5)
    }
}

@media (min-width: 1200px) {

    .standard-grid-spacing[data-standard-grid-spacing-type=testimonials],
    .standard-grid-spacing[data-standard-grid-spacing-type=blog-posts] {
        grid-gap: 24px;
        grid-gap: var(--spacing-6)
    }
}

.featured-collection-slider-grid[data-standard-grid-spacing-type=product-list][data-grid-style=bordered_grid][data-has-slider=false] {
    grid-gap: 1px
}

.featured-collection-slider-grid[data-standard-grid-spacing-type=product-list][data-grid-style=bordered_grid][data-has-slider=false] .featured-collection-slider-grid-item {
    box-shadow: 0 0 0 1px var(--color-border)
}

.featured-collection-slider-grid[data-standard-grid-spacing-type=product-list][data-grid-style=bordered_grid][data-has-slider=true] .scroll-slider {
    margin-top: -1px;
    margin-bottom: -1px
}

.featured-collection-slider-grid[data-standard-grid-spacing-type=product-list][data-grid-style=bordered_grid][data-has-slider=true] .scroll-slider__slider {
    padding-top: 1px;
    padding-bottom: 1px
}

@media (min-width: 1024px) {
    .featured-collection-slider-grid[data-standard-grid-spacing-type=product-list][data-grid-style=bordered_grid][data-slider-desktop=false] .scroll-slider__slider {
        grid-gap: 1px
    }

    .featured-collection-slider-grid[data-standard-grid-spacing-type=product-list][data-grid-style=bordered_grid][data-slider-desktop=false] .scroll-slider__slider .featured-collection-slider-grid-item {
        box-shadow: 0 0 0 1px var(--color-border)
    }
}

@media (min-width: 1024px) {
    .featured-collection-slider-grid[data-standard-grid-spacing-type=product-list][data-grid-style=bordered_grid][data-slider-desktop=true] .scroll-slider {
        margin: -1px;
        width: calc(100% + 2px)
    }

    .featured-collection-slider-grid[data-standard-grid-spacing-type=product-list][data-grid-style=bordered_grid][data-slider-desktop=true] .scroll-slider__slider {
        padding: 1px;
        scroll-padding-left: 1px
    }

    .featured-collection-slider-grid[data-standard-grid-spacing-type=product-list][data-grid-style=bordered_grid][data-slider-desktop=true] .scroll-slider__slider>*:not(.collection-view-all-tile-wrapper) {
        box-shadow: 0 0 0 1px var(--color-border)
    }
}

@media (max-width: 1023px) {
    .featured-collection-slider-grid[data-standard-grid-spacing-type=product-list][data-grid-style=bordered_grid][data-slider-mobile=false] .scroll-slider__slider {
        grid-gap: 1px
    }

    .featured-collection-slider-grid[data-standard-grid-spacing-type=product-list][data-grid-style=bordered_grid][data-slider-mobile=false] .scroll-slider__slider .featured-collection-slider-grid-item {
        box-shadow: 0 0 0 1px var(--color-border)
    }
}

@media (max-width: 1023px) {
    .featured-collection-slider-grid[data-standard-grid-spacing-type=product-list][data-grid-style=bordered_grid][data-slider-mobile=true] .scroll-slider__slider {
        -moz-column-gap: 1px;
        column-gap: 1px
    }
}

.scroll-slider-nav-button-wrapper {
    --nav-button-icon-size: 20px;
    --nav-button-padding: var(--spacing-3);
    --nav-button-offset: var(--spacing-3);
    --nav-button-offset-above-720: calc(.4 * var(--space-outer));
    --nav-button-offset-above-1200: calc(.2 * var(--space-outer));
    --nav-button-offset-above-1800: 0;
    position: absolute;
    top: 50%;
    display: none;
    z-index: 10
}

@media (max-width: 1199px) {
    .scroll-slider-nav-button-wrapper {
        --nav-button-icon-size: 18px
    }
}

.scroll-slider-nav-button-wrapper[data-is-small=true] {
    --nav-button-icon-size: 16px
}

.scroll-slider-nav-button-wrapper.scroll-slider-nav-button-wrapper--prev {
    left: var(--nav-button-offset);
    transform: translate(-50%, -50%)
}

@media (min-width: 720px) {
    .scroll-slider-nav-button-wrapper.scroll-slider-nav-button-wrapper--prev {
        left: var(--nav-button-offset-above-720)
    }
}

@media (min-width: 1200px) {
    .scroll-slider-nav-button-wrapper.scroll-slider-nav-button-wrapper--prev {
        left: var(--nav-button-offset-above-1200)
    }
}

@media (min-width: 1800px) {
    .scroll-slider-nav-button-wrapper.scroll-slider-nav-button-wrapper--prev {
        left: var(--nav-button-offset-above-1800)
    }
}

.scroll-slider-nav-button-wrapper.scroll-slider-nav-button-wrapper--next {
    right: var(--nav-button-offset);
    transform: translate(50%, -50%)
}

@media (min-width: 720px) {
    .scroll-slider-nav-button-wrapper.scroll-slider-nav-button-wrapper--next {
        right: var(--nav-button-offset-above-720)
    }
}

@media (min-width: 1200px) {
    .scroll-slider-nav-button-wrapper.scroll-slider-nav-button-wrapper--next {
        right: var(--nav-button-offset-above-1200)
    }
}

@media (min-width: 1800px) {
    .scroll-slider-nav-button-wrapper.scroll-slider-nav-button-wrapper--next {
        right: var(--nav-button-offset-above-1800)
    }
}

@media (hover: hover) {
    .scroll-slider-nav-button-wrapper {
        display: block
    }

    .scroll-slider-nav-button-wrapper:hover button,
    .scroll-slider:hover~.scroll-slider-nav-button-wrapper button {
        opacity: 1
    }

    .scroll-slider-nav-button-wrapper:hover button[disabled],
    .scroll-slider:hover~.scroll-slider-nav-button-wrapper button[disabled] {
        opacity: 0
    }
}

.scroll-slider-nav-button {
    display: flex;
    transition: transform .2s ease, opacity .2s ease;
    opacity: 0;
    padding: var(--nav-button-padding);
    border-radius: 100%;
    color: var(--color-black);
    background-color: var(--color-white);
    box-shadow: 0 1px 2px #00000017, 0 2px 8px #00000026;
    box-shadow: var(--box-shadow-large)
}

.scroll-slider-nav-button:hover:not([disabled]) {
    transform: scale(1.1)
}

.scroll-slider-nav-button:focus {
    opacity: 1
}

.scroll-slider-nav-button.hidden {
    display: none
}

.scroll-slider-nav-button .icon {
    width: var(--nav-button-icon-size);
    height: var(--nav-button-icon-size)
}

.scroll-slider-nav-button.scroll-slider-nav-button--prev .icon {
    transform: rotate(180deg)
}

.scroll-slider-page-dots {
    --dot-size: 7px;
    display: flex;
    justify-content: center;
    padding: 0 16px;
    padding: 0 var(--space-outer);
    margin: 0 auto
}

.scroll-slider-page-dots.hidden {
    display: none
}

@media (max-width: 719px) {
    .scroll-slider-page-dots[data-hide-below-720=true] {
        display: none
    }
}

.scroll-slider-page-dots [data-scroll-slider-page-dot] {
    width: var(--dot-size);
    height: var(--dot-size);
    padding: 0;
    margin: 0 4px;
    margin: 0 var(--spacing-1);
    border: 1.5px solid var(--color-text);
    border-radius: var(--dot-size);
    cursor: pointer;
    opacity: .4;
    transition: opacity .2s cubic-bezier(.33, 0, 0, 1), transform .2s cubic-bezier(.33, 0, 0, 1);
    transition: opacity .2s var(--easing), transform .2s var(--easing)
}

.scroll-slider-page-dots [data-scroll-slider-page-dot].is-selected {
    background-color: var(--color-text);
    opacity: 1
}

.scroll-slider-page-dots [data-scroll-slider-page-dot]:hover,
.scroll-slider-page-dots [data-scroll-slider-page-dot]:focus {
    transform: scale(1.1)
}

.overlay-content {
    display: grid;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.overlay-content .overlay-content__text-container {
    justify-self: var(--text-horizontal-position-mobile);
    align-self: var(--text-vertical-position-mobile);
    text-align: var(--text-alignment-mobile)
}

@media (min-width: 720px) {
    .overlay-content .overlay-content__text-container {
        justify-self: var(--text-horizontal-position);
        align-self: var(--text-vertical-position);
        text-align: var(--text-alignment)
    }
}

.overlay-content .btn--tertiary {
    border-color: var(--color-text)
}

.overlay-content .btn--tertiary:hover:not([disabled]),
.user-is-tabbing .overlay-content .btn--tertiary:focus:not([disabled]) {
    color: var(--color-text-alpha-60);
    border-color: var(--color-text-alpha-60)
}

.product-rating {
    display: inline-flex;
    align-items: center;
    margin: 8px 0;
    margin: var(--spacing-2) 0;
    gap: 6px
}

.product-rating>* {
    display: inline-block
}

.product-rating__stars {
    display: inline-flex;
    color: var(--color-products-rating-star);
    gap: 2px
}

.product-rating__stars .icon {
    display: flex
}

.product-rating__stars .icon,
.product-rating__stars .icon svg {
    width: 12px;
    height: 12px
}

.product-rating__count a[href] {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px
}

.star-rating {
    display: inline-flex;
    color: var(--color-products-rating-star);
    gap: 2px
}

.star-rating .icon {
    display: flex
}

.star-rating .icon,
.star-rating .icon svg {
    width: 12px;
    width: var(--star-icon-size, 12px);
    height: 12px;
    height: var(--star-icon-size, 12px)
}

.tab-buttons {
    display: flex;
    align-items: flex-end;
    gap: 32px;
    gap: var(--spacing-8);
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

@media (max-width: 719px) {
    .tab-buttons {
        flex-wrap: nowrap
    }
}

[data-tab-alignment=center] .tab-buttons {
    justify-content: center;
    margin-right: auto;
    margin-left: auto
}

.tab-buttons[data-tab-design=contained] {
    gap: 0
}

.tab-buttons[data-tab-design=contained] .tab-buttons__button {
    border-bottom: 1px solid var(--color-border)
}

.tab-buttons[data-tab-design=contained] .tab-buttons__button.selected,
.tab-buttons[data-tab-design=contained] .tab-buttons__button[aria-expanded=true] {
    background-color: var(--color-text-alpha-05);
    border-radius: 3px 3px 0 0
}

.tab-buttons[data-tab-design=contained] .tab-buttons__button-label {
    margin-bottom: -2px;
    margin-bottom: calc(var(--spacing-unit-half) * -1);
    padding: 12px 24px;
    padding: var(--spacing-3) var(--spacing-6)
}

.tab-buttons[data-tab-design=contained] .tab-buttons__button-indicator {
    margin-top: 0;
    margin-bottom: -1px
}

.no-js .tab-buttons {
    display: none
}

.tab-buttons__button {
    display: flex;
    flex-direction: column;
    opacity: .7;
    white-space: nowrap
}

.tab-buttons__button.selected,
.tab-buttons__button[aria-expanded=true] {
    opacity: 1
}

.tab-buttons__button.selected .tab-buttons__button-indicator,
.tab-buttons__button[aria-expanded=true] .tab-buttons__button-indicator {
    width: 100%
}

.tab-buttons__button-indicator {
    margin: 3px auto 0;
    width: 0%;
    height: 2px;
    background-color: var(--color-text);
    transition: width .5s cubic-bezier(.33, 0, 0, 1);
    transition: width var(--duration-normal) var(--easing)
}

.sticky-atc-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 300;
    z-index: var(--z-index-bar);
    background-color: var(--color-background);
    transform: translateY(0);
    visibility: visible;
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), visibility .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing), visibility var(--duration-normal) var(--easing)
}

.sticky-atc-bar:before {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.sticky-atc-bar[data-drop-shadow=line]:before {
    box-shadow: 0 0 0 1px #0000001a
}

.sticky-atc-bar[data-drop-shadow=shadow]:before {
    box-shadow: 0 0 5px #00000026
}

.sticky-atc-bar.hidden {
    transform: translateY(100%);
    visibility: hidden
}

@media (min-width: 960px) {
    .sticky-atc-bar[data-show-desktop=false] {
        height: 0;
        visibility: hidden
    }
}

@media (max-width: 959px) {
    .sticky-atc-bar[data-show-mobile=false] {
        height: 0;
        visibility: hidden
    }
}

.sticky-atc-bar__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    padding: 12px;
    padding: var(--spacing-3);
    gap: 12px;
    gap: var(--spacing-3)
}

@media (min-width: 960px) {
    .sticky-atc-bar__inner {
        max-width: min(1800px, calc(100% - 32px));
        max-width: min(var(--max-width), calc(100% - var(--space-outer) - var(--space-outer)));
        flex-direction: row;
        padding: 12px 0;
        padding: var(--spacing-3) 0;
        gap: 20px;
        gap: var(--spacing-5)
    }
}

.sticky-atc-bar__details {
    display: flex;
    flex-grow: 1;
    width: 100%;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -moz-column-gap: var(--spacing-5);
    column-gap: var(--spacing-5);
    align-items: center
}

.sticky-atc-bar__details .sticky-atc-bar__price {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-grow: 1;
    align-content: flex-end;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2)
}

@media (min-width: 960px) {
    .sticky-atc-bar__details .sticky-atc-bar__price {
        flex-direction: row;
        justify-content: flex-end
    }
}

.sticky-atc-bar__details .sticky-atc-bar__price s {
    margin: 0
}

.sticky-atc-bar__details .sticky-atc-bar__price s:not(:empty)+[data-price] {
    color: var(--color-products-sale-price)
}

.sticky-atc-bar__media {
    display: none;
    width: 50px;
    flex-shrink: 0
}

@media (min-width: 960px) {
    .sticky-atc-bar__media {
        display: block
    }
}

.sticky-atc-bar__meta-options {
    margin-right: 4px;
    margin-right: var(--spacing-1)
}

.sticky-atc-bar__meta-change-option-trigger {
    color: var(--color-text-link);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    transition: opacity .25s
}

.sticky-atc-bar__meta-change-option-trigger:hover {
    opacity: .6
}

.sticky-atc-bar__button {
    display: flex;
    align-items: center;
    width: 100%
}

@media (min-width: 960px) {
    .sticky-atc-bar__button {
        width: 225px
    }
}

.scroll-slider {
    --scroll-columns: var(--columns);
    --slide-peek: var(--peek);
    --gap-width: var(--gap);
    position: relative;
    display: block;
    overflow: visible;
    width: 100%;
    --cols-for-above-540: var(--columns-above-540, var(--columns));
    --cols-for-above-720: var(--columns-above-720, var(--columns));
    --cols-for-above-860: var(--columns-above-860, var(--cols-for-above-720));
    --cols-for-above-960: var(--columns-above-960, var(--cols-for-above-860));
    --cols-for-above-1024: var(--columns-above-1024, var(--cols-for-above-960));
    --cols-for-above-1200: var(--columns-above-1200, var(--cols-for-above-1024));
    --cols-for-above-1400: var(--columns-above-1400, var(--cols-for-above-1200));
    --peek-for-above-540: var(--peek-above-540, var(--peek));
    --peek-for-above-720: var(--peek-above-720, var(--peek));
    --peek-for-above-860: var(--peek-above-860, var(--peek-for-above-720));
    --peek-for-above-960: var(--peek-above-960, var(--peek-for-above-860));
    --peek-for-above-1024: var(--peek-above-1024, var(--peek-for-above-960));
    --peek-for-above-1200: var(--peek-above-1200, var(--peek-for-above-1024));
    --peek-for-above-1400: var(--peek-above-1400, var(--peek-for-above-1200));
    --gap-for-above-540: var(--gap-above-540, var(--gap));
    --gap-for-above-720: var(--gap-above-720, var(--gap));
    --gap-for-above-860: var(--gap-above-860, var(--gap-for-above-720));
    --gap-for-above-960: var(--gap-above-960, var(--gap-for-above-860));
    --gap-for-above-1024: var(--gap-above-1024, var(--gap-for-above-960));
    --gap-for-above-1200: var(--gap-above-1200, var(--gap-for-above-1024));
    --gap-for-above-1400: var(--gap-above-1400, var(--gap-for-above-1200))
}

.scroll-slider[data-contents-are-scrollable=false] {
    --peek-above-540: 0px !important;
    --peek-above-720: 0px !important;
    --peek-above-860: 0px !important;
    --peek-above-960: 0px !important;
    --peek-above-1024: 0px !important;
    --peek-above-1200: 0px !important;
    --peek-above-1400: 0px !important
}

@media (min-width: 540px) {
    .scroll-slider {
        --scroll-columns: var(--cols-for-above-540);
        --slide-peek: var(--peek-for-above-540);
        --gap-width: var(--gap-for-above-540)
    }
}

@media (min-width: 720px) {
    .scroll-slider {
        --scroll-columns: var(--cols-for-above-720);
        --slide-peek: var(--peek-for-above-720);
        --gap-width: var(--gap-for-above-720)
    }
}

@media (min-width: 860px) {
    .scroll-slider {
        --scroll-columns: var(--cols-for-above-860);
        --slide-peek: var(--peek-for-above-860);
        --gap-width: var(--gap-for-above-860)
    }
}

@media (min-width: 960px) {
    .scroll-slider {
        --scroll-columns: var(--cols-for-above-960);
        --slide-peek: var(--peek-for-above-960);
        --gap-width: var(--gap-for-above-960)
    }
}

@media (min-width: 1024px) {
    .scroll-slider {
        --scroll-columns: var(--cols-for-above-1024);
        --slide-peek: var(--peek-for-above-1024);
        --gap-width: var(--gap-for-above-1024)
    }
}

@media (min-width: 1200px) {
    .scroll-slider {
        --scroll-columns: var(--cols-for-above-1200);
        --slide-peek: var(--peek-for-above-1200);
        --gap-width: var(--gap-for-above-1200)
    }
}

@media (min-width: 1400px) {
    .scroll-slider {
        --scroll-columns: var(--cols-for-above-1400);
        --slide-peek: var(--peek-for-above-1400);
        --gap-width: var(--gap-for-above-1400)
    }
}

.scroll-slider {
    --spacing-1-and-a-half: calc(var(--spacing-1) + var(--spacing-unit-half))
}

[data-has-text-box=true][data-text-box-style=soft_small] .scroll-slider,
[data-has-text-box=true][data-text-box-style=soft_large] .scroll-slider {
    --negative-spacing-3: calc(var(--spacing-3) * -1);
    margin-top: -12px;
    margin-top: var(--negative-spacing-3);
    margin-bottom: -12px;
    margin-bottom: var(--negative-spacing-3)
}

[data-has-text-box=true][data-text-box-style=soft_small] .scroll-slider .scroll-slider__slider,
[data-has-text-box=true][data-text-box-style=soft_large] .scroll-slider .scroll-slider__slider {
    padding-top: 12px;
    padding-top: var(--spacing-3);
    padding-bottom: 12px;
    padding-bottom: var(--spacing-3)
}

[data-has-text-box=true][data-text-box-style=solid_thin] .scroll-slider,
[data-has-text-box=true][data-text-box-style=solid_thin_accent] .scroll-slider {
    --text-box-spacing-thin: calc(var(--spacing-1-and-a-half) * .5);
    --negative-text-box-spacing-thin: calc(var(--text-box-spacing-thin) * -1);
    margin-top: calc((var(--spacing-1-and-a-half) * .5) * -1);
    margin-top: calc(calc(var(--spacing-1-and-a-half) * .5) * -1);
    margin-top: var(--negative-text-box-spacing-thin);
    margin-bottom: calc((var(--spacing-1-and-a-half) * .5) * -1);
    margin-bottom: calc(calc(var(--spacing-1-and-a-half) * .5) * -1);
    margin-bottom: var(--negative-text-box-spacing-thin)
}

[data-has-text-box=true][data-text-box-style=solid_thin] .scroll-slider .scroll-slider__slider,
[data-has-text-box=true][data-text-box-style=solid_thin_accent] .scroll-slider .scroll-slider__slider {
    padding-top: var(--text-box-spacing-thin);
    padding-bottom: var(--text-box-spacing-thin)
}

[data-has-text-box=true][data-text-box-style=solid_thick] .scroll-slider,
[data-has-text-box=true][data-text-box-style=solid_thick_accent] .scroll-slider {
    --negative-spacing-1-and-a-half: calc(var(--spacing-1-and-a-half) * -1);
    margin-top: calc(var(--spacing-1-and-a-half) * -1);
    margin-top: var(--negative-spacing-1-and-a-half);
    margin-bottom: calc(var(--spacing-1-and-a-half) * -1);
    margin-bottom: var(--negative-spacing-1-and-a-half)
}

[data-has-text-box=true][data-text-box-style=solid_thick] .scroll-slider .scroll-slider__slider,
[data-has-text-box=true][data-text-box-style=solid_thick_accent] .scroll-slider .scroll-slider__slider {
    padding-top: var(--spacing-1-and-a-half);
    padding-bottom: var(--spacing-1-and-a-half)
}

.scroll-slider.scroll-slider--standard-width {
    --spacing-1-and-a-half: calc(var(--spacing-1) + var(--spacing-unit-half))
}

[data-has-text-box=true][data-text-box-style=soft_small] .scroll-slider.scroll-slider--standard-width,
[data-has-text-box=true][data-text-box-style=soft_large] .scroll-slider.scroll-slider--standard-width {
    --negative-spacing-3: calc(var(--spacing-3) * -1);
    margin-left: -12px;
    margin-left: var(--negative-spacing-3);
    margin-right: -12px;
    margin-right: var(--negative-spacing-3);
    width: calc(100% + 24px);
    width: calc(100% + (var(--spacing-3) * 2))
}

[data-has-text-box=true][data-text-box-style=soft_small] .scroll-slider.scroll-slider--standard-width .scroll-slider__slider,
[data-has-text-box=true][data-text-box-style=soft_large] .scroll-slider.scroll-slider--standard-width .scroll-slider__slider {
    padding-left: 12px;
    padding-left: var(--spacing-3);
    padding-right: 12px;
    padding-right: var(--spacing-3);
    scroll-padding-left: 12px;
    scroll-padding-left: var(--spacing-3)
}

[data-has-text-box=true][data-text-box-style=solid_thin] .scroll-slider.scroll-slider--standard-width,
[data-has-text-box=true][data-text-box-style=solid_thin_accent] .scroll-slider.scroll-slider--standard-width {
    --text-box-spacing-thin: calc(var(--spacing-1-and-a-half) * .5);
    --negative-text-box-spacing-thin: calc(var(--text-box-spacing-thin) * -1);
    margin-left: calc((var(--spacing-1-and-a-half) * .5) * -1);
    margin-left: calc(calc(var(--spacing-1-and-a-half) * .5) * -1);
    margin-left: var(--negative-text-box-spacing-thin);
    margin-right: calc((var(--spacing-1-and-a-half) * .5) * -1);
    margin-right: calc(calc(var(--spacing-1-and-a-half) * .5) * -1);
    margin-right: var(--negative-text-box-spacing-thin);
    width: calc(100% + (var(--text-box-spacing-thin3) * 2))
}

[data-has-text-box=true][data-text-box-style=solid_thin] .scroll-slider.scroll-slider--standard-width .scroll-slider__slider,
[data-has-text-box=true][data-text-box-style=solid_thin_accent] .scroll-slider.scroll-slider--standard-width .scroll-slider__slider {
    padding-left: var(--text-box-spacing-thin);
    padding-right: var(--text-box-spacing-thin);
    scroll-padding-left: var(--text-box-spacing-thin)
}

[data-has-text-box=true][data-text-box-style=solid_thick] .scroll-slider.scroll-slider--standard-width,
[data-has-text-box=true][data-text-box-style=solid_thick_accent] .scroll-slider.scroll-slider--standard-width {
    --negative-spacing-1-and-a-half: calc(var(--spacing-1-and-a-half) * -1);
    margin-left: calc(var(--spacing-1-and-a-half) * -1);
    margin-left: var(--negative-spacing-1-and-a-half);
    margin-right: calc(var(--spacing-1-and-a-half) * -1);
    margin-right: var(--negative-spacing-1-and-a-half);
    width: calc(100% + (var(--spacing-1-and-a-half) * 2))
}

[data-has-text-box=true][data-text-box-style=solid_thick] .scroll-slider.scroll-slider--standard-width .scroll-slider__slider,
[data-has-text-box=true][data-text-box-style=solid_thick_accent] .scroll-slider.scroll-slider--standard-width .scroll-slider__slider {
    padding-left: var(--spacing-1-and-a-half);
    padding-right: var(--spacing-1-and-a-half);
    scroll-padding-left: var(--spacing-1-and-a-half)
}

@media (max-width: 719px) {
    .scroll-slider.scroll-slider--full-width-below-720 {
        width: calc(100% + 32px);
        width: calc(100% + (var(--space-outer)) * 2);
        margin-left: -16px;
        margin-left: calc(var(--space-outer) * -1);
        margin-right: -16px;
        margin-right: calc(var(--space-outer) * -1)
    }
}

@media (max-width: 719px) {
    .scroll-slider.scroll-slider--full-width-below-720 .scroll-slider__slider {
        padding-left: 16px;
        padding-left: var(--space-outer);
        padding-right: 16px;
        padding-right: var(--space-outer);
        scroll-padding-left: 16px;
        scroll-padding-left: var(--space-outer)
    }
}

@media (min-width: 720px) {
    .scroll-slider.scroll-slider--full-width-below-720 {
        --spacing-1-and-a-half: calc(var(--spacing-1) + var(--spacing-unit-half))
    }

    [data-has-text-box=true][data-text-box-style=soft_small] .scroll-slider.scroll-slider--full-width-below-720,
    [data-has-text-box=true][data-text-box-style=soft_large] .scroll-slider.scroll-slider--full-width-below-720 {
        --negative-spacing-3: calc(var(--spacing-3) * -1);
        margin-left: -12px;
        margin-left: var(--negative-spacing-3);
        margin-right: -12px;
        margin-right: var(--negative-spacing-3);
        width: calc(100% + 24px);
        width: calc(100% + (var(--spacing-3) * 2))
    }

    [data-has-text-box=true][data-text-box-style=soft_small] .scroll-slider.scroll-slider--full-width-below-720 .scroll-slider__slider,
    [data-has-text-box=true][data-text-box-style=soft_large] .scroll-slider.scroll-slider--full-width-below-720 .scroll-slider__slider {
        padding-left: 12px;
        padding-left: var(--spacing-3);
        padding-right: 12px;
        padding-right: var(--spacing-3);
        scroll-padding-left: 12px;
        scroll-padding-left: var(--spacing-3)
    }

    [data-has-text-box=true][data-text-box-style=solid_thin] .scroll-slider.scroll-slider--full-width-below-720,
    [data-has-text-box=true][data-text-box-style=solid_thin_accent] .scroll-slider.scroll-slider--full-width-below-720 {
        --text-box-spacing-thin: calc(var(--spacing-1-and-a-half) * .5);
        --negative-text-box-spacing-thin: calc(var(--text-box-spacing-thin) * -1);
        margin-left: calc((var(--spacing-1-and-a-half) * .5) * -1);
        margin-left: calc(calc(var(--spacing-1-and-a-half) * .5) * -1);
        margin-left: var(--negative-text-box-spacing-thin);
        margin-right: calc((var(--spacing-1-and-a-half) * .5) * -1);
        margin-right: calc(calc(var(--spacing-1-and-a-half) * .5) * -1);
        margin-right: var(--negative-text-box-spacing-thin);
        width: calc(100% + (var(--text-box-spacing-thin3) * 2))
    }

    [data-has-text-box=true][data-text-box-style=solid_thin] .scroll-slider.scroll-slider--full-width-below-720 .scroll-slider__slider,
    [data-has-text-box=true][data-text-box-style=solid_thin_accent] .scroll-slider.scroll-slider--full-width-below-720 .scroll-slider__slider {
        padding-left: var(--text-box-spacing-thin);
        padding-right: var(--text-box-spacing-thin);
        scroll-padding-left: var(--text-box-spacing-thin)
    }

    [data-has-text-box=true][data-text-box-style=solid_thick] .scroll-slider.scroll-slider--full-width-below-720,
    [data-has-text-box=true][data-text-box-style=solid_thick_accent] .scroll-slider.scroll-slider--full-width-below-720 {
        --negative-spacing-1-and-a-half: calc(var(--spacing-1-and-a-half) * -1);
        margin-left: calc(var(--spacing-1-and-a-half) * -1);
        margin-left: var(--negative-spacing-1-and-a-half);
        margin-right: calc(var(--spacing-1-and-a-half) * -1);
        margin-right: var(--negative-spacing-1-and-a-half);
        width: calc(100% + (var(--spacing-1-and-a-half) * 2))
    }

    [data-has-text-box=true][data-text-box-style=solid_thick] .scroll-slider.scroll-slider--full-width-below-720 .scroll-slider__slider,
    [data-has-text-box=true][data-text-box-style=solid_thick_accent] .scroll-slider.scroll-slider--full-width-below-720 .scroll-slider__slider {
        padding-left: var(--spacing-1-and-a-half);
        padding-right: var(--spacing-1-and-a-half);
        scroll-padding-left: var(--spacing-1-and-a-half)
    }
}

@media (max-width: 859px) {
    .scroll-slider.scroll-slider--full-width-below-860 {
        width: calc(100% + 32px);
        width: calc(100% + (var(--space-outer)) * 2);
        margin-left: -16px;
        margin-left: calc(var(--space-outer) * -1);
        margin-right: -16px;
        margin-right: calc(var(--space-outer) * -1)
    }
}

@media (max-width: 859px) {
    .scroll-slider.scroll-slider--full-width-below-860 .scroll-slider__slider {
        padding-left: 16px;
        padding-left: var(--space-outer);
        padding-right: 16px;
        padding-right: var(--space-outer);
        scroll-padding-left: 16px;
        scroll-padding-left: var(--space-outer)
    }
}

@media (min-width: 860px) {
    .scroll-slider.scroll-slider--full-width-below-860 {
        --spacing-1-and-a-half: calc(var(--spacing-1) + var(--spacing-unit-half))
    }

    [data-has-text-box=true][data-text-box-style=soft_small] .scroll-slider.scroll-slider--full-width-below-860,
    [data-has-text-box=true][data-text-box-style=soft_large] .scroll-slider.scroll-slider--full-width-below-860 {
        --negative-spacing-3: calc(var(--spacing-3) * -1);
        margin-left: -12px;
        margin-left: var(--negative-spacing-3);
        margin-right: -12px;
        margin-right: var(--negative-spacing-3);
        width: calc(100% + 24px);
        width: calc(100% + (var(--spacing-3) * 2))
    }

    [data-has-text-box=true][data-text-box-style=soft_small] .scroll-slider.scroll-slider--full-width-below-860 .scroll-slider__slider,
    [data-has-text-box=true][data-text-box-style=soft_large] .scroll-slider.scroll-slider--full-width-below-860 .scroll-slider__slider {
        padding-left: 12px;
        padding-left: var(--spacing-3);
        padding-right: 12px;
        padding-right: var(--spacing-3);
        scroll-padding-left: 12px;
        scroll-padding-left: var(--spacing-3)
    }

    [data-has-text-box=true][data-text-box-style=solid_thin] .scroll-slider.scroll-slider--full-width-below-860,
    [data-has-text-box=true][data-text-box-style=solid_thin_accent] .scroll-slider.scroll-slider--full-width-below-860 {
        --text-box-spacing-thin: calc(var(--spacing-1-and-a-half) * .5);
        --negative-text-box-spacing-thin: calc(var(--text-box-spacing-thin) * -1);
        margin-left: calc((var(--spacing-1-and-a-half) * .5) * -1);
        margin-left: calc(calc(var(--spacing-1-and-a-half) * .5) * -1);
        margin-left: var(--negative-text-box-spacing-thin);
        margin-right: calc((var(--spacing-1-and-a-half) * .5) * -1);
        margin-right: calc(calc(var(--spacing-1-and-a-half) * .5) * -1);
        margin-right: var(--negative-text-box-spacing-thin);
        width: calc(100% + (var(--text-box-spacing-thin3) * 2))
    }

    [data-has-text-box=true][data-text-box-style=solid_thin] .scroll-slider.scroll-slider--full-width-below-860 .scroll-slider__slider,
    [data-has-text-box=true][data-text-box-style=solid_thin_accent] .scroll-slider.scroll-slider--full-width-below-860 .scroll-slider__slider {
        padding-left: var(--text-box-spacing-thin);
        padding-right: var(--text-box-spacing-thin);
        scroll-padding-left: var(--text-box-spacing-thin)
    }

    [data-has-text-box=true][data-text-box-style=solid_thick] .scroll-slider.scroll-slider--full-width-below-860,
    [data-has-text-box=true][data-text-box-style=solid_thick_accent] .scroll-slider.scroll-slider--full-width-below-860 {
        --negative-spacing-1-and-a-half: calc(var(--spacing-1-and-a-half) * -1);
        margin-left: calc(var(--spacing-1-and-a-half) * -1);
        margin-left: var(--negative-spacing-1-and-a-half);
        margin-right: calc(var(--spacing-1-and-a-half) * -1);
        margin-right: var(--negative-spacing-1-and-a-half);
        width: calc(100% + (var(--spacing-1-and-a-half) * 2))
    }

    [data-has-text-box=true][data-text-box-style=solid_thick] .scroll-slider.scroll-slider--full-width-below-860 .scroll-slider__slider,
    [data-has-text-box=true][data-text-box-style=solid_thick_accent] .scroll-slider.scroll-slider--full-width-below-860 .scroll-slider__slider {
        padding-left: var(--spacing-1-and-a-half);
        padding-right: var(--spacing-1-and-a-half);
        scroll-padding-left: var(--spacing-1-and-a-half)
    }
}

@media (max-width: 959px) {
    .scroll-slider.scroll-slider--full-width-below-960 {
        width: calc(100% + 32px);
        width: calc(100% + (var(--space-outer)) * 2);
        margin-left: -16px;
        margin-left: calc(var(--space-outer) * -1);
        margin-right: -16px;
        margin-right: calc(var(--space-outer) * -1)
    }
}

@media (max-width: 959px) {
    .scroll-slider.scroll-slider--full-width-below-960 .scroll-slider__slider {
        padding-left: 16px;
        padding-left: var(--space-outer);
        padding-right: 16px;
        padding-right: var(--space-outer);
        scroll-padding-left: 16px;
        scroll-padding-left: var(--space-outer)
    }
}

@media (min-width: 960px) {
    .scroll-slider.scroll-slider--full-width-below-960 {
        --spacing-1-and-a-half: calc(var(--spacing-1) + var(--spacing-unit-half))
    }

    [data-has-text-box=true][data-text-box-style=soft_small] .scroll-slider.scroll-slider--full-width-below-960,
    [data-has-text-box=true][data-text-box-style=soft_large] .scroll-slider.scroll-slider--full-width-below-960 {
        --negative-spacing-3: calc(var(--spacing-3) * -1);
        margin-left: -12px;
        margin-left: var(--negative-spacing-3);
        margin-right: -12px;
        margin-right: var(--negative-spacing-3);
        width: calc(100% + 24px);
        width: calc(100% + (var(--spacing-3) * 2))
    }

    [data-has-text-box=true][data-text-box-style=soft_small] .scroll-slider.scroll-slider--full-width-below-960 .scroll-slider__slider,
    [data-has-text-box=true][data-text-box-style=soft_large] .scroll-slider.scroll-slider--full-width-below-960 .scroll-slider__slider {
        padding-left: 12px;
        padding-left: var(--spacing-3);
        padding-right: 12px;
        padding-right: var(--spacing-3);
        scroll-padding-left: 12px;
        scroll-padding-left: var(--spacing-3)
    }

    [data-has-text-box=true][data-text-box-style=solid_thin] .scroll-slider.scroll-slider--full-width-below-960,
    [data-has-text-box=true][data-text-box-style=solid_thin_accent] .scroll-slider.scroll-slider--full-width-below-960 {
        --text-box-spacing-thin: calc(var(--spacing-1-and-a-half) * .5);
        --negative-text-box-spacing-thin: calc(var(--text-box-spacing-thin) * -1);
        margin-left: calc((var(--spacing-1-and-a-half) * .5) * -1);
        margin-left: calc(calc(var(--spacing-1-and-a-half) * .5) * -1);
        margin-left: var(--negative-text-box-spacing-thin);
        margin-right: calc((var(--spacing-1-and-a-half) * .5) * -1);
        margin-right: calc(calc(var(--spacing-1-and-a-half) * .5) * -1);
        margin-right: var(--negative-text-box-spacing-thin);
        width: calc(100% + (var(--text-box-spacing-thin3) * 2))
    }

    [data-has-text-box=true][data-text-box-style=solid_thin] .scroll-slider.scroll-slider--full-width-below-960 .scroll-slider__slider,
    [data-has-text-box=true][data-text-box-style=solid_thin_accent] .scroll-slider.scroll-slider--full-width-below-960 .scroll-slider__slider {
        padding-left: var(--text-box-spacing-thin);
        padding-right: var(--text-box-spacing-thin);
        scroll-padding-left: var(--text-box-spacing-thin)
    }

    [data-has-text-box=true][data-text-box-style=solid_thick] .scroll-slider.scroll-slider--full-width-below-960,
    [data-has-text-box=true][data-text-box-style=solid_thick_accent] .scroll-slider.scroll-slider--full-width-below-960 {
        --negative-spacing-1-and-a-half: calc(var(--spacing-1-and-a-half) * -1);
        margin-left: calc(var(--spacing-1-and-a-half) * -1);
        margin-left: var(--negative-spacing-1-and-a-half);
        margin-right: calc(var(--spacing-1-and-a-half) * -1);
        margin-right: var(--negative-spacing-1-and-a-half);
        width: calc(100% + (var(--spacing-1-and-a-half) * 2))
    }

    [data-has-text-box=true][data-text-box-style=solid_thick] .scroll-slider.scroll-slider--full-width-below-960 .scroll-slider__slider,
    [data-has-text-box=true][data-text-box-style=solid_thick_accent] .scroll-slider.scroll-slider--full-width-below-960 .scroll-slider__slider {
        padding-left: var(--spacing-1-and-a-half);
        padding-right: var(--spacing-1-and-a-half);
        scroll-padding-left: var(--spacing-1-and-a-half)
    }
}

@media (max-width: 1023px) {
    .scroll-slider.scroll-slider--full-width-below-1024 {
        width: calc(100% + 32px);
        width: calc(100% + (var(--space-outer)) * 2);
        margin-left: -16px;
        margin-left: calc(var(--space-outer) * -1);
        margin-right: -16px;
        margin-right: calc(var(--space-outer) * -1)
    }
}

@media (max-width: 1023px) {
    .scroll-slider.scroll-slider--full-width-below-1024 .scroll-slider__slider {
        padding-left: 16px;
        padding-left: var(--space-outer);
        padding-right: 16px;
        padding-right: var(--space-outer);
        scroll-padding-left: 16px;
        scroll-padding-left: var(--space-outer)
    }
}

@media (min-width: 1024px) {
    .scroll-slider.scroll-slider--full-width-below-1024 {
        --spacing-1-and-a-half: calc(var(--spacing-1) + var(--spacing-unit-half))
    }

    [data-has-text-box=true][data-text-box-style=soft_small] .scroll-slider.scroll-slider--full-width-below-1024,
    [data-has-text-box=true][data-text-box-style=soft_large] .scroll-slider.scroll-slider--full-width-below-1024 {
        --negative-spacing-3: calc(var(--spacing-3) * -1);
        margin-left: -12px;
        margin-left: var(--negative-spacing-3);
        margin-right: -12px;
        margin-right: var(--negative-spacing-3);
        width: calc(100% + 24px);
        width: calc(100% + (var(--spacing-3) * 2))
    }

    [data-has-text-box=true][data-text-box-style=soft_small] .scroll-slider.scroll-slider--full-width-below-1024 .scroll-slider__slider,
    [data-has-text-box=true][data-text-box-style=soft_large] .scroll-slider.scroll-slider--full-width-below-1024 .scroll-slider__slider {
        padding-left: 12px;
        padding-left: var(--spacing-3);
        padding-right: 12px;
        padding-right: var(--spacing-3);
        scroll-padding-left: 12px;
        scroll-padding-left: var(--spacing-3)
    }

    [data-has-text-box=true][data-text-box-style=solid_thin] .scroll-slider.scroll-slider--full-width-below-1024,
    [data-has-text-box=true][data-text-box-style=solid_thin_accent] .scroll-slider.scroll-slider--full-width-below-1024 {
        --text-box-spacing-thin: calc(var(--spacing-1-and-a-half) * .5);
        --negative-text-box-spacing-thin: calc(var(--text-box-spacing-thin) * -1);
        margin-left: calc((var(--spacing-1-and-a-half) * .5) * -1);
        margin-left: calc(calc(var(--spacing-1-and-a-half) * .5) * -1);
        margin-left: var(--negative-text-box-spacing-thin);
        margin-right: calc((var(--spacing-1-and-a-half) * .5) * -1);
        margin-right: calc(calc(var(--spacing-1-and-a-half) * .5) * -1);
        margin-right: var(--negative-text-box-spacing-thin);
        width: calc(100% + (var(--text-box-spacing-thin3) * 2))
    }

    [data-has-text-box=true][data-text-box-style=solid_thin] .scroll-slider.scroll-slider--full-width-below-1024 .scroll-slider__slider,
    [data-has-text-box=true][data-text-box-style=solid_thin_accent] .scroll-slider.scroll-slider--full-width-below-1024 .scroll-slider__slider {
        padding-left: var(--text-box-spacing-thin);
        padding-right: var(--text-box-spacing-thin);
        scroll-padding-left: var(--text-box-spacing-thin)
    }

    [data-has-text-box=true][data-text-box-style=solid_thick] .scroll-slider.scroll-slider--full-width-below-1024,
    [data-has-text-box=true][data-text-box-style=solid_thick_accent] .scroll-slider.scroll-slider--full-width-below-1024 {
        --negative-spacing-1-and-a-half: calc(var(--spacing-1-and-a-half) * -1);
        margin-left: calc(var(--spacing-1-and-a-half) * -1);
        margin-left: var(--negative-spacing-1-and-a-half);
        margin-right: calc(var(--spacing-1-and-a-half) * -1);
        margin-right: var(--negative-spacing-1-and-a-half);
        width: calc(100% + (var(--spacing-1-and-a-half) * 2))
    }

    [data-has-text-box=true][data-text-box-style=solid_thick] .scroll-slider.scroll-slider--full-width-below-1024 .scroll-slider__slider,
    [data-has-text-box=true][data-text-box-style=solid_thick_accent] .scroll-slider.scroll-slider--full-width-below-1024 .scroll-slider__slider {
        padding-left: var(--spacing-1-and-a-half);
        padding-right: var(--spacing-1-and-a-half);
        scroll-padding-left: var(--spacing-1-and-a-half)
    }
}

@media (max-width: 719px) {
    .scroll-slider.scroll-slider--full-width-below-720.scroll-slider--peek-and-full-width-below-720 .scroll-slider__slide {
        --visible-peek-calc: calc((var(--slide-peek) / var(--scroll-columns)) - (var(--space-outer) / var(--scroll-columns)))
    }
}

@media (max-width: 959px) {
    .scroll-slider.scroll-slider--full-width-below-860.scroll-slider--peek-and-full-width-below-860 .scroll-slider__slide {
        --visible-peek-calc: calc((var(--slide-peek) / var(--scroll-columns)) - (var(--space-outer) / var(--scroll-columns)))
    }
}

@media (max-width: 959px) {
    .scroll-slider.scroll-slider--full-width-below-960.scroll-slider--peek-and-full-width-below-960 .scroll-slider__slide {
        --visible-peek-calc: calc((var(--slide-peek) / var(--scroll-columns)) - (var(--space-outer) / var(--scroll-columns)))
    }
}

@media (max-width: 1023px) {
    .scroll-slider.scroll-slider--full-width-below-1024.scroll-slider--peek-and-full-width-below-1024 .scroll-slider__slide {
        --visible-peek-calc: calc((var(--slide-peek) / var(--scroll-columns)) - (var(--space-outer) / var(--scroll-columns)))
    }
}

.scroll-slider__slider {
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scroll-slider__slider::-webkit-scrollbar {
    display: none
}

@media (hover: hover) {

    scroll-slider-component[data-contents-are-scrollable=true] .scroll-slider__slider,
    slideshow-component[data-contents-are-scrollable=true] .scroll-slider__slider {
        cursor: grab
    }
}

.scroll-slider__slider>* {
    --gaps: calc(var(--scroll-columns) - 1);
    --total-visible-gap-width: calc(var(--gap-width) * var(--gaps));
    --percent-width: calc(100% / var(--scroll-columns));
    --visible-peek-calc: calc(var(--slide-peek) / var(--scroll-columns));
    scroll-snap-align: start
}

.scroll-all-sizes .scroll-slider__slider {
    display: flex;
    gap: var(--gap-width);
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth
}

.scroll-all-sizes .scroll-slider__slider>* {
    width: calc(var(--percent-width) - (var(--total-visible-gap-width) / var(--scroll-columns)) - var(--visible-peek-calc));
    flex-shrink: 0
}

@media (max-width: 719px) {
    .scroll-below-720-only .scroll-slider__slider {
        display: flex;
        gap: var(--gap-width);
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth
    }

    .scroll-below-720-only .scroll-slider__slider>* {
        width: calc(var(--percent-width) - (var(--total-visible-gap-width) / var(--scroll-columns)) - var(--visible-peek-calc));
        flex-shrink: 0
    }
}

@media (max-width: 859px) {
    .scroll-below-860-only .scroll-slider__slider {
        display: flex;
        gap: var(--gap-width);
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth
    }

    .scroll-below-860-only .scroll-slider__slider>* {
        width: calc(var(--percent-width) - (var(--total-visible-gap-width) / var(--scroll-columns)) - var(--visible-peek-calc));
        flex-shrink: 0
    }
}

@media (min-width: 860px) {
    .scroll-above-860-only .scroll-slider__slider {
        display: flex;
        gap: var(--gap-width);
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth
    }

    .scroll-above-860-only .scroll-slider__slider>* {
        width: calc(var(--percent-width) - (var(--total-visible-gap-width) / var(--scroll-columns)) - var(--visible-peek-calc));
        flex-shrink: 0
    }
}

@media (max-width: 959px) {
    .scroll-below-960-only .scroll-slider__slider {
        display: flex;
        gap: var(--gap-width);
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth
    }

    .scroll-below-960-only .scroll-slider__slider>* {
        width: calc(var(--percent-width) - (var(--total-visible-gap-width) / var(--scroll-columns)) - var(--visible-peek-calc));
        flex-shrink: 0
    }
}

@media (min-width: 960px) {
    .scroll-above-960-only .scroll-slider__slider {
        display: flex;
        gap: var(--gap-width);
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth
    }

    .scroll-above-960-only .scroll-slider__slider>* {
        width: calc(var(--percent-width) - (var(--total-visible-gap-width) / var(--scroll-columns)) - var(--visible-peek-calc));
        flex-shrink: 0
    }
}

@media (max-width: 1023px) {
    .scroll-below-1024-only .scroll-slider__slider {
        display: flex;
        gap: var(--gap-width);
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth
    }

    .scroll-below-1024-only .scroll-slider__slider>* {
        width: calc(var(--percent-width) - (var(--total-visible-gap-width) / var(--scroll-columns)) - var(--visible-peek-calc));
        flex-shrink: 0
    }
}

@media (min-width: 1024px) {
    .scroll-above-1024-only .scroll-slider__slider {
        display: flex;
        gap: var(--gap-width);
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth
    }

    .scroll-above-1024-only .scroll-slider__slider>* {
        width: calc(var(--percent-width) - (var(--total-visible-gap-width) / var(--scroll-columns)) - var(--visible-peek-calc));
        flex-shrink: 0
    }
}

@media (min-width: 720px) {
    .scroll-above-720-only .scroll-slider__slider {
        display: flex;
        gap: var(--gap-width);
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth
    }

    .scroll-above-720-only .scroll-slider__slider>* {
        width: calc(var(--percent-width) - (var(--total-visible-gap-width) / var(--scroll-columns)) - var(--visible-peek-calc));
        flex-shrink: 0
    }
}

@media (hover: hover) {
    .scroll-slider__slider.mouse-down:not([data-slide-count="1"]) {
        cursor: grabbing
    }
}

.scroll-slider__slider.dragging {
    scroll-snap-type: none;
    scroll-behavior: initial
}

.scroll-slider__slider.dragging a,
.scroll-slider__slider.dragging button {
    pointer-events: none
}

@media (hover: hover) {
    .scroll-slider:not([data-enable-looping=true]) .scroll-slider__slider.free-scroll-mode {
        scroll-snap-type: none;
        scroll-behavior: initial
    }
}

@media (hover: hover) {
    .scroll-slider[data-autoplay=true] .scroll-slider__slider {
        overflow: hidden
    }
}

.badge-shape {
    line-height: 1em;
    padding: 5px 6px
}

.badge-shape[data-badge-shape=pill] {
    border-radius: 1em;
    padding: 5px 8px
}

.badge-shape[data-badge-shape=rounded-rectangle] {
    border-radius: .25em
}

.ff-body {
    font-family: var(--font-body);
    font-weight: var(--font-body-weight);
    font-style: var(--font-body-style);
    line-height: var(--line-height-body);
    letter-spacing: normal
}

.ff-heading {
    font-family: var(--font-heading);
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
    letter-spacing: 0;
    letter-spacing: var(--font-heading-base-letter-spacing, 0);
    text-transform: none;
    text-transform: var(--font-heading-text-transform, none)
}

.ff-product-price {
    font-family: var(--font-product-price);
    font-weight: var(--font-weight-product-price)
}

.fs-product-title {
    font-family: var(--font-product-listing-title);
    font-size: var(--font-size-product-listing-title);
    text-transform: none;
    text-transform: var(--font-product-listing-title-text-transform, none);
    letter-spacing: 0;
    letter-spacing: var(--font-product-listing-title-letter-spacing, 0)
}

.fs-product-title-bold {
    font-family: var(--font-product-listing-title);
    font-size: var(--font-size-product-listing-title);
    font-weight: var(--font-body-bold-weight);
    text-transform: none;
    text-transform: var(--font-product-listing-title-text-transform, none);
    letter-spacing: 0;
    letter-spacing: var(--font-product-listing-title-letter-spacing, 0)
}

.fs-navigation-base {
    font-family: var(--font-navigation);
    font-size: var(--font-size-navigation-base);
    font-weight: var(--font-weight-navigation);
    text-transform: none;
    text-transform: var(--font-navigation-base-text-transform, none);
    letter-spacing: 0;
    letter-spacing: var(--font-navigation-base-letter-spacing, 0)
}

.fs-accent,
.fs-accent-bold {
    font-size: var(--font-size-body-50);
    text-transform: uppercase;
    letter-spacing: .05em
}

.fs-accent-bold {
    font-weight: var(--font-body-bold-weight)
}

.fs-heading-display-1,
.fs-heading-display-2,
.fs-heading-display-3,
.fs-heading-1-base,
.fs-heading-2-base,
.fs-heading-3-base,
.fs-heading-4-base,
.fs-heading-5-base,
.fs-heading-6-base {
    line-height: var(--line-height-heading)
}

.fs-heading-display-1 {
    font-size: var(--font-size-heading-display-1)
}

.fs-heading-display-2 {
    font-size: var(--font-size-heading-display-2)
}

.fs-heading-display-3 {
    font-size: var(--font-size-heading-display-3)
}

.fs-heading-1-base,
.fs-heading-2-base {
    font-size: 1.6rem
}

@media screen and (min-width: 425px) {
    .fs-heading-1-base {
        font-size: var(--font-size-heading-1-base)
    }

    .fs-heading-2-base {
        font-size: var(--font-size-heading-2-base)
    }
}

.fs-heading-3-base {
    font-size: var(--font-size-heading-3-base)
}

.fs-heading-4-base {
    font-size: var(--font-size-heading-4-base)
}

.fs-heading-5-base {
    font-size: var(--font-size-heading-5-base)
}

.fs-heading-6-base {
    font-size: var(--font-size-heading-6-base)
}

.fs-body-20 {
    font-size: var(--font-size-body-20)
}

.fs-body-25 {
    font-size: var(--font-size-body-25)
}

.fs-body-50 {
    font-size: var(--font-size-body-50)
}

.fs-body-60 {
    font-size: var(--font-size-body-60)
}

.fs-body-75 {
    font-size: var(--font-size-body-75)
}

.fs-body-100 {
    font-size: var(--font-size-body-100)
}

.fs-body-150 {
    font-size: var(--font-size-body-150)
}

.fs-body-200 {
    font-size: var(--font-size-body-200)
}

.fs-body-250 {
    font-size: var(--font-size-body-250)
}

.fs-body-300 {
    font-size: var(--font-size-body-300)
}

.fs-body-350 {
    font-size: var(--font-size-body-350)
}

.fs-body-400 {
    font-size: var(--font-size-body-400)
}

.fs-body-bold {
    font-weight: var(--font-body-bold-weight)
}

.fs-heading-bold {
    font-weight: var(--font-heading-bold-weight)
}

.fs-body-italic {
    font-style: var(--font-body-italic)
}

@media (min-width: 480px) {
    .fs-heading-1-base-ns {
        font-size: var(--font-size-heading-1-base)
    }
}

@media (min-width: 480px) {
    .fs-heading-2-base-ns {
        font-size: var(--font-size-heading-2-base)
    }
}

@media (min-width: 480px) {
    .fs-heading-3-base-ns {
        font-size: var(--font-size-heading-3-base)
    }
}

@media (min-width: 480px) {
    .fs-heading-4-base-ns {
        font-size: var(--font-size-heading-4-base)
    }
}

@media (min-width: 480px) {
    .fs-body-200-ns {
        font-size: var(--font-size-body-200)
    }
}

@media (min-width: 480px) {
    .fs-body-100-ns {
        font-size: var(--font-size-body-100)
    }
}

@media (min-width: 720px) {
    .fs-heading-2-base-above-720 {
        font-size: var(--font-size-heading-2-base)
    }
}

@media (min-width: 720px) {
    .fs-heading-3-base-above-720 {
        font-size: var(--font-size-heading-3-base)
    }
}

@media (min-width: 960px) {
    .fs-heading-2-base-above-960 {
        font-size: var(--font-size-heading-2-base)
    }
}

@media (min-width: 720px) {
    .fs-body-350-above-720 {
        font-size: var(--font-size-body-350)
    }
}

@media (min-width: 960px) {
    .fs-heading-1-base-l {
        font-size: var(--font-size-heading-1-base)
    }
}

@media (min-width: 960px) {
    .fs-heading-2-base-l {
        font-size: var(--font-size-heading-2-base)
    }
}

@media (min-width: 960px) {
    .fs-heading-3-base-l {
        font-size: var(--font-size-heading-3-base)
    }
}

@media (min-width: 960px) {
    .fs-heading-4-base-l {
        font-size: var(--font-size-heading-4-base)
    }
}

@media (min-width: 960px) {
    .fs-body-large-l {
        font-size: var(--font-size-body-200)
    }
}

@media (min-width: 960px) {
    .fs-body-100-l {
        font-size: var(--font-size-body-100)
    }
}

a.link {
    color: var(--color-text-link);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px;
    transition: opacity .25s
}

a.link:hover {
    opacity: .6
}

.ta-l {
    text-align: left
}

.ta-c {
    text-align: center
}

.ta-r {
    text-align: right
}

.t-subdued {
    opacity: .66
}

.t-opacity-50 {
    opacity: .5
}

.t-opacity-60 {
    opacity: .6
}

.t-opacity-70,
.t-opacity-80 {
    opacity: .7
}

.template-index .main,
.shopify-section {
    overflow: hidden
}

.section-inner {
    position: relative;
    z-index: 0;
    max-width: calc(var(--max-width) + (var(--space-outer) * 2));
    max-width: 1832px;
    max-width: calc(var(--max-width) + calc(var(--space-outer) * 2));
    margin: 0 auto;
    padding: 0 16px;
    padding: var(--section-style-spacing-top, 0) var(--space-outer) var(--section-style-spacing-bottom, 0)
}

body[data-drawer-modal-open=true] .section-inner {
    position: static;
    position: initial
}

.section-inner.section-inner--full-width {
    max-width: none;
    max-width: initial;
    padding-right: 0;
    padding-left: 0
}

body.header-transparent #main>.shopify-section:first-child .section--hero .text-container.text-box {
    margin-top: var(--height-header)
}

body.header-transparent #main>.shopify-section:first-child .section--hero .text-container:not(.text-box) .text-container-inner {
    padding-top: var(--height-header)
}

.measure {
    max-width: 747px;
    max-width: var(--max-width-narrow)
}

.section-blocks>*:first-child,
.section-blocks>.section-blocks__accent:first-child {
    margin-top: 0
}

.section-blocks>*:last-child,
.section-blocks>.section-blocks__accent:last-child {
    margin-bottom: 0
}

.section-blocks .scroll-slider-page-dots {
    margin-top: 20px;
    margin-top: var(--spacing-5)
}

.section-blocks__accent[data-divider-enabled=false] {
    margin-top: 8px;
    margin-top: var(--spacing-2);
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

@media (max-width: 959px) {
    .section-blocks__accent[data-divider-enabled=false] {
        margin-top: 4px;
        margin-top: var(--spacing-1);
        margin-bottom: 4px;
        margin-bottom: var(--spacing-1)
    }
}

.section-blocks__accent[data-divider-enabled=true] {
    margin-top: 12px;
    margin-top: var(--spacing-3);
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

@media (max-width: 959px) {
    .section-blocks__accent[data-divider-enabled=true] {
        margin-top: 8px;
        margin-top: var(--spacing-2);
        margin-bottom: 8px;
        margin-bottom: var(--spacing-2)
    }
}

.section-blocks__accent .accent__text {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content
}

.section-blocks__accent .accent__text .accent__divider {
    display: block;
    width: 100%;
    margin-top: 4px;
    margin-top: var(--spacing-1);
    border-top: 2px solid;
    border-top: var(--spacing-unit-half) solid
}

.section-blocks__accent .accent__text .accent__divider.color-accent {
    border-color: var(--color-accent)
}

.section-blocks__heading {
    margin-top: 0;
    margin-bottom: 0
}

.section-blocks__text {
    margin-top: 8px;
    margin-top: var(--spacing-2);
    margin-bottom: 8px;
    margin-bottom: var(--spacing-2)
}

.section-blocks__subheading,
.section-blocks__form,
.section-blocks__social-icons {
    margin-top: 12px;
    margin-top: var(--spacing-3);
    margin-bottom: 12px;
    margin-bottom: var(--spacing-3)
}

.section-blocks__button,
.section-blocks__video-player,
.section-blocks__newsletter-signup,
.section-blocks__inline-buttons {
    margin-top: 24px;
    margin-top: var(--spacing-6);
    margin-bottom: 24px;
    margin-bottom: var(--spacing-6)
}

>.section-blocks__form+:not(.section-blocks) .section-blocks__button,
>.section-blocks__subheading+:not(.section-blocks) .section-blocks__button,
>.section-blocks__heading+:not(.section-blocks) .section-blocks__button,
>.section-blocks__form+:not(.section-blocks) .section-blocks__video-player,
>.section-blocks__subheading+:not(.section-blocks) .section-blocks__video-player,
>.section-blocks__heading+:not(.section-blocks) .section-blocks__video-player,
>.section-blocks__form+:not(.section-blocks) .section-blocks__newsletter-signup,
>.section-blocks__subheading+:not(.section-blocks) .section-blocks__newsletter-signup,
>.section-blocks__heading+:not(.section-blocks) .section-blocks__newsletter-signup,
>.section-blocks__form+:not(.section-blocks) .section-blocks__inline-buttons,
>.section-blocks__subheading+:not(.section-blocks) .section-blocks__inline-buttons,
>.section-blocks__heading+:not(.section-blocks) .section-blocks__inline-buttons {
    margin-top: 16px;
    margin-top: var(--spacing-4)
}

@media (max-width: 959px) {
    .section-blocks__button {
        margin-top: 20px;
        margin-top: var(--spacing-5);
        margin-bottom: 20px;
        margin-bottom: var(--spacing-5)
    }
}

.section-blocks__image,
.section-blocks__text-list-with-icons,
.section-blocks__product-list {
    margin-top: 36px;
    margin-top: var(--spacing-9);
    margin-bottom: 36px;
    margin-bottom: var(--spacing-9)
}

.section-blocks__collections-slider,
.section-blocks__products-slider {
    position: relative;
    margin-top: 32px;
    margin-top: var(--spacing-8);
    margin-bottom: 32px;
    margin-bottom: var(--spacing-8)
}

.section-blocks__text-list-with-icons[data-type=product] {
    margin: 0
}

.section-blocks__text-list-with-icons .text-list-with-icons {
    display: inline-grid
}

.section-blocks__inline-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    gap: var(--spacing-3);
    justify-content: var(--text-horizontal-position-mobile)
}

@media (min-width: 720px) {
    .section-blocks__inline-buttons {
        justify-content: var(--text-horizontal-position)
    }
}

.section-blocks__inline-buttons[data-alignment=left] {
    justify-content: flex-start
}

.section-blocks__inline-buttons[data-alignment=center] {
    justify-content: center
}

.section-blocks__inline-buttons[data-alignment=right] {
    justify-content: flex-end
}

.section-blocks__inline-buttons .section-blocks__button {
    margin: 0
}

.icon-modifiers__wrapper .icon-modifiers__icon {
    display: block;
    width: 24px;
    width: var(--icon-mobile-max-width, 24px);
    height: auto
}

@media (min-width: 720px) {
    .icon-modifiers__wrapper .icon-modifiers__icon {
        width: 24px;
        width: var(--icon-max-width, 24px)
    }
}

.icon-modifiers[data-icon-border=circle] .icon-modifiers__wrapper {
    padding: 6.24px;
    padding: calc(var(--icon-mobile-max-width, 24px) * .26);
    border: 2px solid var(--icon-border-color, var(--color-border));
    border-radius: 100%
}

@media (min-width: 720px) {
    .icon-modifiers[data-icon-border=circle] .icon-modifiers__wrapper {
        padding: 6.24px;
        padding: calc(var(--icon-max-width, 24px) * .26)
    }
}

.icon-modifiers[data-icon-border=square] .icon-modifiers__wrapper {
    padding: calc(24px * .175);
    padding: calc(var(--icon-mobile-max-width, 24px) * .175);
    border: 2px solid var(--icon-border-color, var(--color-border));
    border-radius: 20%
}

@media (min-width: 720px) {
    .icon-modifiers[data-icon-border=square] .icon-modifiers__wrapper {
        padding: calc(24px * .175);
        padding: calc(var(--icon-max-width, 24px) * .175)
    }
}

.icon-modifiers[data-icon-fill=filled][data-icon-border=circle] .icon-modifiers__wrapper,
.icon-modifiers[data-icon-fill=filled][data-icon-border=square] .icon-modifiers__wrapper {
    background-color: var(--icon-border-color, var(--color-border));
    border-color: transparent
}

.icon-modifiers[data-icon-fill=filled][data-icon-border=circle] .icon-modifiers__icon,
.icon-modifiers[data-icon-fill=filled][data-icon-border=square] .icon-modifiers__icon {
    color: var(--icon-text-color)
}

html.do-anim .animation.is-visible .animation--container>*,
html.do-anim .animation.is-visible .animation--container-header>*,
html.do-anim .animation.is-visible .animation--container-footer>*,
html.do-anim .animation.is-visible .animation--item,
html.do-anim .animation.is-visible .animation--image-caption {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .animation.is-visible .animation--image.loaded .image__img,
html.do-anim .animation.is-visible .animation--video {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .animation.is-visible .animation--image-overlay {
    opacity: 1;
    opacity: var(--overlay-opacity)
}

html.do-anim .animation.is-visible .animation--media {
    opacity: 1
}

html.do-anim .animation.is-visible .animation--banner-divider:before {
    width: 30%;
    opacity: 1
}

@media (min-width: 720px) {
    html.do-anim .animation.is-visible .animation--banner-divider:before {
        width: 1px;
        height: 100%
    }
}

html.do-anim .animation.is-visible .animation--drawer-container>* {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .animation .animation--container>*,
html.do-anim .animation .animation--container-header>*,
html.do-anim .animation .animation--container-footer>* {
    --delay-amount: var(--delay-normal);
    --duration-amount: var(--duration-normal);
    opacity: 0;
    transform: translateY(20px);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-amount) var(--easing), opacity var(--duration-amount) var(--easing);
    transition-delay: 0ms;
    transition-delay: calc(var(--delay-amount) * var(--delay-offset-multiplier, 0))
}

html.do-anim .animation .animation--container-hide {
    opacity: 0;
    transition: opacity .1s;
    transition: opacity var(--duration-ultra-fast)
}

html.do-anim .animation .animation--item,
html.do-anim .animation .animation--image-caption {
    --delay-amount: var(--delay-small);
    --duration-amount: var(--duration-normal);
    opacity: 0;
    transform: translateY(40px);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-amount) var(--easing), opacity var(--duration-amount) var(--easing);
    transition-delay: 0ms;
    transition-delay: calc(var(--delay-amount) * var(--delay-offset-multiplier, 0))
}

html.do-anim .animation .animation--item.animation--item-initial {
    opacity: 0;
    transform: translateY(40px)
}

html.do-anim .animation .animation--item.animation--item-revealed {
    --delay-amount: var(--delay-normal);
    --duration-amount: var(--delay-small);
    opacity: 0;
    transform: translateY(40px);
    transition: transform 33ms cubic-bezier(.33, 0, 0, 1), opacity 33ms cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-amount) var(--easing), opacity var(--duration-amount) var(--easing);
    transition-delay: 0ms;
    transition-delay: calc(var(--delay-amount) * var(--delay-offset-multiplier, 0));
    opacity: 1;
    transform: initial
}

html.do-anim .animation .animation--image {
    overflow: hidden
}

html.do-anim .animation .animation--image .image__img,
html.do-anim .animation .animation--video {
    transform: scale(1.3);
    opacity: 0;
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing), opacity var(--duration-normal) var(--easing);
    transition-delay: 0ms;
    transition-delay: calc(var(--delay-normal) * var(--delay-offset-multiplier, 0));
    transition-duration: 1.2s;
    transition-duration: var(--duration-slow)
}

html.do-anim .animation .animation--image-overlay,
html.do-anim .animation .aniamtion--media {
    opacity: 0;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing);
    transition-delay: 0ms;
    transition-delay: calc(var(--delay-normal) * var(--delay-offset-multiplier, 0))
}

html.do-anim .animation .animation--filter-topbar {
    --duration-amount: var(--duration-normal);
    opacity: 0;
    transform: translateY(20px);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-amount) var(--easing), opacity var(--duration-amount) var(--easing)
}

html.do-anim .animation .animation--filter-sidebar.animation--filter-sidebar-revealed .animation--filter-form-group {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .animation .animation--filter-sidebar .animation--filter-form-group {
    --delay-amount: var(--delay-normal);
    --duration-amount: var(--duration-fast);
    opacity: 0;
    transform: translateY(20px);
    transition: transform .3s cubic-bezier(.33, 0, 0, 1), opacity .3s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-amount) var(--easing), opacity var(--duration-amount) var(--easing);
    transition-delay: 0ms;
    transition-delay: calc(var(--delay-amount) * var(--delay-offset-multiplier, 0))
}

html.do-anim .animation .animation--banner-divider:before {
    width: 10%;
    opacity: 0;
    transition: width .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: width var(--duration-normal) var(--easing), opacity var(--duration-normal) var(--easing)
}

@media (min-width: 720px) {
    html.do-anim .animation .animation--banner-divider:before {
        width: 1px;
        top: auto;
        height: 80%;
        transition: height .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
        transition: height var(--duration-normal) var(--easing), opacity var(--duration-normal) var(--easing)
    }
}

html.do-anim .animation .animation--drawer-container>* {
    transform: translate(40px);
    transform: translate(calc(40px + (40px * var(--position-offset-multiplier, 0))));
    transition: transform .5s 33ms cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--delay-small) var(--easing)
}

html.do-anim .animation .animation--container.is-visible>* {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .animation .animation--item.is-visible,
html.do-anim .animation .animation--item.is-visible .animation--image.loaded .image__img,
html.do-anim .animation .animation--filter-topbar.is-visible {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .header.animation--dropdowns-have-animated-more-than-once .animation--dropdown .animation--container>*,
html.do-anim .header.animation--dropdowns-have-animated-more-than-once .animation--dropdown .animation--dropdown-item {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .header.animation--dropdowns-have-animated-more-than-once .animation--dropdown .animation--image .image__img {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .header.animation--dropdowns-have-animated-more-than-once .animation--dropdown .animation--image-overlay {
    opacity: var(--overlay-opacity)
}

html.do-anim .header .animation--dropdown .animation--container>*,
html.do-anim .header .animation--dropdown .animation--dropdown-item {
    --delay-amount: var(--delay-normal);
    --duration-amount: var(--duration-normal);
    opacity: 0;
    transform: translateY(10px);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-amount) var(--easing), opacity var(--duration-amount) var(--easing);
    transition-delay: 0ms;
    transition-delay: calc(var(--delay-amount) * var(--delay-offset-multiplier, 0))
}

html.do-anim .header .animation--dropdown .animation--image .image__img {
    transform: scale(1.1);
    opacity: 0;
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing), opacity var(--duration-normal) var(--easing);
    transition-delay: 0ms;
    transition-delay: calc(var(--delay-normal) * var(--delay-offset-multiplier, 0))
}

html.do-anim .header .animation--dropdown .animation--image-overlay {
    opacity: 0;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing);
    transition-delay: -67ms;
    transition-delay: calc(var(--delay-normal) * (var(--delay-offset-multiplier, 0) - 1))
}

html.do-anim .header .animation--dropdown.active .animation--container>*,
html.do-anim .header .animation--dropdown.active .animation--dropdown-item {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .header .animation--dropdown.active .animation--image .image__img {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .header .animation--dropdown.active .animation--image-overlay {
    opacity: var(--overlay-opacity)
}

html.do-anim .header .animation--dropdown:not(.active) .animation--container>*,
html.do-anim .header .animation--dropdown:not(.active) .animation--dropdown-item,
html.do-anim .header .animation--dropdown:not(.active) .animation--image .image__img,
html.do-anim .header .animation--dropdown:not(.active) .animation--image-overlay {
    transition: none
}

@keyframes shimmer {
    0% {
        transform: translate3d(-30%, 200%, 0) rotate(45deg)
    }

    to {
        transform: translate3d(-30%, -120%, 0) rotate(45deg)
    }
}

html.do-anim .animation--lazy-load {
    overflow: hidden
}

html.do-anim .animation--lazy-load:not(.loaded)>* {
    visibility: hidden
}

html.do-anim .animation--lazy-load:not(.loaded):after,
html.do-anim .animation--lazy-load:not(.loaded):before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 400%;
    height: 100%;
    transform: translate3d(0, -200%, 0) rotate(45deg);
    background: linear-gradient(180deg, #fff0 0 5%, #fcfcfc 50%, #fff0 95%, #fff0);
    animation: shimmer 1.5s cubic-bezier(.33, 0, .67, 1) infinite;
    content: ""
}

html.do-anim .animation--lazy-load:not(.loaded):before {
    animation-delay: .65s
}

html.do-anim .animation.animation--quick-product.animation--quick-product-revealed .animation--item {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .animation.animation--quick-product .animation--item {
    --delay-amount: var(--delay-small);
    --duration-amount: var(--duration-normal);
    opacity: 0;
    transform: translateY(40px);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-amount) var(--easing), opacity var(--duration-amount) var(--easing);
    transition-delay: 0ms;
    transition-delay: calc(var(--delay-amount) * var(--delay-offset-multiplier, 0))
}

html.do-anim .animation.animation--slideshow .animation--image-overlay {
    opacity: 0;
    transition: opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: opacity var(--duration-normal) var(--easing)
}

html.do-anim .animation.animation--slideshow .slideshow-slide[inert] .animation--container>*,
html.do-anim .animation.animation--slideshow .slideshow-slide[inert] .animation--item {
    --delay-amount: var(--delay-normal);
    --duration-amount: var(--duration-normal);
    opacity: 0;
    transform: translateY(20px);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-amount) var(--easing), opacity var(--duration-amount) var(--easing);
    transition-delay: 0ms;
    transition-delay: calc(var(--delay-amount) * var(--delay-offset-multiplier, 0))
}

html.do-anim .animation.animation--slideshow .animation--container>* {
    --adjusted-delay-offset-multiplyer: calc(var(--delay-offset-multiplier, 0) + 1);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-normal) var(--easing), opacity var(--duration-normal) var(--easing);
    transition-delay: 67ms;
    transition-delay: calc(var(--delay-normal) * var(--adjusted-delay-offset-multiplyer))
}

html.do-anim .animation.animation--slideshow.is-visible .animation--image-overlay {
    opacity: var(--overlay-opacity)
}

html.do-anim .animation.animation--slideshow.is-visible[data-is-single-slide=true] .slideshow-slide .animation--container>*,
html.do-anim .animation.animation--slideshow.is-visible[data-is-single-slide=true] .slideshow-slide .animation--item {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .animation.animation--slideshow.is-visible .slideshow-slide:not([inert]) .animation--container>*,
html.do-anim .animation.animation--slideshow.is-visible .slideshow-slide:not([inert]) .animation--item {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .animation.animation--tabbed-collections.is-visible .tabbed-collections__products.active .animation--item {
    opacity: 1;
    transform: none;
    transform: initial
}

html.do-anim .animation.animation--tabbed-collections.is-visible .animation--item {
    --delay-amount: var(--delay-small);
    --duration-amount: var(--duration-normal);
    opacity: 0;
    transform: translateY(40px);
    transition: transform .5s cubic-bezier(.33, 0, 0, 1), opacity .5s cubic-bezier(.33, 0, 0, 1);
    transition: transform var(--duration-amount) var(--easing), opacity var(--duration-amount) var(--easing);
    transition-delay: 0ms;
    transition-delay: calc(var(--delay-amount) * var(--delay-offset-multiplier, 0))
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    touch-action: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 100%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    backface-visibility: hidden;
    position: absolute;
    cursor: grab
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
    border: 1px solid var(--color-text-alpha-60);
    border-radius: 100%
}

[data-form-type=drawer] .noUi-touch-area {
    border-color: var(--color-text-popups-drawers-alpha-60)
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 3px
}

.noUi-horizontal .noUi-handle {
    width: 21px;
    width: calc(var(--spacing-5) + 1px);
    height: 17px;
    height: calc(var(--spacing-4) + 1px);
    border-radius: 100%;
    top: -7px;
    padding: 0 2px;
    padding: 0 var(--spacing-unit-half)
}

.noUi-horizontal .noUi-handle.noUi-handle-lower {
    right: -11px;
    right: calc((var(--spacing-5) / -2) - 1px)
}

.noUi-horizontal .noUi-handle.noUi-handle-upper {
    right: -10px;
    right: calc(var(--spacing-5) / -2)
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    width: calc(100% - 16px);
    width: calc(100% - (var(--spacing-4)));
    margin: 0 auto
}

.noUi-target:before {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    left: calc(var(--spacing-2) / -1);
    width: calc(100% + 16px);
    width: calc(100% + (var(--spacing-4)));
    height: 100%;
    background: var(--color-text-alpha-30)
}

[data-form-type=drawer] .noUi-target:before {
    background: var(--color-text-popups-drawers-alpha-30)
}

.noUi-connect {
    background: var(--color-text)
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    background: var(--color-background);
    cursor: grab
}

.noUi-handle.noUi-active {
    cursor: grabbing
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-sub,
.noUi-marker-large {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    transform: translate(-50%);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    transform: translateY(-50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    transform: translate(50%);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    transform: translateY(-18px);
    top: auto;
    right: 28px
}

div.media-with-content__image.image-1 img {
    display: block;
    max-width: 70%;
    margin: auto
}

@media screen and (min-width: 1024px) {
    div.media-with-content__image.image-1 img {
        max-width: unset
    }
}

.tisox-bg {
    background: #f4f4f4cc
}

div.tisox-back-to-top {
    margin: 2rem 0
}

div.tisox-back-to-top>button {
    display: block;
    margin: 0 auto
}

.tisox-items-heading {
    text-align: center
}

div.tisox-two-items,
div.tisox-three-items,
div.tisox-six-items {
    margin: 1rem auto
}

div.tisox-three-items {
    padding: 1rem
}

div.tisox-three-items img,
div.tisox-six-items img {
    width: 75%;
    height: auto
}

div.tisox-two-items>div.tisox-item,
div.tisox-three-items>div.tisox-item,
div.tisox-six-items>div.tisox-item {
    width: 100%;
    margin: 1rem 0;
    text-align: center
}

div.tisox-page {
    padding: 2rem 2rem 1.2rem;
    background: #df2935;
    color: #fff;
    text-align: center
}

div.tisox-page>div.tisox-page__image img {
    max-width: 100%;
    height: auto
}

div.tisox-page .countdown-timer {
    margin: .6rem 0 0
}

div.tisox-page .countdown-timer .countdown-timer__item+.countdown-timer__item .countdown-timmer__amount:before {
    background-color: #fff
}

div.tisox-cart-payment-icons {
    margin-top: 1rem
}

div.tisox-seen-in {
    margin-bottom: 4rem
}

div.tisox-seen-in>div.tisox-six-items {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    align-items: center;
    margin-top: 0
}

div.tisox-seen-in>div.tisox-six-items>div.tisox-item {
    width: 120px
}

@media screen and (min-width: 700px) {
    div.tisox-page {
        display: flex
    }

    div.tisox-page>div.tisox-page__image {
        margin-right: 1rem
    }

    div.tisox-page>div.tisox-page__content {
        flex-grow: 1
    }

    div.tisox-two-items,
    div.tisox-three-items,
    div.tisox-six-items {
        display: flex;
        justify-content: center;
        margin: 2.4rem auto;
        padding: 0
    }

    div.tisox-six-items {
        flex-flow: wrap
    }

    div.tisox-three-items img,
    div.tisox-six-items img {
        width: 100%;
        height: auto
    }

    div.tisox-two-items>div.tisox-item {
        width: 50%;
        margin: 1rem
    }

    div.tisox-three-items>div.tisox-item,
    div.tisox-six-items>div.tisox-item {
        width: 30%
    }

    div.tisox-three-items>div.tisox-item {
        margin: 2rem 1rem
    }

    div.tisox-six-items>div.tisox-item {
        margin: 1rem
    }
}

div.tisox-review-highlight {
    padding: 1rem;
    background: #faf0f1;
    border-radius: 1rem;
    font-size: .8rem
}

div.tisox-review-highlight div.review {
    margin-bottom: .8rem
}

div.tisox-review-highlight span.author {
    font-style: italic;
    font-weight: 700
}

div.tisox-review-highlight span.rating>* {
    position: relative;
    top: 2px;
    color: #fdac2b
}

/*# sourceMappingURL=/cdn/shop/t/3/assets/theme.css.map?v=53264304357418060181743497900 */