/** Shopify CDN: Minification failed

Line 3036:19 Expected identifier but found whitespace
Line 3036:28 Unexpected ";"

**/
@media only screen and (min-width: 768px) {

    [class][data-mq=small],
    [data-mq=small],
    [data-mq=small][data-container] {
        display: none
    }
}

@container (min-width: 768px) {

    [class][data-cq=small],
    [data-cq=small],
    [data-cq=small][data-container] {
        display: none
    }
}

@media only screen and (min-width: 1024px) {

    [class][data-mq=small-medium],
    [data-mq=small-medium],
    [data-mq=small-medium][data-container] {
        display: none
    }
}

@container (min-width: 1024px) {

    [class][data-cq=small-medium],
    [data-cq=small-medium],
    [data-cq=small-medium][data-container] {
        display: none
    }
}

@media only screen and (max-width: 767px) {

    [class][data-mq=medium],
    [data-mq=medium],
    [data-mq=medium][data-container] {
        display: none
    }
}

@media only screen and (min-width: 1024px) {

    [class][data-mq=medium],
    [data-mq=medium],
    [data-mq=medium][data-container] {
        display: none
    }
}

@container (max-width: 768px) {

    [class][data-cq=medium],
    [data-cq=medium],
    [data-cq=medium][data-container] {
        display: none
    }
}

@container (min-width: 1024px) {

    [class][data-cq=medium],
    [data-cq=medium],
    [data-cq=medium][data-container] {
        display: none
    }
}

@media only screen and (max-width: 1349px) {

    [class][data-mq=medium-large],
    [data-mq=medium-large],
    [data-mq=medium-large][data-container] {
        display: none
    }
}

@container (max-width: 768px) {

    [class][data-cq=medium-large],
    [data-cq=medium-large],
    [data-cq=medium-large][data-container] {
        display: none
    }
}

@media only screen and (max-width: 767px) {

    [class][data-mq=large],
    [data-mq=large],
    [data-mq=large][data-container] {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1023px) {

    [class][data-mq=large],
    [data-mq=large],
    [data-mq=large][data-container] {
        display: none
    }
}

@container (max-width: 768px) {

    [class][data-cq=large],
    [data-cq=large],
    [data-cq=large][data-container] {
        display: none
    }
}

@container (min-width: 768px) and (max-width: 1023px) {

    [class][data-cq=large],
    [data-cq=large],
    [data-cq=large][data-container] {
        display: none
    }
}

[class][data-mq=none],
[data-mq=none],
[data-mq=none][data-container] {
    display: none
}

:root {
    --transition--standard: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    --transition--ease-out: cubic-bezier(0.19, 1, 0.22, 1);
    --transition--snap-back: cubic-bezier(0.68, -0.55, 0.27, 1.55);
    --transition--zoom-in: scale 8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    --transition--zoom-out: scale 8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    --transition--mask: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
    --transition--scale-in: opacity 0.2s var(--transition--standard) 0s, scale 0.2s var(--transition--standard) 0s, visibility 0.2s var(--transition--standard) 0s;
    --transition--grow: all 0.2s var(--transition--standard) 0s;
    --transition--slide-in: all 0.7s var(--transition--standard) 0s;
    --transition--slide-out: all 0.4s var(--transition--standard) 0s;
    --transition--slide-right: all 0.4s var(--transition--standard) 0s;
    --transition--fade-in: opacity 0.7s var(--transition--standard) 0s, visibility 0.7s var(--transition--standard) 0s;
    --transition--fade-out: opacity 0.4s var(--transition--standard) 0s, visibility 0.4s var(--transition--standard) 0s;
    --transition--stroke: svg 1.5s cubic-bezier(0.8, 0, 0.85, 0.6) 0s forwards;
    --transition--ping: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite
}

[data-transition-container][data-transition-type=fade-in] [data-transition-item]:not([data-transition-type]) {
    visibility: hidden;
    opacity: 0;
    transition: var(--transition--fade-in);
    will-change: opacity, visibility
}

[data-transition-container][data-transition-type=fade-in] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover,
[data-transition-container][data-transition-type=fade-in] [data-transition-item]:not([data-transition-type])[data-transition-active=true] {
    visibility: visible;
    opacity: 1
}

[data-transition-container] [data-transition-item][data-transition-type=fade-in] {
    visibility: hidden;
    opacity: 0;
    transition: var(--transition--fade-in);
    will-change: opacity, visibility
}

[data-transition-container] [data-transition-item][data-transition-type=fade-in][data-transition-trigger=hover]:hover,
[data-transition-container] [data-transition-item][data-transition-type=fade-in][data-transition-active=true] {
    visibility: visible;
    opacity: 1
}

[data-transition-container][data-transition-type=fade-out] [data-transition-item]:not([data-transition-type]) {
    visibility: visible;
    opacity: 1;
    transition: var(--transition--fade-out);
    will-change: opacity, visibility
}

[data-transition-container][data-transition-type=fade-out] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover,
[data-transition-container][data-transition-type=fade-out] [data-transition-item]:not([data-transition-type])[data-transition-active=true] {
    visibility: hidden;
    opacity: 0
}

[data-transition-container] [data-transition-item][data-transition-type=fade-out] {
    visibility: visible;
    opacity: 1;
    transition: var(--transition--fade-out);
    will-change: opacity, visibility
}

[data-transition-container] [data-transition-item][data-transition-type=fade-out][data-transition-trigger=hover]:hover,
[data-transition-container] [data-transition-item][data-transition-type=fade-out][data-transition-active=true] {
    visibility: hidden;
    opacity: 0
}

[data-transition-container][data-transition-type=scale-in] [data-transition-item]:not([data-transition-type]) {
    visibility: hidden;
    opacity: 0;
    scale: .9;
    transition: var(--transition--scale-in);
    will-change: opacity, transform, visibility
}

[data-transition-container][data-transition-type=scale-in] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover,
[data-transition-container][data-transition-type=scale-in] [data-transition-item]:not([data-transition-type])[data-transition-active=true] {
    visibility: visible;
    opacity: 1;
    scale: 1
}

[data-transition-container] [data-transition-item][data-transition-type=scale-in] {
    visibility: hidden;
    opacity: 0;
    scale: .9;
    transition: var(--transition--scale-in);
    will-change: opacity, transform, visibility
}

[data-transition-container] [data-transition-item][data-transition-type=scale-in][data-transition-trigger=hover]:hover,
[data-transition-container] [data-transition-item][data-transition-type=scale-in][data-transition-active=true] {
    visibility: visible;
    opacity: 1;
    scale: 1
}

[data-transition-container][data-transition-type=grow] [data-transition-item]:not([data-transition-type]) {
    scale: 1;
    transition: var(--transition--grow);
    will-change: transform
}

[data-transition-container][data-transition-type=grow] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover,
[data-transition-container][data-transition-type=grow] [data-transition-item]:not([data-transition-type])[data-transition-active=true] {
    scale: 1.5
}

[data-transition-container] [data-transition-item][data-transition-type=grow] {
    scale: 1;
    transition: var(--transition--grow);
    will-change: transform
}

[data-transition-container] [data-transition-item][data-transition-type=grow][data-transition-trigger=hover]:hover,
[data-transition-container] [data-transition-item][data-transition-type=grow][data-transition-active=true] {
    scale: 1.5
}

[data-transition-container][data-transition-type=slide-out] [data-transition-item]:not([data-transition-type]) {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: var(--transition--slide-out);
    will-change: opacity, transform, visibility
}

[data-transition-container][data-transition-type=slide-out] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover,
[data-transition-container][data-transition-type=slide-out] [data-transition-item]:not([data-transition-type])[data-transition-active=true] {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, -16px, 0)
}

[data-transition-container] [data-transition-item][data-transition-type=slide-out] {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: var(--transition--slide-out);
    will-change: opacity, transform, visibility
}

[data-transition-container] [data-transition-item][data-transition-type=slide-out][data-transition-trigger=hover]:hover,
[data-transition-container] [data-transition-item][data-transition-type=slide-out][data-transition-active=true] {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, -16px, 0)
}

[data-transition-container][data-transition-type=slide-in] [data-transition-item]:not([data-transition-type]) {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 16px, 0);
    transition: var(--transition--slide-in);
    will-change: opacity, transform, visibility
}

[data-transition-container][data-transition-type=slide-in] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover,
[data-transition-container][data-transition-type=slide-in] [data-transition-item]:not([data-transition-type])[data-transition-active=true] {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

[data-transition-container] [data-transition-item][data-transition-type=slide-in] {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 16px, 0);
    transition: var(--transition--slide-in);
    will-change: opacity, transform, visibility
}

[data-transition-container] [data-transition-item][data-transition-type=slide-in][data-transition-trigger=hover]:hover,
[data-transition-container] [data-transition-item][data-transition-type=slide-in][data-transition-active=true] {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

[data-transition-container][data-transition-type=slide-right] [data-transition-item]:not([data-transition-type]) {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(-16px, 0, 0);
    transition: var(--transition--slide-right);
    will-change: opacity, transform, visibility
}

[data-transition-container][data-transition-type=slide-right] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover,
[data-transition-container][data-transition-type=slide-right] [data-transition-item]:not([data-transition-type])[data-transition-active=true] {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

[data-transition-container] [data-transition-item][data-transition-type=slide-right] {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(-16px, 0, 0);
    transition: var(--transition--slide-right);
    will-change: opacity, transform, visibility
}

[data-transition-container] [data-transition-item][data-transition-type=slide-right][data-transition-trigger=hover]:hover,
[data-transition-container] [data-transition-item][data-transition-type=slide-right][data-transition-active=true] {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type]) {
    overflow: hidden;
    will-change: transform
}

[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type])>* {
    margin: 0;
    line-height: initial;
    transform: translate3d(0, 100%, 0);
    transition: var(--transition--mask)
}

[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type])[data-transition-finished=true] {
    overflow: unset
}

[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]>*:hover,
[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type])[data-transition-active=true]>* {
    transform: translate3d(0, 0, 0)
}

[data-transition-container] [data-transition-item][data-transition-type=mask] {
    overflow: hidden;
    will-change: transform
}

[data-transition-container] [data-transition-item][data-transition-type=mask]>* {
    margin: 0;
    line-height: initial;
    transform: translate3d(0, 100%, 0);
    transition: var(--transition--mask)
}

[data-transition-container] [data-transition-item][data-transition-type=mask][data-transition-finished=true] {
    overflow: unset
}

[data-transition-container] [data-transition-item][data-transition-type=mask][data-transition-trigger=hover]>*:hover,
[data-transition-container] [data-transition-item][data-transition-type=mask][data-transition-active=true]>* {
    transform: translate3d(0, 0, 0)
}

[data-transition-container][data-transition-type=zoom-in] [data-transition-item]:not([data-transition-type]) {
    overflow: hidden;
    --zoom-scale: 1.01;
    will-change: transform
}

[data-transition-container][data-transition-type=zoom-in] [data-transition-item]:not([data-transition-type])>* {
    margin: 0;
    line-height: initial;
    scale: var(--zoom-scale);
    transition: var(--transition--zoom-in)
}

@media only screen and (min-width: 768px) {

    [data-transition-container][data-transition-type=zoom-in] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover>*,
    [data-transition-container][data-transition-type=zoom-in] [data-transition-item]:not([data-transition-type])[data-transition-active=true]>* {
        --zoom-scale: 1.2
    }
}

[data-transition-container] [data-transition-item][data-transition-type=zoom-in] {
    overflow: hidden;
    --zoom-scale: 1.01;
    will-change: transform
}

[data-transition-container] [data-transition-item][data-transition-type=zoom-in]>* {
    margin: 0;
    line-height: initial;
    scale: var(--zoom-scale);
    transition: var(--transition--zoom-in)
}

@media only screen and (min-width: 768px) {

    [data-transition-container] [data-transition-item][data-transition-type=zoom-in][data-transition-trigger=hover]:hover>*,
    [data-transition-container] [data-transition-item][data-transition-type=zoom-in][data-transition-active=true]>* {
        --zoom-scale: 1.2
    }
}

[data-transition-container][data-transition-type=zoom-out] [data-transition-item]:not([data-transition-type]) {
    overflow: hidden;
    --zoom-scale: 1.2;
    will-change: transform
}

[data-transition-container][data-transition-type=zoom-out] [data-transition-item]:not([data-transition-type])>* {
    margin: 0;
    line-height: initial;
    scale: var(--zoom-scale);
    transition: var(--transition--zoom-out)
}

[data-transition-container][data-transition-type=zoom-out] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover>*,
[data-transition-container][data-transition-type=zoom-out] [data-transition-item]:not([data-transition-type])[data-transition-active=true]>* {
    --zoom-scale: 1.01
}

[data-transition-container] [data-transition-item][data-transition-type=zoom-out] {
    overflow: hidden;
    --zoom-scale: 1.2;
    will-change: transform
}

[data-transition-container] [data-transition-item][data-transition-type=zoom-out]>* {
    margin: 0;
    line-height: initial;
    scale: var(--zoom-scale);
    transition: var(--transition--zoom-out)
}

[data-transition-container] [data-transition-item][data-transition-type=zoom-out][data-transition-trigger=hover]:hover>*,
[data-transition-container] [data-transition-item][data-transition-type=zoom-out][data-transition-active=true]>* {
    --zoom-scale: 1.01
}

[data-transition-container][data-transition-type=stroke] [data-transition-item]:not([data-transition-type]) {
    will-change: animation
}

[data-transition-container][data-transition-type=stroke] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover path,
[data-transition-container][data-transition-type=stroke] [data-transition-item]:not([data-transition-type])[data-transition-active=true] path {
    animation: var(--transition--stroke)
}

[data-transition-container] [data-transition-item][data-transition-type=stroke] {
    will-change: animation
}

[data-transition-container] [data-transition-item][data-transition-type=stroke][data-transition-trigger=hover]:hover path,
[data-transition-container] [data-transition-item][data-transition-type=stroke][data-transition-active=true] path {
    animation: var(--transition--stroke)
}

@keyframes svg {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes shine {
    to {
        left: 100%
    }
}

@keyframes scrolling-content {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-100% - var(--scrolling-content--gap, var(--spacing--block))))
    }
}

@keyframes scrolling-content-mobile {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-100% - var(--scrolling-content--mobile-gap, var(--spacing--item))))
    }
}

@keyframes circle-animation {
    from {
        stroke-dashoffset: 100px
    }

    to {
        stroke-dashoffset: 0px
    }
}

@keyframes ping {

    75%,
    100% {
        transform: scale(2.3);
        opacity: 0
    }
}

[data-transition-button][data-item*=button] {
    position: relative;
    overflow: hidden
}

[data-transition-button][data-item*=button]::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transform: skew(-15deg);
    background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.75), transparent)
}

[data-transition-button][data-item*=button]:hover:not([disabled]):not([aria-busy=true])::after {
    animation: shine 1s .2s ease
}

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

html {
    margin: 0;
    padding: 0
}

html:has(#preview-bar-iframe) {
    padding: 0 !important
}

html:has(.layout--viewport[data-modal-status*=open]),
html:has(.layout--viewport[data-drawer-status*=open]) {
    overflow: hidden
}

body {
    padding: 0;
    color: var(--color--body);
    background: var(--bg-color--body)
}

.layout--viewport {
    width: 100%;
    position: relative;
    display: block
}

.layout--main-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    top: 0;
    position: relative
}

.layout--template {
    position: relative
}

.layout--close {
    --cross-size: 24px;
    --cross-thickness: 1.5px;
    width: var(--cross-size);
    height: var(--cross-size);
    cursor: pointer;
    padding: 0;
    position: relative;
    flex-shrink: 0
}

.layout--close[aria-hidden=true] {
    display: none
}

.layout--close[aria-hidden=false] {
    display: inline-flex
}

.layout--close:hover::before {
    transform: rotate(135deg)
}

.layout--close:hover::after {
    transform: rotate(45deg)
}

.layout--close::before,
.layout--close::after {
    content: " ";
    top: calc((var(--cross-size) - var(--cross-thickness))/2);
    position: absolute;
    background-color: #fff;
    left: 0px;
    right: 0px;
    height: var(--cross-thickness);
    border-radius: 2px;
    transition: transform .2s var(--transition--standard)
}

.layout--close::before {
    transform: rotate(45deg)
}

.layout--close::after {
    transform: rotate(-45deg)
}

.layout--navigation .layout--close {
    position: fixed;
    z-index: 101;
    transition: opacity .2s var(--transition--standard)
}

.layout--previous,
.layout--next {
    background-color: rgba(0, 0, 0, 0);
    z-index: 1001;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 30px;
    color: #fff;
    padding: 10px;
    opacity: .8;
    border: none;
    height: -moz-fit-content;
    height: fit-content;
    transform: scale(1);
    transition: transform .4s var(--transition--ease-out)
}

.layout--previous:focus-visible,
.layout--previous:hover,
.layout--next:focus-visible,
.layout--next:hover {
    transform: scale(1.06);
    opacity: 1;
    background-color: rgba(0, 0, 0, 0)
}

.layout--previous:active,
.layout--next:active {
    transform: scale(1)
}

.layout--previous {
    left: var(--spacing--block)
}

.layout--previous[aria-hidden=true] {
    display: none
}

.layout--next {
    right: var(--spacing--block)
}

.layout--next[aria-hidden=true] {
    display: none
}

.shopify-section:empty {
    display: none
}

.shopify-challenge__container {
    padding: var(--spacing--section)
}

@media only screen and (max-width: 767px) {
    .shopify-challenge__container {
        padding: var(--spacing--section--mobile)
    }
}

.shopify-challenge__container .shopify-challenge__message,
.shopify-challenge__container .g-recaptcha {
    padding-bottom: var(--spacing--block)
}

.shopify-challenge__container input[type=submit] {
    width: 300px
}

.h-captcha[data-size=invisible] {
    display: none
}

:root {
    --spacing--0: 4px;
    --spacing--1: 8px;
    --spacing--2: 12px;
    --spacing--3: 16px;
    --spacing--4: 32px;
    --spacing--5: 48px;
    --spacing--6: 64px;
    --spacing--7: 72px;
    --spacing--8: 96px;
    --spacing--neg-0: -4px;
    --spacing--neg-1: -8px;
    --spacing--neg-2: -12px;
    --spacing--neg-3: -16px;
    --spacing--neg-4: -32px;
    --spacing--neg-5: -48px;
    --spacing--neg-6: -64px;
    --spacing--neg-7: -72px;
    --spacing--neg-8: -96px;
    --spacing--item: var(--spacing--3);
    --spacing--neg-item: var(--spacing--neg-3);
    --spacing--item--mobile: var(--spacing--2);
    --spacing--neg-item--mobile: var(--spacing--neg-2);
    --spacing--block: var(--spacing--4);
    --spacing--neg-block: var(--spacing--neg-4);
    --spacing--block--mobile: var(--spacing--3);
    --spacing--neg-block--mobile: var(--spacing--neg-3);
    --spacing--section--x: var(--spacing--5);
    --spacing--neg-section--x: var(--spacing--neg-5);
    --spacing--section--y: var(--spacing--7);
    --spacing--neg-section--y: var(--spacing--neg-7);
    --spacing--section: var(--spacing--section--y) var(--spacing--section--x);
    --spacing--section--mobile--x: var(--spacing--3);
    --spacing--section--mobile--y: var(--spacing--4);
    --spacing--section--mobile: var(--spacing--section--mobile--y) var(--spacing--section--mobile--x);
    --max-width--x-large: 1400px;
    --max-width--large: 1200px;
    --max-width--medium: 1000px;
    --max-width--small: 800px;
    --max-width--x-small: 650px;
    --height--x-large: 750px;
    --height--large: 650px;
    --height--medium: 550px;
    --height--small: 450px;
    --height--x-small: 350px;
    --mobile-height--x-large: 600px;
    --mobile-height--large: 520px;
    --mobile-height--medium: 440px;
    --mobile-height--small: 360px;
    --mobile-height--x-small: 280px
}

[data-container=section] {
    display: grid;
    align-items: start;
    grid-row-gap: var(--spacing--block)
}

@media only screen and (max-width: 767px) {
    [data-container=section] {
        grid-row-gap: var(--spacing--item)
    }
}

[data-container=nav] {
    display: flex
}

@media only screen and (min-width: 768px) {
    [data-container=nav]:has(>.carousel-navigation:only-child) {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    [data-container=nav]:has(>.carousel-navigation:only-child) {
        flex-direction: column
    }
}

[data-container=nav]:has(>*:nth-child(2)) {
    justify-content: space-between;
    gap: var(--spacing--1);
    width: 100%
}

@media only screen and (min-width: 768px) {
    [data-container=nav]:has(>*:nth-child(2))[data-text-alignment=center] {
        flex-direction: column;
        align-items: center
    }

    [data-container=nav]:has(>*:nth-child(2)):not([data-text-alignment=center]) {
        align-items: flex-end
    }

    [data-container=nav]:has(>*:nth-child(2))[data-text-alignment=right]>[data-container=block] {
        order: 1
    }
}

@media only screen and (max-width: 767px) {
    [data-container=nav]:has(>*:nth-child(2))[data-mobile-text-alignment=center] {
        flex-direction: column;
        align-items: center
    }

    [data-container=nav]:has(>*:nth-child(2)):not([data-mobile-text-alignment=center]) {
        align-items: flex-end
    }

    [data-container=nav]:has(>*:nth-child(2))[data-mobile-text-alignment=right]>[data-container=block] {
        order: 1
    }
}

[data-container=nav]>[data-container=block] {
    width: 100%
}

[data-container=panel] {
    display: grid;
    align-items: start;
    grid-auto-flow: row dense;
    grid-row-gap: var(--spacing--block);
    grid-column-gap: var(--spacing--block);
    grid-template-columns: minmax(auto, 1fr);
    justify-content: center
}

@media only screen and (max-width: 767px) {
    [data-container=panel] {
        grid-column-gap: var(--spacing--item)
    }

    [data-container=panel][data-mobile-block-spacing=false] {
        grid-gap: 0
    }

    [data-container=panel][data-mobile-columns="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    [data-container=panel][data-mobile-columns="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    [data-container=panel][data-mobile-columns="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    [data-container=panel][data-mobile-columns="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media only screen and (min-width: 768px) {
    [data-container=panel][data-block-spacing=false] {
        grid-gap: 0
    }

    [data-container=panel][data-reverse-layout=true]>*:first-child {
        order: 1
    }

    [data-container=panel][data-columns="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    [data-container=panel][data-columns="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    [data-container=panel][data-columns="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    [data-container=panel][data-columns="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    [data-container=panel][data-columns="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    [data-container=panel][data-columns="6"] {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    [data-container=panel][data-columns="3"][data-fixed-columns=true] {
        grid-template-columns: repeat(auto-fit, calc(100% / 3 - var(--spacing--block) * 2 / 3))
    }

    [data-container=panel][data-columns="4"][data-fixed-columns=true] {
        grid-template-columns: repeat(auto-fit, calc(100% / 4 - var(--spacing--block) * 3 / 4))
    }
}

[data-container=sticky] {
    display: grid
}

@media only screen and (min-width: 768px) {
    [data-container=sticky]:not(:only-child) {
        --top-position: calc(var(--sticky-offset) + var(--spacing--block));
        position: sticky;
        top: var(--top-position);
        transition: top .2s var(--transition--standard)
    }

    [data-container=sticky]:not(:only-child):has(>:is(.image--root, .placeholder--root)[data-display-type=fit-screen]) {
        --top-position: var(--sticky-offset)
    }
}

[data-container=sticky]>* {
    grid-area: 1/-1
}

[data-container=block] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing--item);
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    [data-container=block] {
        justify-content: center
    }
}

[data-container=block]>[class*=overline] {
    order: 0
}

[data-container=block]>* {
    order: 1
}

html {
    -webkit-text-size-adjust: 100%
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004)
}

[data-item=rte-content] img,
.rte img {
    max-width: 100%
}

[data-item=rte-content]>*:not(blockquote),
.rte>*:not(blockquote) {
    padding-bottom: var(--spacing--item)
}

@media only screen and (max-width: 767px) {

    [data-item=rte-content]>*:not(blockquote),
    .rte>*:not(blockquote) {
        padding-bottom: var(--spacing--item--mobile)
    }
}

[data-item=rte-content]>*:last-child,
.rte>*:last-child {
    padding-bottom: 0
}

p {
    margin: 0
}

b,
strong {
    font-weight: bolder
}

a,
a:is(:link, :visited) {
    color: var(--color--body);
    text-decoration: none
}

.no-touchevents a,
.no-touchevents a:is(:link, :visited) {
    transition: color .2s ease
}

[data-item=featured-paragraph] a,
[data-item=paragraph] a,
[data-item=rte-content] a,
.rte a,
[data-item=featured-paragraph] a:is(:link, :visited),
[data-item=paragraph] a:is(:link, :visited),
[data-item=rte-content] a:is(:link, :visited),
.rte a:is(:link, :visited) {
    text-decoration: underline
}

a:hover {
    color: var(--color--body)
}

[data-item=featured-paragraph] a:hover,
[data-item=paragraph] a:hover,
[data-item=rte-content] a:hover,
.rte a:hover {
    color: var(--color--body--light)
}

[data-item=featured-paragraph] blockquote,
[data-item=paragraph] blockquote,
[data-item=rte-content] blockquote,
.rte blockquote {
    font-style: italic;
    padding: var(--spacing--item) 0 var(--spacing--item) var(--spacing--item);
    border-left: 2px solid var(--border--dark);
    margin: 0 0 var(--spacing--block);
    max-width: 600px
}

@media only screen and (max-width: 767px) {

    [data-item=featured-paragraph] blockquote,
    [data-item=paragraph] blockquote,
    [data-item=rte-content] blockquote,
    .rte blockquote {
        margin: 0 0 var(--spacing--item--mobile);
        padding: var(--spacing--item--mobile) 0 var(--spacing--item--mobile) var(--spacing--item--mobile)
    }
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

[data-item=featured-paragraph] ul,
[data-item=paragraph] ul,
[data-item=rte-content] ul,
.rte ul {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: var(--spacing--block);
    line-height: 1.7em
}

[data-item=featured-paragraph] ul ul,
[data-item=paragraph] ul ul,
[data-item=rte-content] ul ul,
.rte ul ul {
    list-style-type: circle
}

ol {
    margin: 0;
    padding: 0;
    line-height: 1.7em;
    list-style-type: none
}

[data-item=featured-paragraph] ol,
[data-item=paragraph] ol,
[data-item=rte-content] ol,
.rte ol {
    list-style-type: item;
    list-style-position: inside;
    counter-reset: item;
    padding-left: var(--spacing--block)
}

@media only screen and (max-width: 767px) {

    [data-item=featured-paragraph] ol,
    [data-item=paragraph] ol,
    [data-item=rte-content] ol,
    .rte ol {
        padding-left: var(--spacing--block--mobile)
    }
}

li {
    display: block
}

[data-item=featured-paragraph] li,
[data-item=paragraph] li,
[data-item=rte-content] li,
.rte li {
    display: list-item
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

[data-item=featured-paragraph] table,
[data-item=paragraph] table,
[data-item=rte-content] table,
.rte table {
    border: 0;
    margin: calc(var(--spacing--neg-item)/2)
}

@media only screen and (max-width: 767px) {

    [data-item=featured-paragraph] table,
    [data-item=paragraph] table,
    [data-item=rte-content] table,
    .rte table {
        width: auto;
        margin: calc(var(spacing--neg-item--mobile)/2)
    }
}

tr:not(:last-child) {
    padding-bottom: var(--spacing--item)
}

td {
    padding: calc(var(--spacing--item)/2)
}

@media only screen and (max-width: 767px) {
    td {
        margin: calc(var(--spacing--item--mobile)/2)
    }
}

address {
    font-style: unset
}

mark {
    background-color: unset;
    color: var(--color--body)
}

iframe {
    max-width: 100%
}

*::-webkit-input-placeholder,
*:-moz-placeholder,
*::-moz-placeholder,
*:-ms-input-placeholder {
    color: var(--color--body)
}

label {
    padding-bottom: var(--spacing--1);
    display: block
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bg-color--textbox);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy43cHgiIGhlaWdodD0iNC4zcHgiIHZpZXdCb3g9IjAgMCA3LjcgNC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3LjcgNC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik03LjEsMC4xQzYuNywwLjUsMy45LDMuMiwzLjksMy4yUzEsMC41LDAuNiwwLjFTMCwwLjcsMCwwLjdsMy45LDMuNmwzLjgtMy42QzcuNywwLjcsNy41LTAuMyw3LjEsMC4xeiIvPg0KPC9zdmc+DQo=");
    background-position: right 10px center;
    background-repeat: no-repeat;
    border-radius: 2px;
    border: 1px solid var(--border--dark);
    color: var(--color--body);
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 var(--spacing--3);
    max-width: 100%;
    padding: 9px 28px 9px 15px;
    text-indent: .01px;
    text-overflow: "";
    width: 100%
}

select:focus-visible {
    color: var(--color--body);
    background-color: var(--bg-color--textbox)
}

select::-ms-expand {
    display: none
}

input,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bg-color--textbox);
    border-radius: var(--input--radius);
    border: 1px solid var(--border--dark);
    box-shadow: none;
    color: var(--color--body);
    margin: 0 0 var(--spacing--3);
    max-width: 100%;
    overflow: auto;
    padding: var(--spacing--1) var(--spacing--3);
    text-transform: none;
    width: 100%;
    caret-color: var(--color--body)
}

input:focus-visible,
textarea:focus-visible {
    border: 1px solid var(--border--dark);
    color: var(--color--body);
    background-color: var(--bg-color--textbox)
}

input {
    height: 45px;
    line-height: 45px
}

button,
input:is([type=button], [type=reset], [type=submit]) {
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

button[disabled],
input[disabled] {
    cursor: default;
    opacity: .7
}

input[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
    box-sizing: border-box;
    height: auto;
    height: auto;
    margin: 0 var(--spacing--1) 0 0;
    padding: 0;
    width: auto
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    box-sizing: border-box;
    height: auto;
    margin: 0 var(--spacing--1) 0 0;
    padding: 0;
    width: auto
}

[tabindex="0"]:hover {
    cursor: pointer
}

[data-text-style=eclipse-shadow] {
    position: relative
}

*:has(>*>[data-text-style=eclipse-shadow]) {
    overflow: hidden
}

[data-text-style=eclipse-shadow]:before {
    background: radial-gradient(rgba(0, 0, 0, var(--content--shadow-opacity)), 50%, transparent 70%);
    bottom: 0;
    content: "";
    left: 0;
    margin: -50px -100px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

[data-text-style=text-shadow] [data-item*=heading] {
    text-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

[data-text-style=text-shadow] [data-item=overline],
[data-text-style=text-shadow] [data-item=featured-paragraph]>*,
[data-text-style=text-shadow] [data-item=paragraph]>*,
[data-text-style=text-shadow] [data-item=rte-content]>*,
[data-text-style=text-shadow] [data-item=block-link]>* {
    text-shadow: 0 0 10px rgba(0, 0, 0, .6)
}

[data-text-style=text-shadow] [data-item*=button] {
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

[data-item~=banner-heading] {
    font-family: var(--font--heading--family);
    font-weight: var(--font--heading--weight);
    font-style: var(--font--heading--style);
    text-transform: var(--font--heading--uppercase);
    letter-spacing: var(--font--heading--spacing);
    line-height: var(--font--line-height);
    font-size: var(--font--size);
    margin: 0;
    --font--size: var(--font--banner--size)
}

@media only screen and (max-width: 767px) {
    [data-item~=banner-heading] {
        --font--size: var(--font--banner--mobile-size)
    }
}

[data-item~=featured-heading] {
    font-family: var(--font--heading--family);
    font-weight: var(--font--heading--weight);
    font-style: var(--font--heading--style);
    text-transform: var(--font--heading--uppercase);
    letter-spacing: var(--font--heading--spacing);
    line-height: var(--font--line-height);
    font-size: var(--font--size);
    margin: 0;
    --font--size: var(--font--featured--size)
}

@media only screen and (max-width: 767px) {
    [data-item~=featured-heading] {
        --font--size: var(--font--featured--mobile-size)
    }
}

[data-item~=section-heading] {
    font-family: var(--font--heading--family);
    font-weight: var(--font--heading--weight);
    font-style: var(--font--heading--style);
    text-transform: var(--font--heading--uppercase);
    letter-spacing: var(--font--heading--spacing);
    line-height: var(--font--line-height);
    font-size: var(--font--size);
    margin: 0;
    --font--size: var(--font--section--size)
}

@media only screen and (max-width: 767px) {
    [data-item~=section-heading] {
        --font--size: var(--font--section--mobile-size)
    }
}

[data-item~=block-heading] {
    font-family: var(--font--heading--family);
    font-weight: var(--font--heading--weight);
    font-style: var(--font--heading--style);
    text-transform: var(--font--heading--uppercase);
    letter-spacing: var(--font--heading--spacing);
    line-height: var(--font--line-height);
    font-size: var(--font--size);
    margin: 0;
    --font--size: var(--font--block--size)
}

@media only screen and (max-width: 767px) {
    [data-item~=block-heading] {
        --font--size: var(--font--block--mobile-size)
    }
}

[data-item=nav-text],
label:not([data-item]),
input,
textarea {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--text-transform);
    letter-spacing: 1px;
    font-size: var(--font--size);
    --text-transform: var(--font--nav--uppercase);
    --font--size: var(--font--nav--size)
}

@media only screen and (max-width: 767px) {

    [data-item=nav-text],
    label:not([data-item]),
    input,
    textarea {
        --font--size: var(--font--nav--mobile-size)
    }
}

[data-item=sub-nav-text] {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--text-transform);
    letter-spacing: 1px;
    font-size: var(--font--size);
    --text-transform: var(--font--sub-nav--uppercase);
    --font--size: var(--font--sub-nav--size)
}

@media only screen and (max-width: 767px) {
    [data-item=sub-nav-text] {
        --font--size: var(--font--sub-nav--mobile-size)
    }
}

input:is([type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url]),
select,
textarea,
textarea[data-item] {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--text-transform);
    letter-spacing: 1px;
    font-size: var(--font--size);
    text-transform: none;
    letter-spacing: normal;
    --font--size: 15px
}

@media only screen and (max-width: 767px) {

    input:is([type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url]),
    select,
    textarea,
    textarea[data-item] {
        --font--size: 16px
    }
}

[data-item=paragraph],
[data-item=rte-content],
.rte,
body {
    font-family: var(--font--paragraph--family);
    font-weight: var(--font--paragraph--weight);
    font-style: var(--font--paragraph--style);
    font-size: var(--font--size);
    line-height: 1.5em;
    letter-spacing: var(--font--paragraph--spacing);
    margin: 0;
    --font--size: var(--font--paragraph--size)
}

@media only screen and (max-width: 767px) {

    [data-item=paragraph],
    [data-item=rte-content],
    .rte,
    body {
        --font--size: var(--font--paragraph--mobile-size)
    }
}

[data-item=featured-paragraph] {
    font-family: var(--font--paragraph--family);
    font-weight: var(--font--paragraph--weight);
    font-style: var(--font--paragraph--style);
    font-size: var(--font--size);
    line-height: 1.5em;
    letter-spacing: var(--font--paragraph--spacing);
    margin: 0;
    --font--size: var(--font--featured-paragraph--size)
}

@media only screen and (max-width: 767px) {
    [data-item=featured-paragraph] {
        --font--size: var(--font--featured-paragraph--mobile-size)
    }
}

body {
    margin: 0
}

[data-item=caption] {
    font-family: var(--font--paragraph--family);
    font-weight: var(--font--paragraph--weight);
    font-style: italic;
    font-size: var(--font--nav--size)
}

@media only screen and (max-width: 767px) {
    [data-item=caption] {
        font-size: var(--font--nav--mobile-size)
    }
}

[data-item=overline] {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--text-transform);
    letter-spacing: 1px;
    font-size: var(--font--size);
    --font--size: var(--font--overline--size);
    --text-transform: var(--font--overline--uppercase);
    letter-spacing: 1.5px;
    margin: -0.1666666667em 0
}

[data-item=block-link] {
    flex-basis: auto
}

[data-item=block-link]>* {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--text-transform);
    letter-spacing: 1px;
    font-size: var(--font--size);
    --font--size: var(--font--nav--size);
    --text-transform: var(--font--nav--uppercase);
    display: inline-block;
    line-height: 1
}

[data-item=block-link]>*:after {
    padding-bottom: 0.1428571429em;
    border-bottom: 0.0714285714em solid var(--color--body);
    content: "";
    display: block;
    width: 100%
}

[data-text-color=white] [data-item=block-link]>*:after {
    border-color: #fff
}

[data-text-color=body] [data-item=block-link]>*:after {
    border-color: var(--color--body)
}

@media only screen and (max-width: 767px) {
    [data-item=block-link]>* {
        --font--size: var(--font--nav--mobile-size)
    }
}

[data-item=small-text] {
    font-size: 12px
}

[data-text-alignment] {
    text-align: var(--text-alignment)
}

[data-text-alignment]>*:only-child,
[data-text-alignment][data-container=block]>* {
    align-self: var(--self-alignment)
}

[data-text-alignment=center] {
    --text-alignment: center;
    --self-alignment: center
}

[data-text-alignment=left] {
    --text-alignment: left;
    --self-alignment: flex-start
}

[data-text-alignment=right] {
    --text-alignment: right;
    --self-alignment: flex-end
}

@media only screen and (max-width: 767px) {
    [data-mobile-text-alignment] {
        text-align: var(--text-alignment)
    }

    [data-mobile-text-alignment]>*:only-child,
    [data-mobile-text-alignment][data-container=block]>* {
        align-self: var(--self-alignment)
    }

    [data-mobile-text-alignment=center] {
        --text-alignment: center;
        --self-alignment: center
    }

    [data-mobile-text-alignment=left] {
        --text-alignment: left;
        --self-alignment: flex-start
    }

    [data-mobile-text-alignment=right] {
        --text-alignment: right;
        --self-alignment: flex-end
    }
}

[data-text-color=alert] {
    color: var(--color--alert)
}

[data-text-color=alert] button:not([data-item*=button]),
[data-text-color=alert] a:not([data-item*=button]),
[data-text-color=alert] a:is(:link, :visited, :focus-visible, :hover):not([data-item*=button]) {
    color: var(--color--alert)
}

[data-text-color=gray] {
    --gray-color: #747474;
    color: var(--gray-color)
}

[data-text-color=gray] button:not([data-item*=button]),
[data-text-color=gray] a:not([data-item*=button]),
[data-text-color=gray] a:is(:link, :visited, :focus-visible, :hover):not([data-item*=button]) {
    color: var(--gray-color)
}

[data-text-color=white] [data-text-color=gray] {
    --gray-color: rgba(255, 255, 255, 0.7)
}

[data-text-color=body] [data-text-color=gray] {
    --gray-color: #747474
}

[data-text-color=white] {
    color: #fff
}

[data-text-color=white] button:not([data-item*=button]),
[data-text-color=white] a:not([data-item*=button]),
[data-text-color=white] a:is(:link, :visited, :focus-visible, :hover):not([data-item*=button]) {
    color: #fff
}

[data-text-color=white] .icon--root:not(.icon--drag-indicator, .icon--plus, .icon--next, .icon--prev, .icon--facebook, .icon--x, .icon--instagram, .icon--linkedin, .icon--tumblr, .icon--snapchat, .icon--pinterest, .icon--vimeo, .icon--youtube, .icon--tiktok, .icon--threads, .icon--spinner) {
    filter: brightness(0) invert(1)
}

[data-text-color=white] :is(.icon--facebook, .icon--x, .icon--instagram, .icon--linkedin, .icon--tumblr, .icon--snapchat, .icon--pinterest, .icon--vimeo, .icon--youtube, .icon--tiktok, .icon--threads)>* {
    fill: #fff
}

[data-text-color=body] {
    color: var(--color--body)
}

[data-text-color=body] button:not([data-item*=button]),
[data-text-color=body] a:not([data-item*=button]),
[data-text-color=body] a:is(:link, :visited, :focus-visible, :hover):not([data-item*=button]) {
    color: var(--color--body)
}

[data-text-highlight=color] {
    color: var(--highlight-text)
}

[data-text-highlight=italic] {
    color: var(--highlight-text);
    font-style: italic
}

[data-text-highlight=bold] {
    color: var(--highlight-text);
    font-weight: bolder
}

[data-text-highlight=bold-italic] {
    color: var(--highlight-text);
    font-style: italic;
    font-weight: bolder
}

[data-text-highlight=outlined] {
    color: var(--highlight-text);
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 2px
}

[data-text-highlight=highlight] {
    color: var(--highlight-text);
    background-color: var(--highlight-color);
    display: inline-block;
    padding: 0 .15em
}

[data-text-highlight=half-highlight] {
    color: var(--highlight-text);
    background: linear-gradient(to bottom, transparent 60%, var(--highlight-color) 0%);
    display: inline-block
}

[data-text-highlight=glow] {
    display: inline-block;
    position: relative;
    text-shadow: none
}

[data-text-highlight=glow]::before {
    content: attr(data-text);
    position: absolute;
    pointer-events: none;
    color: #fffaf6;
    background: linear-gradient(0deg, #dfe5ee 0%, #fffaf6 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    filter: url(#glow-text);
    -moz-filter: url(#glow-text);
    -webkit-filter: url(#glow-text)
}

[data-text-highlight=underline] {
    color: var(--highlight-text);
    display: inline-block;
    position: relative
}

[data-text-highlight=underline]::before {
    content: "";
    position: absolute;
    background-color: var(--highlight-color);
    height: 4px;
    opacity: .93;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1
}

[data-text-highlight=reverse-opacity] {
    color: var(--highlight-text)
}

*:has(>[data-text-highlight=reverse-opacity])>:not([data-text-highlight=reverse-opacity]) {
    opacity: .5
}

[data-item=button] {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--text-transform);
    letter-spacing: 1px;
    font-size: var(--font--size);
    --text-transform: var(--font--button--uppercase);
    --font--size: var(--font--button--size);
    letter-spacing: var(--font--button--spacing);
    text-align: center;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    text-wrap: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--button--radius);
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    line-height: 40px;
    padding: 0 var(--spacing--3);
    width: -moz-fit-content;
    width: fit-content;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

[data-item=button]:is(:link, :visited) {
    color: var(--button--color)
}

.no-touchevents [data-item=button] {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-item=button]:active:not([disabled]) {
    scale: .98
}

[data-item=button] .icon--root>* {
    fill: currentColor
}

[data-item=button]:not([href])>* {
    pointer-events: none
}

[data-item=button],
[data-item=button]:is(:link, :visited, :focus-visible, :hover) {
    color: var(--button--color);
    background: var(--button--bg-color);
    border: 2px solid var(--button--bg-color)
}

[data-text-color=white] [data-item=button],
[data-text-color=white] [data-item=button]:is(:link, :visited, :focus-visible, :hover) {
    color: var(--color--body);
    background: #fff;
    border: 2px solid #fff
}

[data-item=a11y-button],
input[type=submit] {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--text-transform);
    letter-spacing: 1px;
    font-size: var(--font--size);
    --text-transform: var(--font--button--uppercase);
    --font--size: var(--font--button--size);
    letter-spacing: var(--font--button--spacing);
    text-align: center;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    text-wrap: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--button--radius);
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    line-height: 40px;
    padding: 0 var(--spacing--3);
    width: -moz-fit-content;
    width: fit-content;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

[data-item=a11y-button]:is(:link, :visited),
input[type=submit]:is(:link, :visited) {
    color: var(--button--color)
}

.no-touchevents [data-item=a11y-button],
.no-touchevents input[type=submit] {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-item=a11y-button]:active:not([disabled]),
input[type=submit]:active:not([disabled]) {
    scale: .98
}

[data-item=a11y-button] .icon--root>*,
input[type=submit] .icon--root>* {
    fill: currentColor
}

[data-item=a11y-button]:not([href])>*,
input[type=submit]:not([href])>* {
    pointer-events: none
}

[data-item=a11y-button],
[data-item=a11y-button]:is(:link, :visited, :focus-visible, :hover),
input[type=submit],
input[type=submit]:is(:link, :visited, :focus-visible, :hover) {
    color: var(--button--color);
    background: var(--button--bg-color);
    border: 2px solid var(--button--bg-color)
}

[data-text-color=white] [data-item=a11y-button],
[data-text-color=white] [data-item=a11y-button]:is(:link, :visited, :focus-visible, :hover),
[data-text-color=white] input[type=submit],
[data-text-color=white] input[type=submit]:is(:link, :visited, :focus-visible, :hover) {
    color: var(--color--body);
    background: #fff;
    border: 2px solid #fff
}

[data-item=secondary-button] {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--text-transform);
    letter-spacing: 1px;
    font-size: var(--font--size);
    --text-transform: var(--font--button--uppercase);
    --font--size: var(--font--button--size);
    letter-spacing: var(--font--button--spacing);
    text-align: center;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    text-wrap: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--button--radius);
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    line-height: 40px;
    padding: 0 var(--spacing--3);
    width: -moz-fit-content;
    width: fit-content;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

[data-item=secondary-button]:is(:link, :visited) {
    color: var(--button--color)
}

.no-touchevents [data-item=secondary-button] {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-item=secondary-button]:active:not([disabled]) {
    scale: .98
}

[data-item=secondary-button] .icon--root>* {
    fill: currentColor
}

[data-item=secondary-button]:not([href])>* {
    pointer-events: none
}

[data-item=secondary-button],
[data-item=secondary-button]:is(:link, :visited, :focus-visible, :hover) {
    color: var(--button--bg-color);
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--button--bdr-color)
}

[data-text-color=white] [data-item=secondary-button],
[data-text-color=white] [data-item=secondary-button]:is(:link, :visited, :focus-visible, :hover) {
    color: #fff;
    border-color: #fff
}

[data-item=a11y-button],
[data-item=hidden-text] {
    width: 1px;
    height: 1px;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

[data-item=a11y-button]:focus-visible {
    position: fixed;
    top: calc(var(--spacing--item)/2);
    left: calc(var(--spacing--item)/2);
    padding: 0 calc(var(--spacing--item)/2);
    width: auto;
    height: 30px;
    line-height: 30px;
    z-index: 99;
    clip: unset
}

[data-item=hotspot-button] {
    --hotspot-size: 300%;
    --hotspot-animation: none;
    --hotspot-color: white;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
    background-color: var(--hotspot-color);
    border-radius: 50%;
    pointer-events: none
}

[data-item=hotspot-button]:after {
    content: "";
    position: absolute;
    width: var(--hotspot-size);
    height: var(--hotspot-size);
    animation: var(--hotspot-animation);
    border-radius: 50%;
    opacity: .8;
    background-color: var(--hotspot-color)
}

[data-section-id] {
    position: relative;
    display: flex
}

[data-section-id] [data-heading-alignment=center] {
    text-align: center;
    align-items: center
}

[data-section-id] [data-heading-alignment=left] {
    text-align: left;
    align-items: flex-start
}

[data-section-id] [data-heading-alignment=right] {
    text-align: right;
    align-items: flex-end
}

@media only screen and (max-width: 767px) {
    [data-section-id] {
        padding: var(--spacing--block) var(--spacing--item)
    }

    [data-section-id][data-mobile-spacing-above=none] {
        padding-top: 0
    }

    [data-section-id][data-mobile-spacing-above=full] {
        padding-top: var(--spacing--6)
    }

    [data-section-id][data-mobile-spacing-below=none] {
        padding-bottom: 0
    }

    [data-section-id][data-mobile-spacing-below=full] {
        padding-bottom: var(--spacing--6)
    }

    [data-section-id][data-mobile-full-width=true]:not([data-outer-background=false]) {
        padding-left: 0;
        padding-right: 0
    }

    [data-section-id][data-mobile-full-width=true]:not([data-outer-background=false]) [data-container=block] {
        padding-left: var(--spacing--item);
        padding-right: var(--spacing--item)
    }

    [data-section-id]>* {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    [data-section-id] {
        justify-content: center;
        padding: var(--spacing--section)
    }

    [data-section-id][data-spacing-above=none] {
        padding-top: 0
    }

    [data-section-id][data-spacing-above=half] {
        padding-top: var(--spacing--block)
    }

    [data-section-id][data-spacing-below=none] {
        padding-bottom: 0
    }

    [data-section-id][data-spacing-below=half] {
        padding-bottom: var(--spacing--block)
    }

    [data-section-id][data-container-width="1"]>* {
        width: var(--max-width--x-small)
    }

    [data-section-id][data-container-width="2"]>* {
        width: var(--max-width--small)
    }

    [data-section-id][data-container-width="3"]>* {
        width: var(--max-width--medium)
    }

    [data-section-id][data-container-width="4"]>* {
        width: var(--max-width--large)
    }

    [data-section-id][data-container-width="5"]>* {
        width: 100%
    }

    [data-section-id][data-container-width="6"]>* {
        width: 100%
    }

    [data-section-id][data-container-width="6"] {
        padding-left: 0;
        padding-right: 0
    }
}

[data-border=top],
[data-border=both] {
    border-top: 1px solid var(--border--dark)
}

[data-border=bottom],
[data-border=both] {
    border-bottom: 1px solid var(--border--dark)
}

[data-background-color=transparent] {
    background-color: rgba(0, 0, 0, 0)
}

[data-background-color=none] {
    background-color: var(--bg-color--body)
}

[data-background-color=none][data-translucent=true] {
    background-color: var(--bg-color--body-translucent);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

[data-background-color=light] {
    background-color: var(--bg-color--light)
}

[data-background-color=light][data-outer-background=false]>* {
    background-color: var(--bg-color--light)
}

[data-background-color=light][data-translucent=true] {
    background-color: var(--bg-color--light-translucent);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

[data-background-color=dark] {
    background-color: var(--bg-color--dark)
}

[data-background-color=dark][data-outer-background=false]>* {
    background-color: var(--bg-color--dark)
}

[data-background-color=dark][data-translucent=true] {
    background-color: var(--bg-color--dark-translucent);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

[data-background-color=accent-1] {
    background-color: var(--color--accent-1)
}

[data-background-color=accent-1][data-outer-background=false]>* {
    background-color: var(--bg-color--accent-1)
}

[data-background-color=accent-1][data-translucent=true] {
    background-color: var(--color--accent-1-translucent);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

[data-background-color=accent-2] {
    background-color: var(--color--accent-2)
}

[data-background-color=accent-2][data-outer-background=false]>* {
    background-color: var(--bg-color--accent-2)
}

[data-background-color=accent-2][data-translucent=true] {
    background-color: var(--color--accent-2-translucent);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

[data-background-color][data-outer-background=false] {
    background-color: var(--bg-color--body)
}

[data-background-color][data-outer-background=false]>* {
    --x-spacing: var(--spacing--block);
    --y-spacing: var(--spacing--block);
    overflow: hidden;
    position: relative;
    padding: var(--y-spacing) var(--x-spacing);
    border-radius: var(--image--radius)
}

@media only screen and (max-width: 767px) {
    [data-background-color][data-outer-background=false]>* {
        --x-spacing: var(--spacing--item)
    }
}

@media only screen and (min-width: 768px) {
    [data-background-color][data-outer-background=false]>*[data-reverse-layout=false] [data-item=image] {
        --image--radius-top-right: 0px;
        --image--radius-bottom-right: 0px;
        margin-left: calc(-1*var(--x-spacing))
    }

    [data-background-color][data-outer-background=false]>*[data-reverse-layout=true] [data-item=image] {
        --image--radius-top-left: 0px;
        --image--radius-bottom-left: 0px;
        margin-right: calc(-1*var(--x-spacing))
    }
}

[data-background-color][data-outer-background=false]>* [data-item=image] {
    margin-top: calc(-1*var(--y-spacing))
}

@media only screen and (max-width: 767px) {
    [data-background-color][data-outer-background=false]>* [data-item=image] {
        --image--radius-bottom-right: 0px;
        --image--radius-bottom-left: 0px;
        margin-left: calc(-1*var(--x-spacing));
        margin-right: calc(-1*var(--x-spacing))
    }
}

@media only screen and (min-width: 768px) {
    [data-background-color][data-outer-background=false]>* [data-item=image] {
        margin-bottom: calc(-1*var(--y-spacing))
    }
}

.section--announcement:has(.announcement--root[data-sticky-enabled=true]) {
    position: sticky;
    top: 0;
    z-index: 5
}

.announcement--root[data-section-id] {
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .announcement--root[data-section-id] {
        gap: var(--spacing--block)
    }
}

@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .announcement--root[data-section-id] {
        gap: var(--spacing--item)
    }
}

.announcement--root[data-section-id] .countdown-timer--root {
    flex-shrink: 0
}

.announcement--left,
.announcement--right {
    flex: 2 0 0
}

.announcement--left>*,
.announcement--right>* {
    height: -moz-fit-content;
    height: fit-content
}

.announcement--left .social-icons--root {
    padding: var(--spacing--1) 0
}

@media only screen and (min-width: 768px) {
    .announcement--left .social-icons--root {
        min-width: 100px
    }
}

.announcement--right {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing--block)
}

.announcement--right>form {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing--item)
}

.announcement--center {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing--item);
    z-index: 1;
    --image--radius: 0
}

@media only screen and (max-width: 767px) {
    .announcement--center {
        max-width: 100%
    }
}

.announcement--previous,
.announcement--next {
    padding: var(--spacing--1);
    margin: var(--spacing--neg-1);
    transition: opacity 1s var(--transition--ease-out)
}

.announcement--previous:hover,
.announcement--next:hover {
    cursor: pointer
}

.announcement--previous[aria-hidden=false],
.announcement--next[aria-hidden=false] {
    opacity: 1
}

.announcement--previous[aria-hidden=true],
.announcement--next[aria-hidden=true] {
    opacity: 0;
    visibility: hidden
}

.announcement--previous>.icon--root,
.announcement--next>.icon--root {
    margin: 0;
    height: 12px
}

.announcement--blocks {
    text-align: center;
    display: grid;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .announcement--root[data-scroll-text=true] .announcement--blocks {
        -webkit-mask-image: linear-gradient(to left, #000 95%, transparent);
        mask-image: linear-gradient(to left, #000 95%, transparent)
    }
}

.announcement--blocks>* {
    grid-area: 1/-1
}

.announcement--block {
    padding: var(--spacing--1) 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .announcement--block {
        max-width: 800px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .announcement--block {
        max-width: 500px
    }
}

@media only screen and (max-width: 767px) {
    .announcement--block {
        gap: var(--spacing--block);
        max-width: 100%
    }

    .announcement--root[data-scroll-text=true] .announcement--block {
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to right, #000 95%, transparent);
        mask-image: linear-gradient(to right, #000 95%, transparent)
    }
}

.announcement--block-wrapper {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    -moz-column-gap: var(--spacing--block);
    column-gap: var(--spacing--block);
    row-gap: var(--spacing--0);
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    .announcement--block-wrapper:not(:first-child) {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .announcement--root[data-scroll-text=true] .announcement--block-wrapper {
        max-width: unset;
        transform: translateZ(0);
        backface-visibility: hidden
    }

    .announcement--root[data-scroll-text=true] .announcement--block[aria-hidden=false] .announcement--block-wrapper {
        --animation-speed: calc(((10 - var(--announcement--animation-speed)) * (20 - 5) / (10 - 1) + 5) * 1s);
        animation-play-state: running;
        animation: scrolling-content var(--animation-speed) linear infinite
    }
}

.announcement--icon {
    flex-shrink: 0;
    line-height: 1
}

.announcement--icon :is(img, svg) {
    height: 25px;
    width: auto
}

@media only screen and (max-width: 767px) {
    .announcement--icon {
        display: none
    }
}

.announcement--text {
    text-transform: none
}

.split-announcements--container {
    padding: var(--spacing--1) 0
}

@media only screen and (min-width: 768px) {
    .split-announcements--container {
        display: grid;
        grid-template-columns: repeat(var(--store-message--columns), minmax(0, 1fr))
    }

    .split-announcements--container:empty {
        display: none
    }

    .split-announcements--container>*:not(:last-child) {
        border-right: 1px solid var(--border--dark)
    }
}

@media only screen and (max-width: 767px) {
    .split-announcements--container {
        text-align: center
    }
}

.split-announcements--block {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: var(--spacing--item);
    padding: var(--spacing--0) var(--spacing--item);
    margin: calc(var(--spacing--neg-1)/2) 0
}

.split-announcements--block:first-child {
    padding-left: 0
}

.split-announcements--block:last-child {
    padding-right: 0
}

.split-announcements--icon {
    flex-shrink: 0;
    line-height: 1
}

.split-announcements--icon :is(img, svg) {
    height: 25px;
    width: auto
}

.section--header:has(.header--root[data-sticky-enabled=true]) {
    position: sticky;
    top: 0;
    z-index: 5
}

.header--root {
    --header--color: var(--color--body);
    --header--filter: none;
    --header--alt-color: var(--bg-color--body);
    --header--border-color: var(--border--dark);
    display: flex;
    flex-direction: column;
    color: var(--header--color);
    z-index: 4;
    top: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, .2);
    transform: translate3d(0, 0, 0);
    will-change: transform;
    transition: opacity .2s var(--transition--standard), transform .2s var(--transition--standard), background-color .2s var(--transition--standard), color .2s var(--transition--standard), box-shadow .2s var(--transition--standard)
}

.layout--viewport[data-drop-shadows=true] .header--root[data-sticky=true][aria-hidden=false] {
    box-shadow: var(--box-shadow--bottom)
}

.layout--viewport[data-drop-shadows=true] .layout--main-content:has(.section--header~.section--announcement>.announcement--root[data-sticky=true]) .header--root {
    box-shadow: none
}

.header--root[data-transparent-enabled=true] {
    opacity: 0
}

.header--root[data-transparent-enabled=true][data-loaded=true] {
    opacity: 1
}

.header--root[data-bottom-border=true]::after {
    pointer-events: none;
    content: "";
    z-index: 4;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: var(--header--border-color)
}

.header--root[data-text-color=white] {
    --header--border-color: var(--border--light)
}

body:has(.shopify-section:first-child>[data-transparent-header-compatible]):has(.header--root[data-transparent-enabled=true]) .section--header~.shopify-section-group-header-group {
    display: none
}

body:not(:has(.shopify-section:first-child>[data-transparent-header-compatible])) .header--root[data-text-color=white],
.header--root[data-text-color=white][data-transparent-enabled=false] {
    --header--color: white;
    --header--alt-color: var(--color--body);
    --header--border-color: var(--border--light)
}

body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-bottom-border=true] {
    margin-block-end: calc(-1*(1px + var(--header--height, 0px)))
}

body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-bottom-border=false] {
    margin-block-end: calc(-1*var(--header--height, 0px))
}

body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-text-color=white][data-sticky=true] {
    --header--color: white;
    --header--alt-color: var(--color--body);
    --header--border-color: var(--border--light)
}

@media only screen and (max-width: 767px) {
    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false] {
        background-color: rgba(0, 0, 0, 0);
        --header--border-color: rgba(0, 0, 0, 0)
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false][data-bottom-border=true]::after {
        display: none
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false][data-transparent-white-text=true] {
        --header--color: white;
        --header--filter: brightness(0) invert(1);
        --header--alt-color: var(--color--body)
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false] .header--cart:not([data-cart-count="0"])::after {
        background-color: var(--header--color);
        color: var(--header--alt-color)
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false] svg {
        filter: var(--header--filter)
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false] button,
    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false] a,
    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false] a:is(:link, :visited, :focus-visible, :hover) {
        color: var(--header--color)
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false] .header--primary-logo:not(:only-child) {
        display: none
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false] .header--secondary-logo {
        display: block
    }
}

@media only screen and (min-width: 768px) {

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-text-color=white]:hover,
    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-text-color=white]:has(:focus-visible) {
        --header--color: white;
        --header--alt-color: var(--color--body);
        --header--border-color: var(--border--light)
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) {
        background-color: rgba(0, 0, 0, 0);
        --header--border-color: var(--border--light)
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible))[data-transparent-white-text=true] {
        --header--color: white;
        --header--filter: brightness(0) invert(1);
        --header--alt-color: var(--color--body)
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible))[data-bottom-border=true]::after {
        display: none
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) .header--cart:not([data-cart-count="0"])::after {
        background-color: var(--header--color);
        color: var(--header--alt-color)
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) .x-menu--level-1--link[data-highlight=true]>a,
    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) .x-menu--level-1--link[data-highlight=true]>modal-trigger {
        color: var(--header--color);
        background-color: var(--highlight-color);
        border-radius: var(--button--radius);
        padding: 0 var(--spacing--1);
        height: 28px;
        min-height: 28px;
        margin: var(--spacing--neg-1)
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) svg {
        filter: var(--header--filter)
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) button,
    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) a,
    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) a:is(:link, :visited, :focus-visible, :hover) {
        color: var(--header--color)
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) .header--primary-logo:not(:only-child) {
        display: none
    }

    body:has(.shopify-section:first-child>[data-transparent-header-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) .header--secondary-logo {
        display: block
    }
}

body:not(:has(.shopify-section:first-child>[data-transparent-header-compatible])) .header--root .x-menu--level-1--link[data-highlight=true]>a,
body:not(:has(.shopify-section:first-child>[data-transparent-header-compatible])) .header--root .x-menu--level-1--link[data-highlight=true]>modal-trigger,
.header--root:hover .x-menu--level-1--link[data-highlight=true]>a,
.header--root:hover .x-menu--level-1--link[data-highlight=true]>modal-trigger,
.header--root[data-sticky=true] .x-menu--level-1--link[data-highlight=true]>a,
.header--root[data-sticky=true] .x-menu--level-1--link[data-highlight=true]>modal-trigger,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>a,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>modal-trigger {
    color: var(--highlight-color);
    --header--color: var(--highlight-color)
}

body:not(:has(.shopify-section:first-child>[data-transparent-header-compatible])) .header--root .x-menu--level-1--link[data-highlight=true]>a:hover,
body:not(:has(.shopify-section:first-child>[data-transparent-header-compatible])) .header--root .x-menu--level-1--link[data-highlight=true]>modal-trigger:hover,
.header--root:hover .x-menu--level-1--link[data-highlight=true]>a:hover,
.header--root:hover .x-menu--level-1--link[data-highlight=true]>modal-trigger:hover,
.header--root[data-sticky=true] .x-menu--level-1--link[data-highlight=true]>a:hover,
.header--root[data-sticky=true] .x-menu--level-1--link[data-highlight=true]>modal-trigger:hover,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>a:hover,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>modal-trigger:hover {
    color: var(--highlight-color)
}

body:not(:has(.shopify-section:first-child>[data-transparent-header-compatible])) .header--root .x-menu--level-1--link[data-highlight=true]>a svg.icon--root,
body:not(:has(.shopify-section:first-child>[data-transparent-header-compatible])) .header--root .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root,
.header--root:hover .x-menu--level-1--link[data-highlight=true]>a svg.icon--root,
.header--root:hover .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root,
.header--root[data-sticky=true] .x-menu--level-1--link[data-highlight=true]>a svg.icon--root,
.header--root[data-sticky=true] .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>a svg.icon--root,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root {
    filter: none;
    --header--filter: none
}

body:not(:has(.shopify-section:first-child>[data-transparent-header-compatible])) .header--root .x-menu--level-1--link[data-highlight=true]>a svg.icon--root>*,
body:not(:has(.shopify-section:first-child>[data-transparent-header-compatible])) .header--root .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root>*,
.header--root:hover .x-menu--level-1--link[data-highlight=true]>a svg.icon--root>*,
.header--root:hover .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root>*,
.header--root[data-sticky=true] .x-menu--level-1--link[data-highlight=true]>a svg.icon--root>*,
.header--root[data-sticky=true] .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root>*,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>a svg.icon--root>*,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root>* {
    fill: var(--highlight-color)
}

.header--root[data-scroll-hide=true][aria-hidden=true] {
    transform: translate3d(0, -100%, 0)
}

.section--header:has(.header--root[data-scroll-hide=true][aria-hidden=true]) {
    pointer-events: none
}

@media only screen and (min-width: 768px) {

    .header--root[data-layout=drawer] .x-menu,
    .header--root[aria-expanded=true][data-overlap-behavior=drawer] .x-menu {
        display: none
    }
}

.header--wrapper {
    position: relative;
    display: grid;
    -moz-column-gap: var(--spacing--block);
    column-gap: var(--spacing--block);
    align-items: stretch;
    grid: var(--header-layout)
}

.header--root[data-layout=left-left] .header--wrapper {
    --header-layout: "logo primary-nav secondary-nav" / auto minmax(0, 1fr) auto
}

.header--root[data-layout=left-center] .header--wrapper {
    --header-layout: "logo primary-nav secondary-nav" / minmax(max-content, 1fr) auto minmax(max-content, 1fr)
}

.header--root:is([data-layout=drawer], [data-layout=center-left]) .header--wrapper {
    --header-layout: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr)
}

.header--root[data-layout=center-below] .header--wrapper {
    row-gap: var(--spacing--block);
    --header-layout: ". logo secondary-nav" "primary-nav primary-nav primary-nav" / minmax(0, 1fr) auto minmax(0, 1fr)
}

@media only screen and (min-width: 768px) {
    .header--root[data-reduce-height=false] .header--wrapper {
        padding: var(--spacing--block) var(--spacing--section--x)
    }

    .header--root[data-reduce-height=true] .header--wrapper {
        padding: var(--spacing--item) var(--spacing--section--x)
    }
}

@media only screen and (max-width: 1349px) {
    .header--root[data-layout] .header--wrapper {
        gap: var(--spacing--item);
        padding: var(--spacing--item) 0;
        --header-layout: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr)
    }
}

.header--toolbar {
    position: relative
}

.header--toolbar[data-bottom-border=true]::after {
    content: "";
    z-index: 4;
    height: 1px;
    position: absolute;
    bottom: 0px;
    background-color: var(--header--border-color)
}

@media only screen and (max-width: 767px) {
    .header--toolbar[data-bottom-border=true]::after {
        left: var(--spacing--item);
        right: var(--spacing--item)
    }
}

@media only screen and (min-width: 768px) {
    .header--toolbar[data-bottom-border=true]::after {
        left: var(--spacing--section--x);
        right: var(--spacing--section--x)
    }
}

@media only screen and (min-width: 768px) {
    .header--toolbar {
        display: grid;
        gap: var(--spacing--block);
        justify-items: center;
        padding: var(--spacing--1) var(--spacing--section--x)
    }

    .header--toolbar[data-text-alignment=left] {
        grid-template-columns: auto 1fr 1fr
    }

    .header--toolbar[data-text-alignment=center] {
        grid-template-columns: 1fr auto 1fr
    }

    .header--toolbar[data-text-alignment=right] {
        grid-template-columns: 1fr 1fr auto
    }
}

@media only screen and (max-width: 767px) {
    .header--toolbar {
        padding: var(--spacing--1) 0;
        -webkit-mask-image: linear-gradient(to left, #000 95%, transparent);
        mask-image: linear-gradient(to left, #000 95%, transparent)
    }
}

.header--toolbar-wrapper {
    display: flex;
    gap: var(--spacing--block);
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .header--toolbar[data-text-alignment=left] .header--toolbar-wrapper {
        grid-column: 1
    }

    .header--toolbar[data-text-alignment=center] .header--toolbar-wrapper {
        grid-column: 2
    }

    .header--toolbar[data-text-alignment=right] .header--toolbar-wrapper {
        grid-column: 3
    }
}

@media only screen and (max-width: 767px) {
    .header--toolbar-wrapper {
        -webkit-mask-image: linear-gradient(to right, #000 95%, transparent);
        mask-image: linear-gradient(to right, #000 95%, transparent)
    }
}

.header--toolbar-text {
    flex-shrink: 0;
    text-transform: none
}

@media only screen and (max-width: 767px) {
    .header--toolbar-text {
        transform: translateZ(0);
        backface-visibility: hidden;
        animation-play-state: running;
        animation: scrolling-content 7s linear infinite
    }
}

.header--toolbar-localization {
    display: inline-flex
}

.header--toolbar:not([data-text-alignment=right]) .header--toolbar-localization {
    grid-column: 3;
    grid-row: 1;
    margin-left: auto
}

.header--toolbar[data-text-alignment=right] .header--toolbar-localization {
    grid-column: 1;
    grid-row: 1;
    margin-right: auto
}

.header--toolbar-localization form {
    display: inline-flex;
    gap: var(--spacing--item)
}

.header--logo {
    grid-area: logo;
    margin: 0;
    display: inline-flex;
    line-height: 1
}

.header--logo .header--secondary-logo {
    display: none
}

.header--logo img {
    height: auto;
    width: var(--width);
    border-radius: 0
}

@media only screen and (max-width: 767px) {
    .header--logo img {
        width: var(--mobile-width)
    }
}

.header--primary-nav {
    grid-area: primary-nav;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: var(--spacing--item);
    opacity: 1;
    transition: opacity .2s var(--transition--standard)
}

@media only screen and (min-width: 768px) {
    .header--primary-nav[aria-hidden=true] {
        visibility: hidden;
        opacity: 0
    }

    .header--root[data-layout=center-below] .header--primary-nav {
        justify-self: center;
    }
    .header--secondary-nav{
      margin-right: 15px;
    }
}
@media (min-width: 768px) and (max-width: 1350px) {
   .header--root[data-layout=center-below] .header--primary-nav {
    margin-right: autofill;
    margin-left: 15px;
    justify-self: left;
    }
    .header--secondary-nav{
      margin-right: 15px;
    }
}
      margin-right: autofill;
      margin-left: 15px;

.header--localization {
    display: inline-flex
}

.header--localization form {
    display: inline-flex;
    gap: var(--spacing--item)
}

.header--search {
    padding: 0
}

.header--primary-nav .header--search {
    display: none
}

@media only screen and (max-width: 1349px) {
    .header--secondary-nav .header--search {
        display: none
    }
}

@media only screen and (min-width: 1350px) {
    .header--root[data-layout=drawer] .header--primary-nav .header--search {
        display: block
    }

    .header--root:is([data-layout=center-below], [data-layout=drawer]) .header--secondary-nav .header--search {
        display: block
    }
}

.header--search-container {
    display: none
}

@media only screen and (min-width: 768px) {
    .header--root[data-layout=center-below] .header--search-container {
        display: none;
        align-items: center
    }
}

.header--drawer-toggle {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0
}

.header--drawer-toggle span {
    display: block;
    background-color: var(--header--color)
}

@media only screen and (min-width: 1350px) {
    .header--drawer-toggle {
        display: none
    }

    .header--root:is([data-layout=drawer], [aria-expanded=true][data-overlap-behavior=drawer]) .header--drawer-toggle {
        display: flex
    }
}

.header--secondary-nav {
    display: flex;
    align-items: center;
    gap: var(--spacing--item);
    grid-area: secondary-nav;
    margin-left: auto;
    width: -moz-fit-content;
    width: fit-content
}

.header--account:empty {
    display: none
}

@media only screen and (max-width: 1349px) {
    .header--root .header--account {
        display: none
    }
}

.header--cart {
    display: inline-flex;
    align-items: center;
    position: relative
}

.header--cart[data-type=text]:not([data-cart-count="0"]) {
    gap: var(--spacing--1)
}

.header--cart:not([data-cart-count="0"])::after {
    content: attr(data-cart-count);
    color: var(--header--alt-color);
    background-color: var(--header--color);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.header--cart[data-type=icon]:not([data-cart-count="0"])::after {
    opacity: .9;
    position: absolute;
    top: -4px;
    left: 14px
}

@media only screen and (min-width: 768px) {
    .header--modal {
        padding: var(--spacing--section)
    }
}

@media only screen and (max-width: 767px) {
    .header--modal {
        padding: var(--spacing--section--mobile)
    }
}

.article--wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.article--heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .article--heading {
        padding-bottom: var(--spacing--block)
    }

    .article--root[data-show-featured=true] .article--heading {
        gap: var(--spacing--block)
    }

    .article--root[data-heading-position=left][data-show-featured=true] .article--heading {
        flex-direction: row
    }

    .article--root[data-heading-position=left][data-show-featured=true] .article--heading>*:not(.article--info) {
        width: 50%
    }
}

@media only screen and (max-width: 767px) {
    .article--heading {
        width: calc(100% + 2*var(--spacing--item))
    }
}

.article--heading>* {
    width: 100%
}

.article--header--info {
    order: 1;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .article--header--info {
        padding: 0 var(--spacing--item) var(--spacing--item)
    }
}

@media only screen and (min-width: 768px) {
    .article--root:not([data-heading-position=left])[data-show-featured=true] .article--header--info {
        padding: 0 var(--spacing--block)
    }
}

.article--image {
    order: 1;
    justify-content: center;
    display: flex
}

@media only screen and (min-width: 768px) {
    .article--image {
        max-width: calc(600px*var(--aspect-ratio))
    }

    .article--root[data-heading-position=left] .article--image {
        min-height: 400px
    }

    .article--root[data-heading-position=below] .article--image {
        order: 0
    }
}

@media only screen and (max-width: 767px) {
    .article--image {
        padding-bottom: var(--spacing--block--mobile)
    }
}

.article--title {
    text-align: center
}

@media only screen and (max-width: 767px) {
    .article--root[data-heading-position=left][data-show-featured=false] .article--title {
        text-align: left
    }
}

@media only screen and (min-width: 768px) {
    .article--root[data-heading-position=left] .article--title {
        text-align: left
    }
}

.article--info {
    display: flex;
    justify-content: center;
    gap: var(--spacing--1)
}

@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .article--root[data-heading-position=left] .article--info {
        flex-direction: column
    }

    .article--root[data-heading-position=left] .article--info {
        align-items: flex-start
    }
}

@media only screen and (min-width: 768px) {
    .article--info {
        align-items: center
    }

    .article--root[data-heading-position=left] .article--info {
        justify-content: flex-start
    }

    .article--root[data-heading-position=left][data-show-featured=false] .article--info {
        justify-content: center
    }
}

@media only screen and (max-width: 767px) {
    .article--info {
        padding: 0 var(--spacing--block--mobile) var(--spacing--block--mobile);
        order: 1;
        flex-direction: column;
        align-items: center
    }

    .article--root[data-heading-position=left][data-show-featured=false] .article--info {
        align-items: flex-start
    }
}

@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .article--root[data-heading-position=left] .article--dot {
        display: none
    }
}

.article--content {
    max-width: var(--max-width--small)
}

.article--navigation-wrapper {
    width: 100%;
    max-width: var(--max-width--small)
}

@media only screen and (min-width: 768px) {
    .article--navigation-wrapper {
        display: flex
    }
}

@media only screen and (max-width: 767px) {
    .article--navigation-wrapper>*:not(:last-child) {
        padding-bottom: var(--spacing--block)
    }
}

.article--navigation .article--tag-info {
    text-align: center;
    width: 100%;
    padding-bottom: var(--spacing--block)
}

@media only screen and (min-width: 768px) {
    .article--navigation .article--tag-info {
        text-align: left;
        padding: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .article--navigation .article--tag-info ul {
        display: flex;
        flex-wrap: wrap
    }
}

.article--tagged-in {
    padding: 0 0 var(--spacing--item--mobile)
}

@media only screen and (min-width: 768px) {
    .article--tagged-in {
        display: inline-block;
        padding-bottom: 0;
        padding-right: var(--spacing--item);
        position: relative;
        width: 100%;
        padding-bottom: var(--spacing--item)
    }
}

.article--tags[data-item] {
    display: inline;
    list-style-type: none;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .article--tags[data-item] {
        margin-left: var(--spacing--neg-1)
    }
}

.article--tags[data-item] .article--tag {
    margin: var(--spacing--neg-1) 0 var(--spacing--neg-1) var(--spacing--neg-1);
    line-height: 1;
    display: inline-block;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .article--tags[data-item] .article--tag {
        margin: var(--spacing--neg-item) 0
    }
}

.article--tags[data-item] .article--tag a {
    display: inline-block;
    padding: var(--spacing--item) calc(var(--spacing--item)/2);
    text-decoration: underline
}

@media only screen and (min-width: 768px) {
    .article--share {
        margin-left: auto;
        width: -moz-fit-content;
        width: fit-content
    }
}

.article--share .social-icons--items {
    flex-wrap: nowrap
}

.article--recents-header {
    text-align: center
}

.article-card--root {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--item)
}

.article-card--root .article-card--image {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: var(--image--radius)
}

[data-section-id][data-aspect-ratio=natural] .article-card--image-wrapper {
    display: flex;
    height: 100%
}

.article-card--info {
    display: flex;
    gap: var(--spacing--1)
}

@media only screen and (max-width: 767px) {
    .article-card--info {
        flex-direction: column
    }
}

[data-columns="3"] .article-card--info {
    flex-direction: column
}

[data-columns="3"] .article-card--dot {
    display: none
}

.blog--wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.blog--root[data-section-id=blog] .blog--wrapper {
    padding: var(--spacing--section--mobile--y) 0 0
}

.blog--root[data-show-title=false][data-show-tag-filter=false] .blog--wrapper {
    padding-top: 0
}

@media only screen and (min-width: 768px) {
    .blog--root[data-show-featured=true][data-section-id=blog] .blog--wrapper {
        padding-top: 0
    }

    .blog--root[data-show-featured=false][data-section-id=blog] .blog--wrapper {
        padding-top: var(--spacing--section--y)
    }

    .blog--root[data-articles="0"][data-section-id=blog] .blog--wrapper {
        padding-top: var(--spacing--block)
    }
}

.blog--wrapper>* {
    padding: 0 0 var(--spacing--block--mobile);
    width: 100%
}

@media only screen and (min-width: 768px) {
    .blog--wrapper>* {
        padding: 0 0 var(--spacing--block)
    }
}

.blog--featured {
    order: 1;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .blog--featured {
        padding-bottom: var(--spacing--section--mobile--y)
    }
}

@media only screen and (min-width: 768px) {
    .blog--featured {
        order: 0;
        padding-bottom: var(--spacing--section--y)
    }
}

@media only screen and (min-width: 768px) {
    .blog--featured-container {
        position: relative;
        overflow: hidden
    }
}

.blog--featured-header {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .blog--featured-header {
        display: flex
    }
}

.blog--featured-header h2 a {
    display: inline-block;
    max-width: var(--max-width--medium);
    text-align: center;
    margin: 0;
    padding: 0 var(--spacing--section--x) var(--spacing--block)
}

.blog--featured-content {
    padding: var(--spacing--item) var(--spacing--item) 0
}

.blog--header--root {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .blog--header--root {
        padding: var(--spacing--section)
    }

    .blog--root[data-show-featured=true] .blog--header--root {
        padding: 0 var(--spacing--section--x) var(--spacing--section--y)
    }

    .blog--root[data-articles="0"] .blog--header--root {
        padding: var(--spacing--section)
    }
}

.blog--header {
    width: 100%;
    padding: var(--spacing--section--mobile)
}

@media only screen and (min-width: 768px) {
    .blog--header {
        padding: 0;
        max-width: calc(var(--max-width--small) + 2*var(--spacing--block))
    }

    .blog--root[data-columns="2"] .blog--header {
        max-width: calc(var(--max-width--large) + 2*var(--spacing--block))
    }

    .blog--root[data-columns="3"] .blog--header {
        max-width: calc(var(--max-width--large) + 2*var(--spacing--block))
    }
}

.blog--header>*:only-child {
    padding-bottom: 0
}

.blog--title-container {
    text-align: center;
    padding-bottom: var(--spacing--block)
}

.blog--filter--root {
    width: 100%
}

.blog--filter--body {
    padding-bottom: 0;
    display: flex;
    justify-content: center
}

.blog--filter--body .disclosure--root {
    width: 100%;
    max-width: calc(100% - 2*var(--spacing--block))
}

@media only screen and (min-width: 768px) {
    .blog--filter--body .disclosure--root {
        display: none
    }
}

.blog--filter--menu {
    display: none
}

@media only screen and (min-width: 768px) {
    .blog--filter--menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        padding: 0
    }
}

.blog--filter--menu-item {
    display: none;
    margin: 0;
    line-height: 1em
}

@media only screen and (min-width: 768px) {
    .blog--filter--menu-item {
        display: block
    }

    .blog--filter--menu-item a {
        display: inline-block;
        padding: calc(var(--spacing--item)/2)
    }
}

.blog--body {
    order: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: var(--spacing--section--mobile--y)
}

@media only screen and (min-width: 768px) {
    .blog--body {
        order: 0;
        padding: 0 var(--spacing--section--x) var(--spacing--section--y)
    }
}

.blog--article-list {
    width: 100%;
    padding-bottom: 0;
    display: block
}

@media only screen and (max-width: 767px) {
    .blog--article-list {
        padding: 0 var(--spacing--section--mobile--x)
    }
}

@media only screen and (min-width: 768px) {
    .blog--article-list {
        max-width: var(--max-width--small)
    }

    .blog--root:not([data-columns="1"]) .blog--article-list {
        opacity: 0;
        transition: opacity .4s var(--transition--ease-out)
    }

    .blog--root:not([data-columns="1"]) .blog--article-list[data-masonry-loaded=true] {
        opacity: 1
    }

    .blog--root[data-columns="2"] .blog--article-list {
        max-width: var(--max-width--large)
    }

    .blog--root[data-columns="3"] .blog--article-list {
        max-width: var(--max-width--large)
    }
}

.blog--article-list .article-card--root {
    width: 100%
}

@media only screen and (max-width: 767px) {
    .blog--article-list .article-card--root:not(:last-child) {
        padding-bottom: var(--spacing--block)
    }
}

@media only screen and (min-width: 768px) {
    .blog--root[data-columns="1"] .blog--article-list .article-card--root:not(:last-child):not(:last-child) {
        padding-bottom: var(--spacing--block)
    }
}

@media only screen and (min-width: 768px) {
    .blog--root[data-columns="2"] .blog--article-list .article-card--root {
        width: calc((100% - var(--spacing--block))/2)
    }

    .blog--root[data-columns="2"] .blog--article-list .article-card--root:not(:last-child):not(:nth-last-child(2)) {
        padding-bottom: var(--spacing--block)
    }

    .blog--root[data-columns="3"] .blog--article-list .article-card--root {
        width: calc((100% - var(--spacing--block)*2)/3)
    }

    .blog--root[data-columns="3"] .blog--article-list .article-card--root:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)) {
        padding-bottom: var(--spacing--block)
    }
}

.blog--footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: var(--spacing--section--mobile) 0
}

@media only screen and (min-width: 768px) {
    .blog--footer {
        flex-direction: row;
        justify-content: space-between;
        padding: var(--spacing--section--y) var(--spacing--block) 0;
        margin: 0 var(--spacing--neg-block);
        max-width: calc(var(--max-width--small) + 2*var(--spacing--block))
    }

    .blog--root[data-columns="2"] .blog--footer {
        max-width: calc(var(--max-width--large) + 2*var(--spacing--block))
    }

    .blog--root[data-columns="3"] .blog--footer {
        max-width: calc(var(--max-width--large) + 2*var(--spacing--block))
    }
}

.blog--footer>*:not(:first-child) {
    padding-bottom: var(--spacing--block)
}

@media only screen and (min-width: 768px) {
    .blog--footer>*:not(:first-child) {
        padding: 0
    }
}

.blog--footer-rss {
    order: 1
}

@media only screen and (min-width: 768px) {
    .blog--footer-rss {
        order: 0
    }

    .blog--footer-rss:only-child {
        width: 100%;
        text-align: center
    }

    .blog--footer-rss:only-child a {
        padding-left: var(--spacing--item)
    }
}

.blog--footer-rss a {
    text-decoration: underline;
    padding: var(--spacing--item--mobile)
}

@media only screen and (min-width: 768px) {
    .blog--footer-rss a {
        padding: var(--spacing--item) var(--spacing--item) var(--spacing--item) 0
    }
}

.blog--footer-pagination:only-child {
    width: 100%
}

@media only screen and (max-width: 767px) {
    .blog--footer-pagination {
        padding-bottom: var(--spacing--block)
    }
}

.blog--no-articles {
    padding: var(--spacing--section);
    margin: 0;
    max-width: 700px
}

.blog--no-articles p {
    text-align: center
}

.breadcrumbs--root {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--spacing--1);
    padding: var(--spacing--2) 0
}

.breadcrumbs--root>* a,
.breadcrumbs--root>*[data-item] {
    text-transform: capitalize
}

.breadcrumbs--root li {
    display: inline-flex;
    align-items: center;
    line-height: 1
}

.breadcrumbs--root li:not(:last-of-type):after {
    margin: 0 0 2px 8px;
    content: "";
    background-color: var(--color--body);
    width: 4px;
    height: 4px;
    border-radius: 50%
}

.breadcrumbs--root li a:after {
    padding-bottom: 0.1428571429em;
    border-bottom: 0.0714285714em solid var(--color--body);
    content: "";
    display: block;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .cart--root[data-view=desktop] {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .cart--root[data-view=mobile] {
        display: none
    }
}

.cart--root[data-view=drawer] {
    --summary-height: 0px;
    display: flex;
    justify-content: center
}

.cart--root[data-view=drawer] .cart--form {
    width: 100%;
    position: relative;
    height: 100vh;
    height: 100dvh;
    overflow: auto;
    scrollbar-width: none
}

.cart--root[data-view=drawer] .cart--form::-webkit-scrollbar {
    display: none
}

.cart--wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--item)
}

.cart--root[data-view=drawer] .cart--wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: var(--spacing--item) var(--spacing--item) calc(var(--spacing--block) + var(--summary-height))
}

.layout--viewport[data-cart-empty=true] .cart--wrapper>*:not(.cart--header, .cart--empty) {
    display: none
}

.cart--header {
    text-align: center
}

.cart--shipping {
    width: 100%
}

.cart--root[data-view=desktop] .cart--shipping {
    max-width: calc(var(--max-width--small)/2);
    margin: 0 auto
}

.cart--shipping-message {
    text-align: center;
    padding-bottom: var(--spacing--1)
}

.cart--shipping-bar {
    height: 8px;
    background: var(--color--gray);
    border-radius: 5px
}

.cart--shipping-bar::after {
    content: "";
    display: block;
    height: 100%;
    background: var(--progress-bar);
    border-radius: 5px;
    width: 0px;
    transition: width .4s var(--transition--standard)
}

.cart--shipping-bar:not([data-transition-item])::after,
.cart--shipping-bar[data-transition-item][data-transition-active=true]::after {
    width: var(--progress-percent)
}

.cart--body {
    display: table;
    width: 100%;
    table-layout: auto
}

.cart--root:not([data-view=desktop]) .cart--body {
    border-top: 1px solid var(--border--dark)
}

.cart--headings {
    display: table-row;
    width: 100%;
    border-bottom: 1px solid var(--border--dark);
    text-align: center
}

.cart--headings>* {
    display: table-cell;
    padding: calc(var(--spacing--block)/2);
    border-bottom: 1px solid var(--border--dark)
}

.cart--heading--total {
    text-align: right
}

.cart--item {
    width: 100%
}

.cart--root:not([data-view=desktop]) .cart--item {
    display: flex;
    gap: var(--spacing--2);
    border-bottom: 1px solid var(--border--dark);
    align-items: flex-start;
    flex-wrap: wrap;
    padding: var(--spacing--block--mobile) 0
}

.cart--root[data-view=desktop] .cart--item {
    display: table-row
}

.cart--root[data-view=desktop] .cart--item>* {
    display: table-cell;
    vertical-align: middle;
    padding: calc(var(--spacing--block)/2);
    border-bottom: 1px solid var(--border--dark)
}

.cart--item--image {
    width: 150px
}

.cart--root:not([data-view=desktop]) .cart--item--image {
    display: block;
    width: 35%;
    align-self: center;
    padding-left: 0
}

.cart--root:not([data-view=desktop]) .cart--item--info {
    flex-grow: 1;
    text-align: right;
    max-width: calc(65% - var(--spacing--2))
}

.cart--root:not([data-view=desktop]) .cart--item--info>* {
    text-align: left
}

.cart--root:not([data-view=desktop]) .cart--error {
    width: 100%;
    text-align: center
}

.cart--error[aria-hidden=true] {
    display: none
}

.cart--root:not([data-view=desktop]) .cart--item--details {
    width: 100%;
    text-align: center
}

.cart--item--title {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing--0)
}

.cart--item--price {
    text-align: center;
    padding-bottom: var(--spacing--item--mobile)
}

.cart--root:not([data-view=desktop]) .cart--item--price {
    text-align: left
}

.cart--item--quantity {
    text-align: center
}

.cart--root:not([data-view=desktop]) .cart--item--quantity {
    text-align: left
}

.cart--root:not([data-view=desktop]) .cart--item--quantity .quantity-selector--remove>* {
    margin-left: var(--spacing--neg-1)
}

.cart--root[data-view=desktop] .cart--item--quantity .quantity-selector--remove {
    margin: 0 auto
}

.cart--item--total {
    text-align: right
}

.cart--root:not([data-view=desktop]) .cart--item--total {
    text-align: left
}

.cart--footer {
    width: 100%;
    display: flex;
    gap: var(--spacing--block)
}

.cart--root[data-view=desktop] .cart--footer {
    padding: var(--spacing--item) 0 0
}

.cart--root:not([data-view=desktop]) .cart--footer {
    flex-direction: column
}

.cart--notes {
    flex-grow: 1;
    max-width: 400px
}

.cart--root:not([data-view=desktop]) .cart--notes {
    text-align: center;
    max-width: 100%
}

.cart--notes--textarea {
    height: 96px;
    margin: 0;
    padding: calc(var(--spacing--item)/2)
}

.cart--root:not([data-view=desktop]) .cart--notes--textarea {
    height: 80px
}

.cart--summary {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing--1)
}

.cart--root[data-view=mobile] .cart--summary {
    padding-top: var(--spacing--item)
}

.cart--root[data-view=desktop] .cart--summary {
    align-items: flex-end
}

.cart--root[data-view=drawer] .cart--summary {
    padding: var(--spacing--item);
    z-index: 4;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: var(--bg-color--body-translucent);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.layout--viewport[data-drop-shadows=true] .cart--root[data-view=drawer] .cart--summary {
    box-shadow: var(--box-shadow--top)
}

.layout--viewport[data-drop-shadows=false] .cart--root[data-view=drawer] .cart--summary {
    border-top: 1px solid var(--border--dark)
}

.layout--viewport[data-cart-empty=true] .cart--summary {
    display: none
}

.cart--total {
    display: flex;
    align-items: center;
    gap: var(--spacing--item)
}

.cart--root:not([data-view=desktop]) .cart--total {
    justify-content: center
}

.cart--root[data-view=desktop] .cart--total {
    justify-content: flex-end
}

.cart--discounts,
.cart--totals {
    display: flex;
    flex-direction: column
}

.cart--root:not([data-view=desktop]) .cart--discounts,
.cart--root:not([data-view=desktop]) .cart--totals {
    text-align: center
}

.cart--root[data-view=desktop] .cart--discounts,
.cart--root[data-view=desktop] .cart--totals {
    align-items: flex-end
}

.cart--totals {
    gap: var(--spacing--1)
}

.cart--discount {
    display: flex;
    gap: var(--spacing--1)
}

.cart--root:not([data-view=desktop]) .cart--discount {
    justify-content: center
}

.cart--total-price {
    font-size: 20px
}

@media only screen and (max-width: 767px) {
    .cart--total-price {
        font-size: 16px
    }
}

.cart--nav {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.cart--root:not([data-view=desktop]) .cart--nav {
    text-align: center;
    flex-wrap: wrap
}

.cart--checkout-button {
    display: grid;
    min-width: 240px
}

.cart--root:not([data-view=desktop]) .cart--checkout-button {
    width: 100%
}

.cart--checkout-button>* {
    grid-area: 1/-1
}

.cart--checkout-button[disabled] {
    pointer-events: none;
    opacity: .7
}

.cart--checkout-button[aria-busy=true] .cart-button--text,
.cart--checkout-button[disabled] .cart-button--text {
    opacity: 0
}

.cart--checkout-button[aria-busy=true] .cart-button--spinner,
.cart--checkout-button[disabled] .cart-button--spinner {
    opacity: 1
}

.cart-button--spinner {
    opacity: 0
}

.cart--empty {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--item)
}

.layout--viewport[data-cart-empty=false] .cart--empty {
    display: none
}

.cart--empty-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--item)
}

.carousel--root {
    --slide-pos: 0px;
    --slide-gap: 0px;
    --x-spacing: 0px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    container-type: inline-size
}

@media only screen and (min-width: 768px) {
    .carousel--root[data-mobile-only=true] {
        container-type: normal
    }
}

.carousel--wrapper {
    overflow: hidden;
    position: relative;
    transition: opacity .4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    display: flex;
    flex-direction: column
}

@container (min-width: 768px) {
    .carousel--root[data-transition-type=slide] .carousel--wrapper {
        --overlap-spacing: calc((2 * var(--slide-gap)) * (var(--total-slides) - 1))
    }

    .carousel--root[data-spacing-around-blocks=true] .carousel--wrapper {
        --slide-gap: var(--spacing--block)
    }

    .carousel--root[data-spacing-around-blocks=true]:not([data-mobile-only=true]):not([data-container-width="6"]) .carousel--wrapper {
        width: calc(100% + 2*var(--spacing--section--x));
        margin-left: var(--spacing--neg-section--x)
    }
}

@container (max-width: 768px) {
    .carousel--root[data-spacing-around-blocks=true] .carousel--wrapper {
        --slide-gap: var(--spacing--item)
    }

    .carousel--root[data-transition-type=slide] .carousel--wrapper {
        --overlap-spacing: calc((2 * var(--slide-gap)) * (var(--total-slides-mobile) - 1) + var(--slide-gap))
    }

    .carousel--root[data-spacing-around-blocks=true][data-transition-type=slide]:not([data-container-width="6"]) .carousel--wrapper {
        width: calc(100% + 2*var(--spacing--section--mobile--x));
        margin-left: var(--spacing--neg-item)
    }
}

.carousel--container[data-transition-state=forwards] {
    transition: transform 1s var(--transition--ease-out), height .4s var(--transition--ease-out)
}

.carousel--container[data-transition-state=backwards] {
    transition: transform .4s var(--transition--snap-back), height .4s var(--transition--ease-out)
}

.carousel--container * {
    -webkit-user-drag: none
}

.carousel--root[data-transition-type=slide] .carousel--container {
    will-change: transform
}

@media only screen and (min-width: 768px) {
    .carousel--root[data-mobile-only=true] .carousel--container {
        display: grid;
        grid-template-columns: repeat(var(--blocks-per-slide), 1fr)
    }

    .carousel--root[data-spacing-around-blocks=true][data-mobile-only=true] .carousel--container {
        gap: var(--spacing--block)
    }
}

@container (min-width: 768px) {
    .carousel--root:not([data-mobile-only=true]) .carousel--container {
        height: var(--slide-height)
    }

    .carousel--root[data-transition-type=slide]:not([data-mobile-only=true]) .carousel--container {
        display: flex;
        align-items: flex-start;
        overflow: hidden;
        position: relative;
        transform: translateX(var(--slide-pos));
        width: calc(100%*var(--total-slides) - var(--overlap-spacing) - 2*var(--x-spacing))
    }

    .carousel--root[data-transition-type=slide]:not([data-mobile-only=true]) .carousel--container>* {
        width: calc(100%/var(--total-spaces))
    }

    .carousel--root[data-spacing-around-blocks=true]:not([data-mobile-only=true]) .carousel--container>* {
        padding: 0 calc(var(--slide-gap)/2)
    }

    .carousel--root[data-spacing-around-blocks=true][data-transition-type=slide]:not([data-mobile-only=true]) .carousel--container {
        left: var(--x-spacing)
    }

    .carousel--root[data-spacing-around-blocks=true] .carousel--container {
        --x-spacing: calc(var(--spacing--section--x) - (var(--slide-gap) / 2))
    }

    .carousel--root:not([data-mobile-only=true]) .carousel--container:hover {
        cursor: grab
    }

    .carousel--root[data-dragging=true]:not([data-mobile-only=true]) .carousel--container:hover {
        cursor: grabbing
    }
}

@container (max-width: 768px) {
    .carousel--container {
        height: var(--slide-height)
    }

    .carousel--root[data-transition-type=slide] .carousel--container {
        display: flex;
        align-items: flex-start;
        overflow: hidden;
        position: relative;
        transform: translateX(var(--slide-pos))
    }

    .carousel--root[data-transition-type=slide] .carousel--container>* {
        width: calc(100%/var(--total-spaces-mobile))
    }

    .carousel--root[data-transition-type=slide][data-mobile-next-visible=false] .carousel--container {
        width: calc(100%*var(--total-slides-mobile) - var(--total-slides-mobile)*2*var(--x-spacing))
    }

    .carousel--root[data-transition-type=slide]:not([data-mobile-next-visible=false]) .carousel--container {
        width: calc(100%*var(--total-slides-mobile) - var(--overlap-spacing) - 2*var(--x-spacing))
    }

    .carousel--root[data-spacing-around-blocks=true] .carousel--container {
        --x-spacing: calc(var(--spacing--section--mobile--x) - (var(--slide-gap) / 2))
    }

    .carousel--root[data-spacing-around-blocks=true] .carousel--container>* {
        padding: 0 calc(var(--slide-gap)/2)
    }

    .carousel--root[data-spacing-around-blocks=true][data-transition-type=slide] .carousel--container {
        left: var(--x-spacing)
    }

    .carousel--root[data-spacing-around-blocks=true][data-transition-type=slide][data-first-slide=false][data-last-slide=true]:not([data-mobile-next-visible=false]) .carousel--container {
        transform: translateX(calc(var(--slide-pos) + var(--spacing--item)))
    }

    .carousel--root[data-spacing-around-blocks=true][data-transition-type=slide][data-first-slide=true][data-last-slide=true]:not([data-mobile-next-visible=false]) .carousel--container {
        width: calc(100%*var(--total-slides-mobile) - var(--overlap-spacing) - var(--x-spacing))
    }
}

.carousel--block {
    height: -moz-fit-content;
    height: fit-content
}

@container (max-width: 768px) {
    .carousel--root[data-spacing-around-blocks=true][data-transition-type=slide][data-first-slide=true][data-last-slide=true]:not([data-mobile-next-visible=false]) .carousel--block {
        padding-right: 0
    }
}

.carousel--prev,
.carousel--next {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 2;
    opacity: 1
}

.carousel--prev[aria-disabled=true],
.carousel--next[aria-disabled=true] {
    opacity: 0;
    cursor: default
}

@container (min-width: 768px) {

    .carousel--root[data-mobile-only=true] .carousel--prev,
    .carousel--root[data-mobile-only=true] .carousel--next {
        display: none
    }
}

.carousel--prev {
    top: calc(var(--left-image-height)/2 - var(--spacing--item));
    left: var(--spacing--block)
}

.carousel--next {
    top: calc(var(--right-image-height)/2 - var(--spacing--item));
    right: var(--spacing--block)
}

.carousel-navigation {
    display: flex;
    align-items: baseline
}

[data-background-color=dark] .carousel-navigation {
    color: #fff
}

[data-background-color=dark] .carousel-navigation path {
    color: #fff
}

.carousel-navigation button {
    opacity: 1;
    transition: opacity .2s var(--transition--standard);
    padding: var(--spacing--0) var(--spacing--2)
}

.carousel-navigation svg {
    height: 12px
}

.carousel-navigation--prev[aria-disabled=true],
.carousel-navigation--next[aria-disabled=true] {
    opacity: .4;
    cursor: default;
    pointer-events: none
}

.carousel-navigation--prev {
    margin-left: var(--spacing--neg-2)
}

.carousel-navigation--next {
    margin-right: var(--spacing--neg-2)
}

.carousel-navigation--current {
    font-variant-numeric: tabular-nums
}

.carousel-navigation--current:after {
    content: attr(data-value)
}

.carousel-navigation--total {
    font-variant-numeric: tabular-nums
}

.carousel-navigation--total:after {
    content: "/" attr(data-value)
}

@media only screen and (min-width: 768px) {
    .collapsible-rows--main {
        display: flex
    }

    .collapsible-rows--main[data-two-columns=false] {
        flex-direction: column
    }

    .collapsible-rows--main[data-two-columns=false]>*:first-child>*:last-child>* {
        border-bottom: 0
    }

    .collapsible-rows--main[data-two-columns=true] {
        gap: var(--spacing--block)
    }

    .collapsible-rows--main>* {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .collapsible-rows--main {
        flex-direction: column
    }

    .collapsible-rows--main>*:first-child>*:last-child>* {
        border-bottom: 0
    }
}

[class*=block][data-fit-together=true]+[class*=block][data-fit-together=true] {
    margin-top: 0
}

[class*=block][data-fit-together=true]+[class*=block][data-fit-together=true] .collapsible-row--root {
    border-top: 0
}

.collapsible-row--root {
    border-top: 1px solid var(--border--dark);
    border-bottom: 1px solid var(--border--dark);
    padding: 0;
    display: block
}

.collapsible-row--toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing--item);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: var(--spacing--item);
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    color: var(--color--body);
    background-color: rgba(0, 0, 0, 0);
    text-align: left
}

[data-section-id][data-text-color=white] .collapsible-row--toggle {
    color: #fff
}

.collapsible-row--toggle:is(:hover, :focus-visible) {
    color: var(--color--body);
    background-color: rgba(0, 0, 0, 0);
    cursor: auto
}

.collapsible-row--toggle:is(:hover, :focus-visible)[tabindex] {
    cursor: pointer
}

.collapsible-row--toggle .icon--chevron-down {
    transform: scaleY(1);
    transition: transform .2s var(--transition--standard)
}

.collapsible-row--toggle[aria-expanded=true] .icon--chevron-down {
    transform: scaleY(-1)
}

.collapsible-row--heading {
    padding: 0;
    line-height: 24px;
    pointer-events: none
}

.collapsible-row--wrapper {
    display: block;
    overflow: hidden;
    visibility: hidden;
    height: 0px
}

.collapsible-row--toggle[aria-expanded=false]+.collapsible-row--wrapper {
    transition: all .2s var(--transition--ease-out)
}

.collapsible-row--toggle[aria-expanded=true]+.collapsible-row--wrapper {
    transition: height .2s var(--transition--standard), opacity .7s var(--transition--standard)
}

.collapsible-row--content {
    padding: 0 var(--spacing--item) var(--spacing--item);
    margin: 0
}

.main-collection--spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing--8) 0
}

.main-collection--spinner[aria-hidden=true] {
    display: none
}

.main-collection--spinner-wrapper>* {
    margin: 0 auto
}

.main-collection--empty {
    text-align: center;
    padding: var(--spacing--8) 0
}

@media only screen and (min-width: 768px) {
    [data-columns="2"] .main-collection--empty {
        grid-column: 1/span 2
    }

    [data-columns="3"] .main-collection--empty {
        grid-column: 1/span 3
    }

    [data-columns="4"] .main-collection--empty {
        grid-column: 1/span 4
    }
}

@media only screen and (max-width: 767px) {
    [data-mobile-columns="1"] .main-collection--empty {
        grid-column: 1/span 1
    }

    [data-mobile-columns="2"] .main-collection--empty {
        grid-column: 1/span 2
    }
}

.main-collection--pagination:empty {
    display: none
}

.collection-header--root {
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .collection-header--root {
        padding-left: 0;
        padding-right: 0
    }
}

.collection-header--wrapper {
    position: relative
}

.collection-header--wrapper[data-text-alignment=center] {
    display: flex;
    align-items: center;
    justify-content: center
}

.collection-header--image {
    width: 100%
}

.collection-header--heading {
    max-width: var(--max-width--x-small)
}

.collection-header--heading:empty {
    display: none
}

.collection-header--root[data-show-image=true] .collection-header--heading {
    position: absolute;
    padding: var(--spacing--section--x);
    max-width: var(--max-width--x-small)
}

.collection-header--root[data-show-image=false] .collection-header--heading {
    margin: 0
}

.collection-header--wrapper[data-text-alignment=left] .collection-header--heading {
    bottom: 0
}

.collection-header--wrapper[data-text-alignment=right] .collection-header--heading {
    bottom: 0;
    right: 0;
    margin-left: auto
}

.collection-header--heading>*:not(:last-child) {
    padding-bottom: var(--spacing--item)
}

@media only screen and (min-width: 768px) {
    .collection-header--heading {
        padding: 0 var(--spacing--section--x)
    }
}

@media only screen and (max-width: 767px) {
    .collection-header--heading {
        padding: 0 var(--spacing--item)
    }
}

.collection-header--description {
    padding: var(--spacing--block) var(--spacing--section--x)
}

@media only screen and (max-width: 767px) {
    .collection-header--description {
        padding: var(--spacing--section--mobile)
    }
}

.collection-promo--root {
    position: relative;
    overflow: hidden;
    border-radius: var(--image--radius);
    display: grid;
    align-self: stretch;
    min-height: 200px
}

.collection-promo--root[data-border-type=thin] :is(.image--root, .placeholder--root)::before {
    border: 1px solid var(--color--body)
}

.collection-promo--root[data-border-type=thick] :is(.image--root, .placeholder--root)::before {
    border: 2px solid var(--color--body)
}

.collection-promo--root:not([data-border-type=none]) :is(.image--root, .placeholder--root)::before {
    content: "";
    margin: var(--spacing--item);
    transition: all 250ms ease-out 25ms;
    border-radius: max(0px, var(--image--radius) - var(--spacing--item));
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 1
}

@media only screen and (max-width: 767px) {
    .collection-promo--root:not([data-border-type=none]) :is(.image--root, .placeholder--root)::before {
        margin: var(--spacing--1);
        border-radius: max(0px, var(--image--radius) - var(--spacing--1))
    }
}

.collection-promo--root>* {
    grid-area: 1/-1
}

.collection-promo--root:not([data-border-type=none]):has(.stacked-text--root[data-text-color=white]) :is(.image--root, .placeholder--root)::before {
    border-color: #fff
}

@media(hover: hover) {
    .collection-promo--root:not([data-border-type=none]):hover :is(.image--root, .placeholder--root)::before {
        opacity: 0;
        margin: 0;
        border-radius: var(--image--radius)
    }
}

@media only screen and (min-width: 768px) {
    .collection-promo--root[data-promo-width="1"] {
        grid-column: span 1
    }

    .collection-promo--root[data-promo-width="2"] {
        grid-column: span 2
    }

    .collection-promo--root[data-promo-width="3"] {
        grid-column: span 3
    }

    .collection-promo--root[data-promo-width="4"] {
        grid-column: span 4
    }

    .collection-promo--root .stacked-text--root .stacked-text--wrapper[data-container] {
        padding: var(--spacing--block)
    }
}

@media only screen and (max-width: 767px) {
    [data-mobile-columns="2"] .collection-promo--root:not([data-promo-width="1"]) {
        grid-column: span 2
    }

    .collection-promo--root .stacked-text--root .stacked-text--wrapper[data-container] {
        padding: var(--spacing--item)
    }
}

@media only screen and (min-width: 768px) {
    .collection-with-highlight--root .stacked-text--root:only-child .stacked-text--wrapper {
        padding-top: 0px;
        padding-bottom: 0px
    }
}

@media only screen and (max-width: 767px) {
    .collection-with-highlight--root .stacked-text--root:only-child .stacked-text--wrapper {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .collection-with-highlight--navigation .carousel-navigation {
        justify-content: center
    }
}

@media only screen and (min-width: 768px) {
    .comments--root>* {
        padding-bottom: var(--spacing--item)
    }
}

.comments--list {
    padding-bottom: var(--spacing--section--mobile--y)
}

@media only screen and (min-width: 768px) {
    .comments--list {
        max-width: 525px;
        padding-bottom: var(--spacing--block)
    }
}

.comment--item {
    padding: var(--spacing--block--mobile) 0 0
}

@media only screen and (min-width: 768px) {
    .comment--item {
        padding-top: var(--spacing--item)
    }
}

.comment--item:before {
    content: "";
    display: block;
    margin-bottom: var(--spacing--block--mobile);
    width: 100%;
    height: 1px;
    background-color: #ddd
}

@media only screen and (min-width: 768px) {
    .comment--item:before {
        margin-bottom: var(--spacing--item)
    }
}

.comment--item:first-of-type {
    padding-top: 0
}

.comment--item:first-of-type:before {
    display: none
}

.comment--item p {
    margin: 0
}

.comment--content {
    padding: 0
}

@media only screen and (min-width: 768px) {
    .comment--content {
        padding: 0 0 0 var(--spacing--block)
    }
}

.comment--meta {
    padding: 0 0 var(--spacing--item--mobile)
}

@media only screen and (min-width: 768px) {
    .comment--meta {
        padding-bottom: var(--spacing--item)
    }
}

.comments--none {
    padding-bottom: var(--spacing--block--mobile)
}

@media only screen and (min-width: 768px) {
    .comments--none {
        padding-bottom: var(--spacing--block)
    }
}

@media only screen and (min-width: 768px) {
    .comments--form:before {
        content: "";
        display: block;
        margin-bottom: var(--spacing--block);
        width: 100%;
        height: 1px;
        background-color: #ddd
    }
}

.comments--form>*:not(.comments--form-submit) {
    padding-bottom: var(--spacing--item--mobile)
}

@media only screen and (min-width: 768px) {
    .comments--form>*:not(.comments--form-submit) {
        padding-bottom: var(--spacing--item)
    }
}

.comments--form:last-child {
    padding-bottom: 0
}

.comments--form input {
    margin: 0
}

.comments--form label {
    position: absolute;
    margin: 0;
    top: 9px;
    padding-left: var(--spacing--item);
    opacity: 0
}

.comments--form textarea {
    margin: 0
}

.comments--form::-webkit-input-placeholder {
    opacity: .7
}

.comments--form:-moz-placeholder {
    opacity: .7
}

.comments--form::-moz-placeholder {
    opacity: .7
}

.comments--form:-ms-input-placeholder {
    opacity: .7
}

.comments--form .success {
    text-align: center;
    padding-bottom: var(--spacing--block--mobile)
}

@media only screen and (min-width: 768px) {
    .comments--form .success {
        padding-bottom: var(--spacing--block)
    }
}

@media only screen and (min-width: 768px) {
    .comments--form-meta {
        display: flex;
        padding-bottom: 0
    }
}

.comments--form-name {
    padding: 0 0 var(--spacing--item--mobile);
    position: relative
}

@media only screen and (min-width: 768px) {
    .comments--form-name {
        width: 50%;
        padding: 0 calc(var(--spacing--item)/2) var(--spacing--item) 0
    }
}

.comments--form-email {
    position: relative
}

@media only screen and (min-width: 768px) {
    .comments--form-email {
        width: 50%;
        padding: 0 0 var(--spacing--item) calc(var(--spacing--item)/2)
    }
}

.comments--form-input {
    position: relative
}

.comments--form-input textarea {
    text-transform: none
}

.comments--form-input textarea::-webkit-input-placeholder {
    text-transform: none
}

.comments--form-input textarea:-moz-placeholder {
    text-transform: none
}

.comments--form-input textarea::-moz-placeholder {
    text-transform: none
}

.comments--form-input textarea:-ms-input-placeholder {
    text-transform: none
}

.comments--form-moderated {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .comments--form-moderated {
        text-align: left
    }
}

.comments--form-error {
    text-align: center;
    color: red
}

@media only screen and (min-width: 768px) {
    .comments--form-error {
        text-align: left
    }
}

.comments--form-heading {
    padding-bottom: var(--spacing--item--mobile)
}

@media only screen and (min-width: 768px) {
    .comments--form-heading {
        padding-bottom: var(--spacing--item)
    }
}

.comments--form-submit {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .comments--form-submit {
        width: 50%
    }
}

.comments--pagination .pagination--root {
    justify-content: flex-end
}

@media only screen and (max-width: 767px) {
    .comments--pagination .pagination--root {
        padding-bottom: var(--spacing--block)
    }
}

.article-comments--heading {
    padding: 0 var(--spacing--block--mobile) var(--spacing--block--mobile);
    text-align: center
}

@media only screen and (min-width: 768px) {
    .article-comments--heading {
        padding: 0 0 var(--spacing--block);
        text-align: left
    }
}

.article-comments--disqus {
    padding: 0 var(--spacing--item--mobile)
}

@media only screen and (min-width: 768px) {
    .article-comments--disqus {
        padding: 0
    }
}

.complementary-products--root[aria-hidden=true] {
    display: none
}

.complementary-products--heading {
    padding-bottom: var(--spacing--item)
}

.complementary-products--container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--item)
}

.contact--header {
    padding-bottom: var(--spacing--block)
}

.contact--container {
    display: flex;
    gap: var(--spacing--block)
}

@media only screen and (max-width: 767px) {
    .contact--container {
        flex-direction: column
    }
}

@media only screen and (min-width: 768px) {
    .contact--container {
        justify-content: center;
        width: 100%
    }
}

.contact--container .social-icons--root {
    width: 100%;
    padding-top: var(--spacing--block)
}

.contact--left-column {
    display: flex;
    gap: var(--spacing--block)
}

@media only screen and (max-width: 767px) {
    .contact--left-column {
        justify-content: center
    }
}

@media only screen and (min-width: 768px) {
    .contact--left-column {
        flex-direction: column;
        width: 200px
    }
}

@media only screen and (min-width: 768px) {
    .contact--right-column {
        width: calc(100% - 200px)
    }

    .contact--right-column:only-child {
        width: 100%
    }
}

.contact--address-text {
    padding-bottom: var(--spacing--item)
}

.contact--form-details {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .contact--form-details {
        flex-direction: column
    }
}

@media only screen and (min-width: 768px) {
    .contact--form-details>* {
        width: calc(50% - var(--spacing--1))
    }
}

.contact--submit-container {
    display: flex;
    justify-content: center
}

.contact--form-submit {
    text-align: left
}

@media only screen and (max-width: 767px) {
    .contact--form-submit button {
        width: 100%
    }
}

.countdown--root .countdown-timer--root {
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .countdown--root[data-spacing-above=none][data-outer-background=true] {
        padding-top: var(--spacing--item)
    }

    .countdown--root[data-spacing-below=none][data-outer-background=true] {
        padding-bottom: var(--spacing--item)
    }
}

@media only screen and (max-width: 767px) {
    .countdown--root[data-mobile-spacing-above=none][data-outer-background=true] {
        padding-top: var(--spacing--item)
    }

    .countdown--root[data-mobile-spacing-below=none][data-outer-background=true] {
        padding-bottom: var(--spacing--item)
    }
}

.countdown--wrapper {
    display: grid;
    width: 100%;
    align-items: center;
    gap: var(--spacing--block)
}

@media only screen and (min-width: 768px) {
    .countdown--root[data-columns="2"] .countdown--wrapper {
        justify-content: space-between;
        grid-template-columns: minmax(250px, 570px) max-content
    }
}

.countdown--text-container {
    z-index: 1;
    position: relative
}

@media only screen and (max-width: 767px) {
    .countdown--text-container {
        align-items: center;
        text-align: center
    }
}

.countdown-timer--root {
    z-index: 1;
    display: grid;
    grid: auto/auto-flow minmax(0, 1fr) auto;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    width: -moz-fit-content;
    width: fit-content
}

.countdown-timer--root:not([data-view=small]) {
    -moz-column-gap: var(--spacing--1);
    column-gap: var(--spacing--1)
}

.countdown-timer--root[data-timer-bg=light][data-view=small] {
    padding: 2px var(--spacing--1);
    background-color: hsla(0, 0%, 100%, .4);
    border-radius: 4px
}

.countdown-timer--root[data-timer-bg=dark][data-view=small] {
    padding: 2px var(--spacing--1);
    background-color: rgba(0, 0, 0, .4);
    border-radius: 4px
}

.countdown-timer--item {
    display: grid;
    row-gap: var(--spacing--1);
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.countdown-timer--item:first-child:has(.countdown-timer--digit[data-value="0"]:first-child):has(.countdown-timer--digit[data-value="0"]:last-child) {
    display: none
}

.countdown-timer--item:first-child:has(.countdown-timer--digit[data-value="0"]:first-child):has(.countdown-timer--digit[data-value="0"]:last-child)+* {
    display: none
}

.countdown-timer--digits {
    position: relative;
    display: grid;
    -moz-column-gap: 2px;
    column-gap: 2px;
    grid: auto/auto-flow minmax(0, 1fr);
    justify-content: center;
    margin: 0 auto;
    color: var(--color--body)
}

.countdown-timer--root[data-light-number=true] .countdown-timer--digits {
    color: #fff
}

.countdown-timer--digit {
    font-variant-numeric: tabular-nums;
    display: grid;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    font-size: var(--number-size);
    line-height: calc(var(--number-size)*1.4)
}

.countdown-timer--root[data-timer-bg=light]:not([data-view=small]) .countdown-timer--digit {
    background-color: hsla(0, 0%, 100%, .4)
}

.countdown-timer--root[data-timer-bg=dark]:not([data-view=small]) .countdown-timer--digit {
    background-color: rgba(0, 0, 0, .4)
}

@media only screen and (max-width: 767px) {
    .countdown-timer--digit {
        font-size: var(--mobile-number-size);
        line-height: calc(var(--mobile-number-size)*1.4)
    }
}

.countdown-timer--digit>* {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 16px, 0);
    padding: var(--spacing--0) var(--spacing--1);
    grid-area: 1/-1
}

.countdown-timer--root[data-view=small] .countdown-timer--digit>* {
    padding: 0
}

.countdown-timer--seperator {
    font-size: var(--number-size);
    height: calc(var(--number-size)*1.4);
    margin-bottom: auto;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .countdown-timer--seperator {
        font-size: var(--mobile-number-size);
        height: calc(var(--mobile-number-size)*1.4)
    }
}

.countdown-timer--unit {
    line-height: initial
}

.countdown-timer--small-unit {
    font-size: 12px;
    line-height: normal;
    align-self: baseline;
    padding-top: 3px;
    padding-left: 2px
}

.countdown-timer--small-unit:not(:last-child) {
    padding-right: var(--spacing--1)
}

.countdown-timer--root[data-light-number=true] .countdown-timer--small-unit {
    color: #fff
}

[data-countdown-button][aria-hidden=true] {
    display: none
}

.customer--wrapper h1 {
    text-align: center;
    padding-bottom: var(--spacing--4)
}

.customer--wrapper h2 {
    padding-bottom: var(--spacing--item)
}

.customer--wrapper h4 {
    padding-bottom: var(--spacing--item)
}

.customer--wrapper thead th,
.customer--wrapper tbody td {
    padding: var(--spacing--item)
}

.customer--login,
.customer--register,
.account--recover-password,
.account--reset-password,
.account--activate {
    margin: 0 auto;
    max-width: 400px
}

.address--email {
    padding-bottom: var(--spacing--item)
}

.address--full {
    padding-bottom: var(--spacing--block)
}

.address--view {
    padding-bottom: var(--spacing--block)
}

.address--view p {
    margin: 0
}

.address--view p:last-of-type {
    padding-bottom: var(--spacing--item)
}

.address--actions-edit {
    padding-right: var(--spacing--1)
}

.address--pagination {
    text-align: center
}

.order--table,
.account--orders-table {
    margin: 0 auto;
    width: 100%
}

.order--table thead th,
.account--orders-table thead th {
    border-bottom: solid 1px #eaeaea;
    font-weight: normal
}

.order--table td a,
.account--orders-table td a {
    text-decoration: underline
}

@media only screen and (max-width: 767px) {

    .order--table tbody tr,
    .account--orders-table tbody tr {
        padding: 0
    }

    .order--table td:empty,
    .account--orders-table td:empty {
        display: none
    }
}

.order--heading--total {
    min-width: 150px
}

@media only screen and (min-width: 768px) {
    .order--heading--total {
        text-align: right
    }
}

@media only screen and (min-width: 768px) {

    .order--item--price,
    .order--item--quantity {
        text-align: center
    }
}

@media only screen and (min-width: 768px) {

    .order--item--total,
    .order--discount {
        text-align: right
    }
}

.order--item--unit-price-container {
    text-transform: lowercase;
    font-size: 12px
}

@media only screen and (min-width: 768px) {
    .order--item--unit-price-container {
        text-align: center
    }
}

.address--actions {
    padding-bottom: var(--spacing--item);
    margin: 0
}

.address--edit {
    padding-bottom: var(--spacing--block)
}

.address--customer-table {
    border: 0;
    margin: var(--spacing--item) auto
}

.address--customer-table :is(label, input, select) {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .address--customer-table tr td:first-child {
        padding: var(--spacing--item) 0
    }

    .address--customer-table tr td:last-child {
        padding-right: 0
    }
}

.address--button-container {
    display: flex;
    align-items: center
}

.address--button-container span {
    margin-left: var(--spacing--2)
}

.customer--root tbody td.address--checkbox-container {
    display: flex;
    align-items: center;
    padding-top: 0
}

.customer--root tbody td.address--checkbox-container input[type=checkbox] {
    margin: 0 var(--spacing--1) 0 0
}

.account--reset {
    display: none;
    text-align: center;
    margin-bottom: var(--spacing--block);
    padding: var(--spacing--1);
    background-color: #e6f9ee;
    color: #01c753;
    border: 1px solid #01c753;
    border-radius: 2px
}

.account--button-container {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .account--button-container {
        flex-direction: column
    }
}

.account--button-container input {
    margin-bottom: 0
}

.account--activate--create-password {
    padding-bottom: var(--spacing--item)
}

.account--activate--button-container {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .account--activate--button-container {
        flex-direction: column
    }
}

.account--activate--button-container .account--activate--button {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .account--activate--button-container .account--activate--button {
        width: 100%
    }
}

.account--activate--button-container a {
    margin-left: var(--spacing--item)
}

@media only screen and (max-width: 767px) {
    .account--activate--button-container a {
        padding: var(--spacing--item);
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .account--orders-table tbody {
        padding-bottom: var(--spacing--block)
    }
}

@media only screen and (min-width: 768px) {
    .account--orders-table tbody {
        text-align: center
    }
}

.account--breadcrumb-container {
    text-align: center
}

.account--breadcrumb-container .breadcrumbs--root {
    padding: 0 0 var(--spacing--block)
}

.account--reset-instructions,
.account--forgot-password {
    padding-bottom: var(--spacing--4)
}

.account--cancel {
    padding-left: var(--spacing--3)
}

.account--password-buttons {
    display: flex;
    align-items: center
}

.account--sign-in {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .account--sign-in {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .account--sign-in button {
        width: 100%
    }
}

a.account--register {
    margin: var(--spacing--item--mobile) 0 0;
    width: 100%;
    text-align: center;
    height: auto
}

@media only screen and (min-width: 768px) {
    a.account--register {
        margin: 0 0 0 var(--spacing--item);
        width: auto
    }
}

a.account--register div {
    width: 100%
}

.account--create {
    width: 100%;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .account--create {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .account--create button {
        width: 100%
    }
}

a.account--login {
    margin: var(--spacing--item--mobile) 0 0;
    width: 100%;
    text-align: center;
    height: auto
}

@media only screen and (min-width: 768px) {
    a.account--login {
        margin: 0 0 0 var(--spacing--item);
        width: auto
    }
}

a.account--login div {
    width: 100%
}

body.template--customers--register input[type=password] {
    margin-bottom: var(--spacing--block)
}

.account--orders {
    padding-bottom: var(--spacing--block)
}

.account--orders h4 {
    padding-bottom: var(--spacing--block)
}

@media only screen and (max-width: 767px) {
    .account--orders {
        padding-bottom: var(--spacing--block--mobile)
    }

    .account--orders h4 {
        padding-bottom: var(--spacing--block--mobile)
    }
}

.account--pagination {
    text-align: center
}

.customer--login input,
.customer--register input,
.page-create-account input,
.account--recover-password input,
.account--reset-password input {
    margin-bottom: var(--spacing--item)
}

.disclosure--root {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    --form-transform: translate3d(0, 8px, 0)
}

.disclosure--label {
    width: 100%;
    display: flex;
    gap: var(--spacing--1)
}

.disclosure--label:not(:has(>*:only-child)) {
    justify-content: space-between
}

.disclosure--main {
    width: 100%;
    height: 100%;
    flex: 1 0 50%;
    position: relative;
    outline: none
}

.disclosure--toggle {
    display: flex;
    gap: var(--spacing--1);
    align-items: center;
    justify-content: space-between;
    line-height: unset;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    color: var(--color--body)
}

.disclosure--root:is([data-type=option-picker], [data-type=url-redirect]) .disclosure--toggle {
    background-color: var(--bg-color--textbox);
    border: 1px solid var(--border--dark);
    padding: var(--spacing--1) 24px var(--spacing--1) var(--spacing--item);
    border-radius: var(--input--radius)
}

.disclosure--root[data-type=localization] .disclosure--toggle {
    padding: 0
}

[data-text-color=white] .disclosure--root[data-type=localization] .disclosure--toggle {
    color: #fff
}

[data-text-color=white] .disclosure--root[data-type=localization] .disclosure--toggle .icon--root {
    color: #fff
}

.disclosure--toggle .icon--root {
    color: var(--color--body)
}

.disclosure--toggle:is(:hover, :focus) {
    background-color: unset;
    color: var(--color--body)
}

.disclosure--root:is([data-type=option-picker], [data-type=url-redirect]) .disclosure--toggle:is(:hover, :focus) {
    background-color: var(--bg-color--textbox);
    color: var(--color--body)
}

.disclosure--toggle .icon--root {
    pointer-events: none;
    transform: scaleY(1);
    transition: transform .2s var(--transition--standard)
}

.disclosure--toggle[aria-expanded=true]>.icon--root {
    transform: scaleY(-1)
}

.disclosure--current-option {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: var(--spacing--1)
}

.disclosure--current-option[data-unavailable=true] {
    color: var(--color--body--light);
    text-decoration: line-through
}

.disclosure--root[data-type=localization] .disclosure--current-option p {
    display: none
}

.disclosure--root[data-type=localization] .disclosure-option--wrapper {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing--1);
    white-space: break-spaces;
    pointer-events: none
}

.disclosure--root[data-type=localization] .disclosure--form .disclosure-option--wrapper::after {
    content: attr(data-country);
    display: inline-block
}

.disclosure--form {
    background-color: var(--bg-color--textbox);
    border: 1px solid var(--border--dark);
    border-radius: var(--input--radius);
    min-width: 100%;
    position: absolute;
    overflow-y: auto;
    z-index: 5;
    max-height: 300px;
    max-width: 300px;
    top: 100%;
    left: 0;
    transform: var(--form-transform)
}

@media only screen and (max-width: 767px) {
    .disclosure--form {
        max-width: 225px
    }
}

.layout--viewport[data-drop-shadows=true] .disclosure--form {
    box-shadow: var(--box-shadow--center)
}

.disclosure--form[aria-hidden=true] {
    display: none
}

.disclosure--root[data-type=localization] .disclosure--form {
    width: -moz-max-content;
    width: max-content
}

.disclosure--option {
    color: var(--color--body);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing--1);
    padding: 9px 15px;
    white-space: nowrap;
    width: 100%;
    cursor: pointer
}

.disclosure--option[data-unavailable=true] {
    color: var(--color--body--light);
    text-decoration: line-through
}

.disclosure--option:is(:focus-visible, :hover) {
    outline: 0;
    background-color: var(--color--gray)
}

.divider--wrapper {
    height: 1px
}

.divider--root[data-white-border=false] .divider--wrapper {
    background-color: var(--border--dark)
}

.divider--root[data-white-border=true] .divider--wrapper {
    background-color: #fff
}

:root {
    --drawer--max-width: 400px
}

.drawer--root {
    position: fixed;
    inset: 0;
    z-index: 99;
    display: block
}

.layout--viewport[data-drawer-status=closed] .drawer--root {
    display: none
}

.drawer--overlay {
    cursor: pointer;
    position: fixed;
    inset: 0;
    z-index: 98;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    background-color: rgba(0, 0, 0, .3)
}

.drawer--overlay[aria-hidden=true] {
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s var(--transition--ease-out)
}

.drawer--overlay[aria-hidden=false] {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s var(--transition--standard)
}

[data-drawer-open] {
    cursor: pointer
}

[data-drawer-open]>* {
    pointer-events: none
}

.layout--viewport:is([data-drawer-side=right], [data-drawer-side=left]) .layout--close {
    top: var(--spacing--2)
}

.layout--viewport[data-drawer-side=right] .layout--close {
    right: calc(var(--drawer--max-width) + var(--spacing--item))
}

@media only screen and (max-width: 500px) {
    .layout--viewport[data-drawer-side=right] .layout--close {
        right: calc(80% + var(--spacing--item))
    }
}

.layout--viewport[data-drawer-side=left] .layout--close {
    left: calc(var(--drawer--max-width) + var(--spacing--item))
}

@media only screen and (max-width: 500px) {
    .layout--viewport[data-drawer-side=left] .layout--close {
        left: calc(80% + var(--spacing--item))
    }
}

.drawer--side {
    background-color: var(--bg-color--body);
    z-index: 99;
    overflow-y: scroll;
    scrollbar-width: none;
    transition: all .2s var(--transition--standard)
}

.drawer--side::-webkit-scrollbar {
    display: none
}

.drawer--side[aria-expanded=true] {
    will-change: transform;
    transition: all .4s var(--transition--ease-out)
}

.drawer--side[data-side=top] {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    max-height: 100vh;
    max-height: 100dvh;
    opacity: 0;
    transform: translate3d(0, -50%, 0)
}

.drawer--side[data-side=top][aria-expanded=true] {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.layout--viewport[data-drop-shadows=true] .drawer--side[data-side=top][aria-expanded=true] {
    box-shadow: var(--box-shadow--bottom)
}

.layout--viewport[data-drop-shadows=false] .drawer--side[data-side=top][aria-expanded=true] {
    border-bottom: 1px solid var(--border--dark)
}

.drawer--side:is([data-side=right], [data-side=left]) {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 80%;
    max-width: var(--drawer--max-width);
    height: 100vh;
    height: 100dvh
}

.drawer--side[data-side=left] {
    transform: translate3d(-100%, 0, 0)
}

.drawer--side[data-side=left][aria-expanded=true] {
    transform: translate3d(0, 0, 0)
}

.layout--viewport[data-drop-shadows=true] .drawer--side[data-side=left][aria-expanded=true] {
    box-shadow: var(--box-shadow--right)
}

.layout--viewport[data-drop-shadows=false] .drawer--side[data-side=left][aria-expanded=true] {
    border-right: 1px solid var(--border--dark)
}

.drawer--side[data-side=right] {
    left: 100%;
    transform: translate3d(0, 0, 0)
}

.drawer--side[data-side=right][aria-expanded=true] {
    transform: translate3d(-100%, 0, 0)
}

.layout--viewport[data-drop-shadows=true] .drawer--side[data-side=right][aria-expanded=true] {
    box-shadow: var(--box-shadow--left)
}

.layout--viewport[data-drop-shadows=false] .drawer--side[data-side=right][aria-expanded=true] {
    border-left: 1px solid var(--border--dark)
}

.layout--viewport[data-drawer-view=search] .drawer--container[data-view=search] {
    display: block
}

.layout--viewport[data-drawer-view=y-menu] .drawer--container[data-view=y-menu] {
    display: block
}

.layout--viewport[data-drawer-view=pickup] .drawer--container[data-view=pickup] {
    display: block
}

.layout--viewport[data-drawer-view=filter] .drawer--container[data-view=filter] {
    display: block
}

.layout--viewport[data-drawer-view=cart-drawer] .drawer--container[data-view=cart-drawer] {
    display: block
}

.layout--viewport[data-drawer-view=product-form] .drawer--container[data-view=product-form] {
    display: block
}

.drawer--side .drawer--container {
    display: none
}

.drawer--side[data-side=top] .drawer--container {
    max-width: var(--max-width--x-large);
    margin: 0 auto;
    padding: var(--spacing--section--x) var(--spacing--section--x)
}

@media only screen and (max-width: 767px) {
    .drawer--side[data-side=top] .drawer--container {
        padding: var(--spacing--item) var(--spacing--item) var(--spacing--block)
    }
}

.featured-blog--root[data-text-color=white] .article-card--date {
    color: #fff
}

.featured-collection--root :is(.collection-promo--root, .carousel--block) {
    height: 100%
}

@media only screen and (max-width: 767px) {
    .featured-collection--item {
        width: 100%
    }

    .featured-collection--item .placeholder--root {
        min-height: 256px
    }
}

.featured-collections--item {
    height: 100%;
    align-items: flex-end
}

.featured-collections--title {
    width: 100%
}

.featured-collections--image {
    display: flex;
    align-items: center;
    border-radius: var(--image--radius);
    width: 100%
}

.featured-collections--body {
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.featured-content--root {
    width: 100%
}

.featured-content--container {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .featured-content--container {
        padding: 0
    }

    .featured-content--root[data-mobile-overlay=true] .featured-content--container {
        display: grid
    }

    .featured-content--root[data-mobile-overlay=true][data-mobile-full-width=false] .featured-content--container {
        border-radius: var(--image--radius)
    }

    .featured-content--root[data-mobile-overlay=false] .featured-content--container {
        display: flex;
        flex-direction: column
    }

    .featured-content--root[data-mobile-overlay=false][data-mobile-full-width=false][data-overlap=false] .featured-content--container:not([data-background-color=transparent]) {
        border-radius: var(--image--radius)
    }

    .featured-content--root[data-mobile-overlay=false][data-mobile-full-width=false][data-overlap=false] .featured-content--container:not([data-background-color=transparent]) :is(.image--root, .placeholder--root) {
        --image--radius-bottom-left: 0;
        --image--radius-bottom-right: 0
    }
}

@container (max-width: 768px) {
    .featured-content--container {
        padding: 0
    }

    .featured-content--root[data-mobile-overlay=true] .featured-content--container {
        display: grid
    }

    .featured-content--root[data-mobile-overlay=true][data-mobile-full-width=false] .featured-content--container {
        border-radius: var(--image--radius)
    }

    .featured-content--root[data-mobile-overlay=false] .featured-content--container {
        display: flex;
        flex-direction: column
    }

    .featured-content--root[data-mobile-overlay=false][data-mobile-full-width=false][data-overlap=false] .featured-content--container:not([data-background-color=transparent]) {
        border-radius: var(--image--radius)
    }

    .featured-content--root[data-mobile-overlay=false][data-mobile-full-width=false][data-overlap=false] .featured-content--container:not([data-background-color=transparent]) :is(.image--root, .placeholder--root) {
        --image--radius-bottom-left: 0;
        --image--radius-bottom-right: 0
    }
}

@media only screen and (min-width: 768px) {
    .featured-content--container {
        height: 100%
    }

    .featured-content--root:not([data-full-width=true]) .featured-content--container {
        border-radius: var(--image--radius)
    }

    .featured-content--root:is([data-text-position=top], [data-text-position=bottom]) .featured-content--container {
        display: flex;
        flex-direction: column
    }

    .featured-content--root:not([data-text-position=overlay]) .featured-content--container {
        display: flex;
        align-items: center
    }

    .featured-content--root[data-text-position=overlay] .featured-content--container {
        display: grid
    }
}

.featured-content--image {
    display: block;
    order: 1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.featured-content--root[data-text-position=left][data-full-width=false][data-overlap=false] .featured-content--container:not([data-background-color=transparent]) .featured-content--image :is(.image--root, .placeholder--root) {
    --image--radius-top-left: 0px;
    --image--radius-bottom-left: 0px
}

.featured-content--root[data-text-position=right][data-full-width=false][data-overlap=false] .featured-content--container:not([data-background-color=transparent]) .featured-content--image :is(.image--root, .placeholder--root) {
    --image--radius-top-right: 0px;
    --image--radius-bottom-right: 0px
}

.featured-content--root[data-text-position=top][data-full-width=false][data-overlap=false] .featured-content--container:not([data-background-color=transparent]) .featured-content--image :is(.image--root, .placeholder--root) {
    --image--radius-top-left: 0px;
    --image--radius-top-right: 0px
}

.featured-content--root[data-text-position=bottom][data-full-width=false][data-overlap=false] .featured-content--container:not([data-background-color=transparent]) .featured-content--image :is(.image--root, .placeholder--root) {
    --image--radius-bottom-left: 0px;
    --image--radius-bottom-right: 0px
}

@media only screen and (min-width: 768px) {
    .featured-content--root:is([data-text-position=right], [data-text-position=left]) .featured-content--image {
        min-width: 50%;
        flex-shrink: 2
    }
}

@media only screen and (min-width: 768px) {
    .featured-content--root[data-text-position=overlay] .stacked-text--root {
        position: absolute
    }

    .featured-content--root:not([data-text-position=overlay])[data-overlap=false] .stacked-text--root {
        padding: 0
    }

    .featured-content--root[data-text-position=top][data-overlap=true] .stacked-text--root {
        margin-bottom: -10%
    }

    .featured-content--root[data-text-position=bottom] .stacked-text--root {
        order: 2
    }

    .featured-content--root[data-text-position=bottom][data-overlap=true] .stacked-text--root {
        margin-top: -10%
    }

    .featured-content--root[data-text-position=left] .stacked-text--root {
        text-align: left;
        width: 100%
    }

    .featured-content--root[data-text-position=left][data-overlap=true] .stacked-text--root {
        margin-right: -10%;
        justify-content: flex-end
    }

    .featured-content--root[data-text-position=right] .stacked-text--root {
        order: 2;
        text-align: left;
        width: 100%
    }

    .featured-content--root[data-text-position=right][data-overlap=true] .stacked-text--root {
        margin-left: -10%
    }
}

@media only screen and (max-width: 767px) {
    .featured-content--root[data-mobile-overlay=true] .stacked-text--root {
        position: absolute
    }

    .featured-content--root[data-mobile-overlay=true] .stacked-text--root:not([data-background-color=transparent]) {
        margin: var(--spacing--item)
    }

    .featured-content--root[data-mobile-overlay=false] .stacked-text--root {
        order: 2;
        padding-top: var(--spacing--item)
    }

    .featured-content--root[data-mobile-overlay=false][data-overlap=true] .stacked-text--root {
        padding: 0 var(--spacing--item);
        margin-top: var(--spacing--neg-block)
    }

    .featured-content--root[data-mobile-full-width=true][data-mobile-overlay=false][data-overlap=false] .stacked-text--root {
        padding-left: 0;
        padding-right: 0
    }
}

@container (max-width: 768px) {
    .featured-content--root[data-mobile-overlay=true] .stacked-text--root {
        position: absolute
    }

    .featured-content--root[data-mobile-overlay=true] .stacked-text--root:not([data-background-color=transparent]) {
        margin: var(--spacing--item)
    }

    .featured-content--root[data-mobile-overlay=false] .stacked-text--root {
        order: 2;
        padding-top: var(--spacing--item)
    }

    .featured-content--root[data-mobile-overlay=false][data-overlap=true] .stacked-text--root {
        padding: 0 var(--spacing--item);
        margin-top: var(--spacing--neg-block)
    }

    .featured-content--root[data-mobile-full-width=true][data-mobile-overlay=false][data-overlap=false] .stacked-text--root {
        padding-left: 0;
        padding-right: 0
    }
}

.featured-content--root .stacked-text--wrapper {
    border-radius: var(--image--radius)
}

@media only screen and (max-width: 767px) {
    :is([data-background-color=light], [data-background-color=none]) .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper:is([data-background-color=light], [data-background-color=none]) {
        color: var(--color--body)
    }

    :is([data-background-color=light], [data-background-color=none]) .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper:is([data-background-color=light], [data-background-color=none]) [data-item=button] {
        background-color: var(--button--bg-color);
        color: var(--button--color)
    }

    .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-text-style=text-shadow] * {
        text-shadow: unset;
        box-shadow: unset
    }

    .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-text-style=eclipse-shadow]:before {
        display: none
    }

    .featured-content--root[data-mobile-overlay=false][data-mobile-full-width=false]:not([data-overlap=true]) .featured-content--container[data-background-color=transparent] .stacked-text--wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .featured-content--root[data-mobile-overlay=false]:not([data-overlap=true]) .featured-content--container[data-background-color=transparent] .stacked-text--wrapper[data-background-color=transparent] {
        padding-bottom: 0
    }
}

@container (max-width: 768px) {
    :is([data-background-color=light], [data-background-color=none]) .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper:is([data-background-color=light], [data-background-color=none]) {
        color: var(--color--body)
    }

    :is([data-background-color=light], [data-background-color=none]) .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper:is([data-background-color=light], [data-background-color=none]) [data-item=button] {
        background-color: var(--button--bg-color);
        color: var(--button--color)
    }

    .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-text-style=text-shadow] * {
        text-shadow: unset;
        box-shadow: unset
    }

    .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-text-style=eclipse-shadow]:before {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .featured-content--root[data-overlap=false]:not([data-text-position=overlay]) .featured-content--container:not([data-background-color=transparent]) .stacked-text--wrapper {
        background-color: rgba(0, 0, 0, 0)
    }
}

@media only screen and (min-width: 768px) {
    .list-collections--root[data-block-spacing=false][data-container-width="6"][data-header-text-exists=false] {
        padding-top: 0
    }

    .list-collections--root[data-block-spacing=false][data-container-width="6"][data-footer-text-exists=false] {
        padding-bottom: 0
    }

    .list-collections--root .placeholder--container {
        height: 100%
    }
}

@media only screen and (min-width: 768px) {
    .featured-grid--root[data-block-spacing=false] .carousel--container {
        --slide-gap: 0
    }
}

@media only screen and (min-width: 768px) {
    .featured-grid--body {
        grid-auto-rows: minmax(var(--row-height), auto)
    }
}

@media only screen and (max-width: 767px) {
    .featured-grid--root[data-text-position=center] .featured-grid--body:not([data-mobile-block-spacing=false]) {
        row-gap: var(--spacing--item)
    }

    .featured-grid--body .placeholder--container {
        height: 100%
    }
}

.featured-grid--item {
    position: relative
}

[data-section-id][data-aspect-ratio=natural] .featured-grid--item,
.featured-grid--root[data-text-position=center] .featured-grid--item {
    height: 100%
}

@media only screen and (max-width: 767px) {
    .featured-grid--body[data-mobile-columns="2"] .featured-grid--item:nth-child(2n+1):last-child {
        grid-column: 1/span 2;
        width: calc((100% - var(--spacing--3))/2);
        justify-self: center
    }
}

@media only screen and (min-width: 768px) {
    .featured-grid--item {
        grid-column: span var(--x-blocks);
        grid-row: span var(--y-blocks)
    }
}

.featured-grid--item--link-wrapper {
    display: block;
    width: 100%
}

.featured-grid--root[data-text-position=center] .featured-grid--item--link-wrapper {
    height: 100%
}

.featured-grid--item--container {
    position: relative;
    width: 100%
}

.featured-grid--root[data-text-position=center] .featured-grid--item--container {
    display: grid;
    align-items: center;
    height: 100%
}

.featured-grid--root[data-text-position=center] .featured-grid--item--container>* {
    grid-area: 1/-1
}

@media only screen and (max-width: 767px) {
    .featured-grid--body[data-mobile-block-spacing=true] .featured-grid--item--container[data-background-color] {
        border-radius: var(--image--radius)
    }

    .featured-grid--root[data-mobile-overlay=false] .featured-grid--item--container {
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .featured-grid--body[data-mobile-columns="1"] .featured-grid--item--container[data-background-color] {
        min-height: 200px
    }
}

@media only screen and (min-width: 768px) {
    .featured-grid--body[data-block-spacing=true] .featured-grid--item--container[data-background-color] {
        border-radius: var(--image--radius)
    }
}

.featured-grid--item--media {
    width: 100%
}

.featured-grid--item--media:not([data-item=icon]) {
    border-radius: var(--image--radius);
    overflow: hidden
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--media {
    display: flex;
    align-items: center;
    position: relative;
    max-width: var(--width)
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--media:only-child {
    align-self: center
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--media>:is(img, .placeholder--root, svg) {
    width: 100%;
    height: 100%
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--media[data-text-alignment=right] {
    align-self: flex-end
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--media[data-text-alignment=center] {
    align-self: center
}

.featured-grid--item--media .video--root,
.featured-grid--item--media .video--container,
.featured-grid--root[data-text-position=center]:not([data-aspect-ratio=natural]) .featured-grid--item--media {
    height: 100%
}

@media only screen and (min-width: 768px) {
    .featured-grid--body[data-block-spacing=false] .featured-grid--item--media {
        --image--radius: 0
    }
}

@media only screen and (max-width: 767px) {
    .featured-grid--body[data-mobile-block-spacing=false] .featured-grid--item--media {
        --image--radius: 0
    }
}

.featured-grid--root[data-text-position=bottom] .stacked-text--root {
    width: 100%
}

.featured-grid--root[data-text-position=center] .stacked-text--root {
    z-index: 1;
    opacity: 0;
    transition: opacity .25s linear
}

@media only screen and (min-width: 768px) {
    .featured-grid--root[data-text-position=center] .stacked-text--root {
        pointer-events: none
    }
}

@media only screen and (max-width: 767px) {
    .featured-grid--root[data-text-position=center] .stacked-text--root {
        opacity: 1
    }
}

@media only screen and (min-width: 768px) {

    .featured-grid--root[data-hover-enabled=false] .stacked-text--root,
    .featured-grid--root[data-hover-enabled=true] .featured-grid--item:hover .stacked-text--root {
        opacity: 1
    }
}

@media only screen and (max-width: 767px) {
    .featured-grid--root[data-text-position=bottom] .stacked-text--wrapper {
        padding-bottom: 0
    }

    .featured-grid--root[data-text-position=bottom] .stacked-text--root[data-x-alignment=left] .stacked-text--wrapper {
        padding-left: 0
    }

    .featured-grid--root[data-text-position=bottom] .stacked-text--root[data-x-alignment=right] .stacked-text--wrapper {
        padding-right: 0
    }
}

@media only screen and (min-width: 768px) {
    .featured-grid--root[data-hover-enabled=true] .video--header {
        transition: opacity .25s linear;
        opacity: 0
    }

    .featured-grid--root[data-hover-enabled=true] .featured-grid--item:hover .video--header {
        opacity: 1
    }
}

.featured-grid--item--title {
    width: 100%;
    word-break: break-word
}

@media only screen and (max-width: 767px) {
    .featured-images--root[data-mobile-overlay=false] .stacked-text--root {
        grid-area: auto
    }
}

.featured-images--main {
    display: flex
}

.featured-images--main>* {
    width: 50%
}

@media only screen and (min-width: 768px) {
    .featured-images--main>*:first-child {
        --image--radius-top-right: 0px;
        --image--radius-bottom-right: 0px
    }

    .featured-images--main>*:last-child {
        --image--radius-top-left: 0px;
        --image--radius-bottom-left: 0px
    }
}

@media only screen and (max-width: 767px) {
    .featured-images--root[data-mobile-layout=side-by-side] .featured-images--main>*:first-child {
        --image--radius-top-right: 0px;
        --image--radius-bottom-right: 0px
    }

    .featured-images--root[data-mobile-layout=side-by-side] .featured-images--main>*:last-child {
        --image--radius-top-left: 0px;
        --image--radius-bottom-left: 0px
    }

    .featured-images--root[data-mobile-layout=stacked] .featured-images--main>*:first-child {
        --image--radius-bottom-right: 0px;
        --image--radius-bottom-left: 0px
    }

    .featured-images--root[data-mobile-layout=stacked] .featured-images--main>*:last-child {
        --image--radius-top-right: 0px;
        --image--radius-top-left: 0px
    }

    .featured-images--root[data-mobile-layout=second] .featured-images--main>*:first-child {
        display: none
    }

    .featured-images--root[data-mobile-layout=first] .featured-images--main>*:last-child {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .featured-images--root[data-mobile-layout=stacked] .featured-images--main {
        flex-direction: column
    }
}

.featured-images--wrapper {
    display: grid
}

.featured-images--wrapper>* {
    grid-area: 1/-1
}

@media only screen and (max-width: 767px) {
    .featured-images--root[data-mobile-overlay=false] .featured-images--wrapper {
        gap: var(--spacing--item)
    }
}

.feedback-bar--root {
    z-index: 100;
    position: fixed;
    left: 0;
    bottom: var(--spacing--item);
    text-align: center;
    width: 100%;
    pointer-events: none
}

@media only screen and (max-width: 767px) {
    .feedback-bar--root {
        padding: var(--spacing--3)
    }
}

.feedback-bar--root[aria-hidden=true] {
    display: none
}

.feedback-bar--root[aria-hidden=false] {
    display: block
}

.feedback-bar--message {
    padding: var(--spacing--2);
    border: 1px solid var(--border--dark);
    border-radius: 4px;
    display: inline-block
}

.filter--root {
    position: relative;
    overflow: auto;
    height: 100vh;
    height: 100dvh;
    scrollbar-width: none
}

.filter--root::-webkit-scrollbar {
    display: none
}

.filter--wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    padding-bottom: 78px
}

.filter--form {
    padding: var(--spacing--block) var(--spacing--item);
    position: relative
}

.filter--category:not(:last-child) {
    padding-bottom: var(--spacing--item)
}

.filter--toggle {
    width: -moz-fit-content;
    width: fit-content;
    padding: var(--spacing--1) var(--spacing--item);
    border-radius: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .25s background-color ease-in
}

.filter--toggle .icon--chevron-down {
    transform: scaleY(1);
    transition: transform .2s var(--transition--standard)
}

.filter--toggle[aria-expanded=false]+.filter--menu {
    display: none
}

.filter--toggle[aria-expanded=true] .icon--chevron-down {
    transform: scaleY(-1)
}

.filter--toggle:hover {
    cursor: pointer
}

.filter--toggle>* {
    pointer-events: none
}

.filter--menu {
    padding: var(--spacing--1) 0 0 var(--spacing--0)
}

.filter--menu:has([data-item=swatch]) {
    display: flex;
    flex-wrap: wrap;
    padding: var(--spacing--1) 0 0 var(--spacing--item)
}

.filter--price--container {
    padding: var(--spacing--1) 0 0 var(--spacing--2)
}

.filter--link {
    display: flex
}

.filter--menu:not(.filter--link:has([data-item=swatch])) .filter--link:not(:last-child) {
    margin-bottom: var(--spacing--1)
}

.filter--link:has([data-item=swatch]) {
    width: calc(50% - var(--spacing--1));
    margin-right: var(--spacing--1)
}

.filter--link:has([data-item=swatch]):nth-of-type(n + 3) {
    margin-top: var(--spacing--2)
}

.filter--link:has([data-item=swatch]):not(:nth-last-child(-n+2)) {
    margin-bottom: var(--spacing--2)
}

.filter--label:not([data-item=swatch]) {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 2px var(--spacing--1) 2px var(--spacing--2);
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--spacing--item);
    transition: background-color .4s var(--transition--ease-out)
}

.filter--label:not([data-item=swatch]):hover {
    cursor: pointer
}

.filter--label:not([data-item=swatch]) .icon--root {
    display: none;
    padding-left: 4px;
    height: 8px
}

input:checked+.filter--label:not([data-item=swatch]) {
    background-color: var(--color--gray)
}

input:checked+.filter--label:not([data-item=swatch]) .icon--root {
    display: block
}

.filter--label[data-item=swatch]>*:first-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: var(--spacing--2);
    left: 24px
}

@media only screen and (max-width: 767px) {
    .filter--label[data-item=swatch]>*:first-child {
        left: 40px
    }
}

.filter--label>* {
    pointer-events: none
}

.filter--input[type=radio],
.filter--input[type=checkbox] {
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0
}

.filter--no-filters {
    padding: var(--spacing--1) 0 0 var(--spacing--block)
}

.filter--search {
    padding: var(--spacing--item);
    border-top: 1px solid var(--border--dark)
}

.filter--search:only-child {
    border: 0
}

.filter--search-link {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    padding: var(--spacing--item);
    border-radius: 28px;
    transition: .25s background-color ease-in;
    color: var(--color--body)
}

.filter--search-link:hover {
    cursor: pointer
}

.filter--search-icon {
    padding-right: var(--spacing--item)
}

.filter--button-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: var(--spacing--item) var(--spacing--item) var(--spacing--block);
    position: fixed;
    bottom: 0;
    right: 0;
    padding: var(--spacing--item);
    background-color: var(--bg-color--body-translucent);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.layout--viewport[data-drop-shadows=true] .filter--button-container {
    box-shadow: var(--box-shadow--top)
}

.layout--viewport[data-drop-shadows=false] .filter--button-container {
    border-top: 1px solid var(--border--dark)
}

.filter--button {
    width: calc(50% - var(--spacing--1));
    text-align: center
}

.filter--button span {
    width: 100%
}

.section--footer {
    margin-top: auto
}

.footer--root {
    z-index: 2
}

.footer--root[data-border=true] {
    border-top: 1px solid var(--border--dark)
}

@media only screen and (max-width: 767px) {
    .footer--wrapper {
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 768px) {
    .footer--wrapper .subscribe-form--input {
        --font--size: var(--font--nav--size)
    }
}

.footer--wrapper .placeholder-noblocks {
    width: 100%;
    padding: var(--spacing--item)
}

@media only screen and (max-width: 767px) {
    .footer--wrapper .placeholder-noblocks {
        text-align: center
    }
}

.footer--wrapper form {
    margin: 0
}

.footer--blocks {
    display: flex;
    gap: var(--spacing--block);
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .footer--blocks {
        flex-wrap: wrap
    }
}

.footer--block {
    flex: 1 1 auto;
    display: flex;
    flex-basis: 33.3333333333%;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .footer--block {
        flex-basis: 100%;
        text-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 768px) {
    .footer--block:last-child {
        align-items: flex-end
    }
}

.footer--block--container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--item)
}

@media only screen and (min-width: 768px) {
    .footer--block:not(:first-child):not(:last-child) .footer--block--container {
        margin: 0 auto
    }
}

.footer--block--body {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--item)
}

.footer--about-text {
    max-width: 400px;
    --font--size: var(--font--nav--size)
}

.footer--menu {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--1)
}

.footer--menu:empty {
    display: none
}

.footer--subscribe {
    max-width: 320px;
    display: flex;
    flex-direction: column;
    gap: var(--spacing--item)
}

@media only screen and (max-width: 767px) {
    .footer--subscribe {
        max-width: 300px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .footer--subscribe {
        max-width: 200px
    }
}

.footer--subscribe--info {
    padding-bottom: var(--spacing--item);
    --font--size: var(--font--nav--size)
}

.footer--sub {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--spacing--block)
}

@media only screen and (max-width: 767px) {
    .footer--sub {
        flex-wrap: wrap
    }
}

.footer--sub--block {
    flex: 1 1 36%;
    display: flex
}

@media only screen and (max-width: 767px) {
    .footer--sub--block {
        justify-content: center;
        flex-basis: 100%;
        text-align: center
    }
}

.footer--sub--block[data-type=payment-icons] {
    flex-wrap: wrap;
    gap: var(--spacing--1)
}

.footer--sub--block[data-type=powered-by] {
    flex-basis: 28%
}

@media only screen and (max-width: 767px) {
    .footer--sub--block[data-type=powered-by] {
        order: 3
    }
}

@media only screen and (min-width: 768px) {
    .footer--sub--block:nth-of-type(2) {
        justify-content: center
    }

    .footer--sub--block:last-of-type {
        justify-content: flex-end
    }

    .footer--sub--block:last-of-type:nth-of-type(1) {
        justify-content: center
    }
}

.footer--sub--block[data-type=localization] form {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing--block)
}

.icon--flag {
    border: 1px solid rgba(0, 0, 0, .1);
    height: -moz-fit-content;
    height: fit-content;
    width: 26px;
    --image--radius: 3px
}

.icon--root {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.icon--root.icon--defs {
    width: 1px;
    height: 1px;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

[class*=icon--chevron]>*,
.icon--drag-indicator>*,
.icon--quote>* {
    fill: currentColor;
    color: var(--color--body)
}

.icon--3d-badge,
.icon--play-badge {
    border-radius: 2px
}

.icon--spinner.icon--root {
    height: 40px;
    width: 40px
}

.icon--prev {
    background: var(--bg-color--body);
    border-radius: 50%;
    border: 1px solid var(--border--dark);
    display: block;
    height: 10px;
    padding: var(--spacing--item);
    position: relative;
    width: 10px;
    opacity: .85;
    transition: opacity 1s var(--transition--ease-out), transform .4s var(--transition--ease-out)
}

.icon--prev div {
    background: var(--color--body);
    bottom: 0;
    height: 2px;
    left: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: 3px;
    top: 0;
    transform-origin: center;
    width: 7px
}

.icon--prev div:first-child {
    transform: translate3d(0, 2px, 0) rotate3d(0, 0, 1, 45deg) scale(0.9)
}

.icon--prev div:nth-child(2) {
    transform: translate3d(0, -2px, 0) rotate3d(0, 0, 1, -45deg) scale(0.9)
}

.icon--prev div:last-child {
    width: 10px;
    transform: rotate3d(0, 1, 0, 90deg) scale(0.9);
    opacity: 0
}

.icon--prev:hover {
    opacity: 1;
    cursor: pointer
}

.icon--prev:hover div:first-child {
    transform: translate3d(-2px, 2px, 0) rotate3d(0, 0, 1, 45deg) scale(0.9)
}

.icon--prev:hover div:nth-child(2) {
    transform: translate3d(-2px, -2px, 0) rotate3d(0, 0, 1, -45deg) scale(0.9)
}

.icon--prev:hover div:last-child {
    transform: translate3d(1px, 0, 0) rotate3d(0, 0, 0, 0deg) scale(0.9);
    opacity: 1
}

.layout--viewport[data-drop-shadows=true] .icon--prev:hover {
    box-shadow: var(--box-shadow--center)
}

button:has(>.icon--prev) {
    border-radius: 50%;
    padding: 0;
    transition: transform .4s var(--transition--ease-out), opacity .4s var(--transition--ease-out)
}

button:has(>.icon--prev):hover {
    transform: scale(1.06)
}

button:has(>.icon--prev):active {
    transform: scale(1)
}

.icon--next {
    background: var(--bg-color--body);
    border-radius: 50%;
    border: 1px solid var(--border--dark);
    display: block;
    height: 10px;
    padding: var(--spacing--item);
    position: relative;
    width: 10px;
    opacity: .85;
    transition: opacity 1s var(--transition--ease-out)
}

.icon--next div {
    background: var(--color--body);
    bottom: 0;
    height: 2px;
    left: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center;
    width: 7px
}

.icon--next div:first-child {
    transform: translate3d(0, 2px, 0) rotate3d(0, 0, 1, -45deg) scale(0.9)
}

.icon--next div:nth-child(2) {
    transform: translate3d(0, -2px, 0) rotate3d(0, 0, 1, 45deg) scale(0.9)
}

.icon--next div:last-child {
    width: 10px;
    transform: rotate3d(0, 1, 0, 90deg) scale(0.9);
    opacity: 0
}

.icon--next:hover {
    opacity: 1;
    cursor: pointer
}

.icon--next:hover div:first-child {
    transform: translate3d(2px, 2px, 0) rotate3d(0, 0, 1, -45deg) scale(0.9)
}

.icon--next:hover div:nth-child(2) {
    transform: translate3d(2px, -2px, 0) rotate3d(0, 0, 1, 45deg) scale(0.9)
}

.icon--next:hover div:last-child {
    transform: translate3d(-1px, 0, 0) rotate3d(0, 0, 0, 0deg) scale(0.9);
    opacity: 1
}

.layout--viewport[data-drop-shadows=true] .icon--next:hover {
    box-shadow: var(--box-shadow--center)
}

button:has(>.icon--next) {
    border-radius: 50%;
    padding: 0;
    transition: transform .4s var(--transition--ease-out), opacity .4s var(--transition--ease-out)
}

button:has(>.icon--next):hover {
    transform: scale(1.06)
}

button:has(>.icon--next):active {
    transform: scale(1)
}

.header--search:has(>svg),
.header--account:has(>svg),
.header--cart:has(>svg) {
    height: 22px;
    width: 22px
}

.icon--search,
.icon--cart,
.icon--account,
.icon--bag {
    height: 22px;
    width: 22px;
    display: block
}

.icon--search>*,
.icon--cart>*,
.icon--account>*,
.icon--bag>* {
    stroke: currentColor
}

.header--drawer-toggle span {
    width: 22px;
    height: 1px;
    border-radius: 1px
}

img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: var(--image--height);
    border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
    overflow: hidden;
    transition: filter .25s linear;
    width: 100%
}

[data-item=featured-paragraph] img,
[data-item=paragraph] img,
[data-item=rte-content] img,
.rte img {
    width: unset
}

[data-aspect-ratio=square] img,
[data-aspect-ratio=square] .image--root[data-display-type=aspect-ratio] img,
[data-aspect-ratio=square] .image--root[data-display-type=original] img {
    aspect-ratio: 1
}

[data-aspect-ratio=portrait] img,
[data-aspect-ratio=portrait] .image--root[data-display-type=aspect-ratio] img,
[data-aspect-ratio=portrait] .image--root[data-display-type=original] img {
    aspect-ratio: .667
}

[data-aspect-ratio=landscape] img,
[data-aspect-ratio=landscape] .image--root[data-display-type=aspect-ratio] img,
[data-aspect-ratio=landscape] .image--root[data-display-type=original] img {
    aspect-ratio: 1.333
}

@media only screen and (min-width: 768px) {

    .image--root[data-display-type=aspect-ratio] img,
    .image--root[data-display-type=original] img {
        aspect-ratio: var(--aspect-ratio)
    }

    .image--root[data-overlay-style=hover]:hover img {
        filter: opacity(0.3);
        background-color: var(--bg-color--body)
    }

    .image--root[data-display-type=fill-available]:not([data-parallax=true]) img {
        position: absolute;
        inset: 0
    }
}

@media only screen and (max-width: 767px) {
    .image--root:is([data-mobile-display-type=aspect-ratio], [data-mobile-display-type=original]) img {
        aspect-ratio: var(--mobile-aspect-ratio)
    }
}

.image--root {
    height: var(--image--height)
}

.image--root[data-parallax=true][data-background=false]:is([data-display-type=aspect-ratio], [data-display-type=original]) {
    --image--height: calc(100% / var(--aspect-ratio))
}

.image--root[data-parallax=true][data-background=true] {
    padding-top: 0
}

@media only screen and (min-width: 768px) {
    .image--root[data-display-type=fill-available]:not([data-parallax=true]) {
        --image--height: 100%
    }
}

@media only screen and (max-width: 767px) {
    .image--root[data-mobile-display-type=fill-available]:not([data-parallax=true]) {
        --image--height: 100%
    }

    [data-aspect-ratio] .image--root {
        --image-height: fit-content
    }
}

.placeholder--root {
    height: 100%
}

@media only screen and (min-width: 768px) {
    .placeholder--root:is([data-display-type=aspect-ratio], [data-display-type=original]) {
        --image--height: calc(100% / var(--aspect-ratio))
    }

    .placeholder--root[data-display-type=fill-available]:not([data-parallax=true]) {
        --image--height: 0
    }
}

@media only screen and (max-width: 767px) {
    .placeholder--root[data-mobile-display-type=original] {
        --image--height: 100%
    }

    .placeholder--root[data-mobile-display-type=aspect-ratio] {
        --image--height: calc(100% / var(--mobile-aspect-ratio))
    }

    .placeholder--root[data-mobile-display-type=fill-available]:not([data-parallax=true]) {
        --image--height: 0
    }
}

.placeholder--root .placeholder--container svg {
    fill: #ececec;
    color: #cbcbcb;
    background-color: #ececec;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

.placeholder--root path {
    stroke: #aaa
}

.placeholder--container {
    max-width: 100%;
    min-height: 100%;
    position: relative;
    width: 100%;
    padding-top: var(--image--height);
    transition: filter .25s linear
}

[data-aspect-ratio=square] .placeholder--container {
    --image--height: 100%
}

[data-aspect-ratio=portrait] .placeholder--container {
    --image--height: 150%
}

[data-aspect-ratio=landscape] .placeholder--container {
    --image--height: 75%
}

.placeholder--root[data-background=true][data-display-type] .placeholder--container {
    --image--height: 0
}

.placeholder--root[data-display-type=fill-available]:not([data-parallax=true]) .placeholder--container {
    height: 100%
}

@media only screen and (min-width: 768px) {
    .placeholder--root[data-display-type=fill-available]:not([data-parallax=true]) .placeholder--container {
        height: 100%
    }

    .placeholder--root[data-overlay-style=hover]:hover .placeholder--container {
        filter: opacity(0.3);
        background-color: var(--color--body)
    }
}

@media only screen and (max-width: 767px) {
    .placeholder--root[data-mobile-display-type=fill-available]:not([data-parallax=true]) .placeholder--container {
        height: 100%
    }
}

:is(.image--root, .placeholder--root) {
    --image--height: 100%;
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius))
}

:is(.image--root, .placeholder--root)[data-background=true][data-display-type] {
    position: absolute;
    inset: 0
}

:is(.image--root, .placeholder--root)[data-background=true] {
    --image--radius: 0px
}

:is(.image--root, .placeholder--root)[data-parallax=true] {
    --progress-scale: 1.5
}

:is(.image--root, .placeholder--root)[data-parallax=true] :is(.placeholder--container, img) {
    height: calc(var(--image--height)*var(--progress-scale));
    min-height: calc(100%*var(--progress-scale));
    position: absolute;
    top: 50%;
    left: 0;
    backface-visibility: hidden;
    will-change: transform;
    transition: transform 150ms linear;
    transform: translate3d(0, calc(-50% * var(--progress, 1)), 0)
}

@media only screen and (min-width: 768px) {
    :is(.image--root, .placeholder--root)[data-full-width=true] {
        --image--radius: 0px
    }

    :is(.image--root, .placeholder--root)[data-parallax=true]:not([data-display-type=fill-available]):not([data-background=true]) {
        height: 100%;
        padding-top: var(--image--height)
    }

    :is(.image--root, .placeholder--root)[data-overlay-style=darken]:after {
        position: absolute;
        content: "";
        inset: 0;
        border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
        background: rgba(0, 0, 0, calc(var(--content--image-opacity) / 3.25))
    }

    :is(.image--root, .placeholder--root)[data-overlay-style=darken-top]:after {
        position: absolute;
        content: "";
        inset: 0;
        border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
        background: linear-gradient(rgba(0, 0, 0, var(--content--image-opacity)), 30%, rgba(0, 0, 0, 0))
    }

    :is(.image--root, .placeholder--root)[data-overlay-style=darken-bottom]:after {
        position: absolute;
        content: "";
        inset: 0;
        border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
        background: linear-gradient(rgba(0, 0, 0, 0), 70%, rgba(0, 0, 0, var(--content--image-opacity)))
    }

    :is(.image--root, .placeholder--root)[data-display-type=x-small] {
        --image--height: var(--height--x-small)
    }

    :is(.image--root, .placeholder--root)[data-display-type=small] {
        --image--height: var(--height--small)
    }

    :is(.image--root, .placeholder--root)[data-display-type=medium] {
        --image--height: var(--height--medium)
    }

    :is(.image--root, .placeholder--root)[data-display-type=large] {
        --image--height: var(--height--large)
    }

    :is(.image--root, .placeholder--root)[data-display-type=x-large] {
        --image--height: var(--height--x-large)
    }

    :is(.image--root, .placeholder--root)[data-display-type=fit-screen] {
        --vh: 100vh;
        --offset: 0px;
        --image--height: calc(var(--vh) - var(--offset))
    }

    body:has(.header--root[data-sticky-enabled=true][aria-hidden=false]) .layout--template :is(.image--root, .placeholder--root)[data-display-type=fit-screen] {
        --offset: var(--header--height)
    }

    .layout--template .shopify-section:first-child>:not([data-transparent-header-compatible]) :is(.image--root, .placeholder--root)[data-display-type=fit-screen],
    body:has(.header--root[data-transparent-enabled=false]) .layout--template .shopify-section:first-child :is(.image--root, .placeholder--root)[data-display-type=fit-screen] {
        --offset: calc(var(--header--height) + var(--announcement--height) + var(--split-announcement--height))
    }

    body:has(.header--root[data-transparent-enabled=true]) .layout--template .shopify-section:first-child>[data-transparent-header-compatible] :is(.image--root, .placeholder--root)[data-display-type=fit-screen] {
        --offset: calc(var(--announcement--height) + var(--split-announcement--height))
    }
}

@media only screen and (max-width: 767px) {
    :is(.image--root, .placeholder--root)[data-mobile-full-width=true] {
        --image--radius: 0px
    }

    :is(.image--root, .placeholder--root)[data-parallax=true]:not([data-mobile-display-type=fill-available]):not([data-background=true]) {
        height: 100%;
        padding-top: var(--image--height)
    }

    :is(.image--root, .placeholder--root)[data-mobile-overlay-style=darken]:after {
        position: absolute;
        content: "";
        inset: 0;
        border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
        background: rgba(0, 0, 0, calc(var(--content--image-opacity) / 3.25))
    }

    :is(.image--root, .placeholder--root)[data-mobile-overlay-style=darken-top]:after {
        position: absolute;
        content: "";
        inset: 0;
        border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
        background: linear-gradient(rgba(0, 0, 0, var(--content--image-opacity)), 30%, rgba(0, 0, 0, 0))
    }

    :is(.image--root, .placeholder--root)[data-mobile-overlay-style=darken-bottom]:after {
        position: absolute;
        content: "";
        inset: 0;
        border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
        background: linear-gradient(rgba(0, 0, 0, 0), 70%, rgba(0, 0, 0, var(--content--image-opacity)))
    }

    :is(.image--root, .placeholder--root)[data-mobile-display-type=x-small] {
        --image--height: var(--mobile-height--x-small)
    }

    :is(.image--root, .placeholder--root)[data-mobile-display-type=small] {
        --image--height: var(--mobile-height--small)
    }

    :is(.image--root, .placeholder--root)[data-mobile-display-type=medium] {
        --image--height: var(--mobile-height--medium)
    }

    :is(.image--root, .placeholder--root)[data-mobile-display-type=large] {
        --image--height: var(--mobile-height--large)
    }

    :is(.image--root, .placeholder--root)[data-mobile-display-type=x-large] {
        --image--height: var(--mobile-height--x-large)
    }

    :is(.image--root, .placeholder--root)[data-mobile-display-type=fit-screen] {
        --vh: 100vh;
        --vh: 100svh;
        --offset: 0px;
        --image--height: calc(var(--vh) - var(--offset))
    }

    body:has(.header--root[data-sticky-enabled=true][aria-hidden=false]) :is(.image--root, .placeholder--root)[data-mobile-display-type=fit-screen] {
        --offset: var(--sticky-offset)
    }

    .layout--template .shopify-section:first-child>:not([data-transparent-header-compatible]) :is(.image--root, .placeholder--root)[data-mobile-display-type=fit-screen],
    body:has(.header--root[data-transparent-enabled=false]) .layout--template .shopify-section:first-child :is(.image--root, .placeholder--root)[data-mobile-display-type=fit-screen] {
        --offset: calc(var(--header--height) + var(--announcement--height) + var(--split-announcement--height))
    }

    body:has(.header--root[data-transparent-enabled=true]) .layout--template .shopify-section:first-child>[data-transparent-header-compatible] :is(.image--root, .placeholder--root)[data-mobile-display-type=fit-screen] {
        --offset: calc(var(--announcement--height) + var(--split-announcement--height))
    }
}

:is(.image--scroll-progress, .placeholder--scroll-progress):has(>[data-background=true]) {
    display: contents
}

.image-comparison--root {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    --image-comparison--cursor-pos: 10%;
    --image-comparison--cursor-width: 48px;
    --image-comparison--transition: all 1.5s var(--transition--ease-out) 0.25s
}

.image-comparison--images {
    display: grid;
    position: relative
}

.image-comparison--images>* {
    grid-area: 1/-1
}

.image-comparison--before-text {
    position: absolute;
    top: 0;
    left: 0;
    padding: var(--spacing--block);
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing--1)
}

.image-comparison--root[data-cursor-direction=vertical] .image-comparison--before-text {
    align-items: var(--text-position);
    right: 0
}

.image-comparison--root[data-cursor-direction=horizontal] .image-comparison--before-text {
    justify-content: var(--text-position);
    bottom: 0
}

@media only screen and (max-width: 767px) {
    .image-comparison--before-text {
        padding: var(--spacing--item)
    }
}

.image-comparison--after-text {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: var(--spacing--block);
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing--1)
}

.image-comparison--root[data-cursor-direction=vertical] .image-comparison--after-text {
    align-items: var(--text-position);
    left: 0
}

.image-comparison--root[data-cursor-direction=horizontal] .image-comparison--after-text {
    justify-content: var(--text-position);
    top: 0;
    text-align: right
}

@media only screen and (max-width: 767px) {
    .image-comparison--after-text {
        padding: var(--spacing--item)
    }
}

.image-comparison--after {
    z-index: 1;
    transition: var(--image-comparison--transition)
}

.image-comparison--root[data-cursor-direction=horizontal] .image-comparison--after {
    clip-path: inset(0 0 0 var(--image-comparison--cursor-pos, 0%))
}

.image-comparison--root[data-cursor-direction=vertical] .image-comparison--after {
    clip-path: inset(var(--image-comparison--cursor-pos, 0%) 0 0 0)
}

.image-comparison--cursor-wrapper {
    display: grid;
    position: relative;
    cursor: pointer;
    transition: var(--image-comparison--transition)
}

.image-comparison--root[data-cursor-direction=horizontal] .image-comparison--cursor-wrapper {
    justify-self: start;
    place-items: center start;
    inset-inline-start: calc(var(--image-comparison--cursor-pos, 0%) - var(--image-comparison--cursor-width)/2)
}

.image-comparison--root[data-cursor-direction=horizontal] .image-comparison--cursor-wrapper::before {
    height: 100%;
    width: 2px;
    left: calc(50% - 1px)
}

.image-comparison--root[data-cursor-direction=vertical] .image-comparison--cursor-wrapper {
    align-self: start;
    place-items: start center;
    inset-block-start: calc(var(--image-comparison--cursor-pos, 0%) - var(--image-comparison--cursor-width)/2)
}

.image-comparison--root[data-cursor-direction=vertical] .image-comparison--cursor-wrapper::before {
    height: 2px;
    width: 100%;
    top: calc(50% - 1px)
}

.image-comparison--cursor-wrapper::before {
    content: "";
    position: absolute;
    background-color: #fff
}

.image-comparison--cursor {
    padding: 0;
    z-index: 1;
    width: var(--image-comparison--cursor-width);
    height: var(--image-comparison--cursor-width);
    border-radius: 50%;
    border: 1px solid var(--border--dark);
    background-color: #fff
}

.image-comparison--cursor .icon--drag-indicator {
    color: #000;
    height: 32px
}

.image-comparison--root[data-cursor-direction=horizontal] .image-comparison--cursor .icon--drag-indicator {
    transform: rotate(90deg)
}

.image-comparison--cursor:active {
    scale: .96
}

.image-comparison--button {
    text-align: center
}

table {
    border-top: solid 1px var(--border--dark);
    border-bottom: solid 1px var(--border--dark);
    border-collapse: separate
}

.template--page table,
.collapsible-row--root table {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-collapse: collapse;
    border-width: 1px;
    border-color: var(--border--dark);
    border-style: solid;
    color: #000
}

.template--page table td,
.template--page th,
.collapsible-row--root table td,
.collapsible-row--root th {
    border-width: 1px;
    border-color: var(--border--dark);
    border-style: solid;
    padding: 8px
}

@media only screen and (max-width: 767px) {
    table.responsive {
        display: block;
        width: 100%;
        box-sizing: border-box;
        float: left;
        clear: left;
        border: 0
    }

    table.responsive :is(thead, tbody, th, td, tr) {
        display: block;
        width: 100%;
        box-sizing: border-box;
        float: left;
        clear: left
    }

    table.responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    table.responsive tr {
        border: 1px solid var(--border--dark);
        padding: var(--spacing--2)
    }

    table.responsive td {
        padding: 0;
        line-height: 1.6;
        border: none;
        border-bottom: 0;
        position: relative;
        padding: var(--spacing--1) 0
    }

    table.responsive td:empty {
        padding: 0
    }

    table.responsive td:before {
        display: block;
        word-wrap: break-word;
        max-width: 100%
    }

    table.responsive td:before {
        content: attr(data-label)
    }
}

.list-collections--item[data-container=section]:not(:last-child) {
    padding-bottom: var(--spacing--section--y)
}

.list-collections--item-link {
    width: 100%
}

.map--wrapper {
    display: flex;
    align-items: center;
    gap: var(--spacing--block)
}

@media only screen and (max-width: 767px) {
    .map--wrapper {
        flex-wrap: wrap
    }
}

.map--info {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing--block);
    max-width: 400px
}

@media only screen and (max-width: 767px) {
    .map--info {
        width: 100%;
        justify-content: center;
        text-align: center;
        max-width: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .map--info {
        max-width: 300px
    }
}

.map--heading {
    width: 100%
}

@media only screen and (max-width: 767px) {
    .map--heading {
        text-align: center
    }
}

.map--address-content {
    padding-bottom: var(--spacing--4)
}

.map--open-maps-link {
    display: block;
    width: 100%
}

.map--media {
    flex-grow: 1
}

@media only screen and (max-width: 767px) {
    .map--media {
        width: 100%
    }
}

.map--google-maps {
    min-height: 400px
}

@media only screen and (max-width: 767px) {
    .map--google-maps {
        width: 100%
    }
}

.mobile-nav {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

@media only screen and (max-width: 767px) {
    .mobile-nav {
        min-height: 100dvh
    }
}

.mobile-nav--header {
    display: flex;
    justify-content: space-between
}

.mobile-nav--account,
.mobile-nav--search {
    padding: var(--spacing--item)
}

.mobile-nav--account svg>*,
.mobile-nav--search svg>* {
    color: var(--color--body)
}

.mobile-nav--account:empty,
.mobile-nav--search:empty {
    display: none
}

.mobile-nav--social-icons:has(.social-icons--root:empty),
.mobile-nav--social-icons:empty {
    display: none
}

.mobile-nav--footer {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--block);
    padding: var(--spacing--block) var(--spacing--item);
    margin-top: auto
}

.mobile-nav--localization:empty {
    display: none
}

.mobile-nav--localization>* {
    display: flex;
    gap: var(--spacing--block)
}

.modal--root {
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    inset: 0;
    width: 100vw;
    min-height: 100vh;
    height: 100vh;
    z-index: 1000;
    transform: translate3d(0, 0, 0);
    padding: var(--spacing--8)
}

@media only screen and (max-width: 767px) {
    .modal--root {
        padding: var(--spacing--section--mobile)
    }
}

.modal--root[aria-hidden=true] {
    display: none
}

.modal--root>* {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-area: 1/-1;
    gap: var(--spacing--item)
}

.modal--view {
    border-radius: var(--image--radius)
}

.modal--view img {
    max-width: 100%;
    width: unset
}

.modal--button-container {
    display: flex;
    gap: var(--spacing--item)
}

.layout--viewport[data-modal-status=opened] .layout--close {
    top: 26px;
    right: 26px;
    z-index: 1001
}

@media only screen and (max-width: 767px) {
    .layout--viewport[data-modal-status=opened] .layout--close {
        top: 13px;
        right: 13px
    }
}

@media only screen and (min-width: 768px) {
    .navigation--container {
        display: flex;
        justify-content: space-between
    }
}

.navigation--layout {
    display: flex;
    margin-left: auto
}

.navigation--layout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1px solid var(--border--dark)
}

.navigation--layout-button:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-right: 0;
    padding-left: var(--spacing--1)
}

.navigation--layout-button:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left: 0;
    padding-right: var(--spacing--1)
}

.navigation--layout-button[data-active=false]:not(:hover) svg {
    color: var(--border--dark)
}

.navigation--layout-button[data-active=false]:not(:hover) svg>path {
    fill: var(--border--dark)
}

.navigation--layout-button:hover[data-active=false] {
    transition: .25s color ease-in;
    cursor: pointer
}

.navigation--layout-button>* {
    pointer-events: none
}

.navigation--filter[data-item] {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 3px;
    border: 1px solid var(--border--dark);
    border-radius: 20px;
    flex-basis: initial
}

.navigation--button {
    height: var(--spacing--block);
    line-height: calc(var(--spacing--block) + 1px);
    padding: 0 var(--spacing--2);
    border-radius: var(--spacing--item);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.navigation--button:hover {
    cursor: pointer
}

.navigation--results {
    display: flex;
    align-items: center;
    padding-left: var(--spacing--item)
}

.navigation--tags-container {
    padding-top: var(--spacing--item);
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.navigation--active-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.navigation--active-tag:not(:last-child) {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 2px var(--spacing--1) 2px var(--spacing--2);
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--spacing--item);
    transition: background-color .4s var(--transition--ease-out);
    background-color: var(--color--gray);
    margin: 3px 8px 3px 0
}

.navigation--active-tag:not(:last-child):hover {
    cursor: pointer
}

.navigation--active-tag:not(:last-child) .icon--root {
    display: none;
    padding-left: 4px;
    height: 8px
}

input:checked+.navigation--active-tag:not(:last-child) {
    background-color: var(--color--gray)
}

input:checked+.navigation--active-tag:not(:last-child) .icon--root {
    display: block
}

@media only screen and (max-width: 767px) {
    .navigation--active-tag:not(:last-child) {
        margin: var(--spacing--0) var(--spacing--2) var(--spacing--0) 0
    }
}

.navigation--active-tag:not(:last-child) .icon--root {
    display: block
}

.navigation--active-tag:not(:last-child)>* {
    pointer-events: none
}

.navigation--active-tag--swatch {
    margin: 0 var(--spacing--0) 0 var(--spacing--neg-0);
    background: content-box var(--swatch-background) no-repeat center/cover
}

.navigation--active-tag--swatch[data-shape=square] {
    height: 14px;
    width: 14px;
    min-width: 14px
}

.navigation--active-tag--swatch[data-shape=circle] {
    height: 16px;
    width: 16px;
    min-width: 16px;
    border-radius: 50%
}

.navigation--active-clear[data-item] {
    flex-basis: initial;
    padding: 0 0 var(--spacing--0) var(--spacing--1)
}

.navigation--active-clear[data-item]:hover {
    cursor: pointer
}

.navigation--mobile-header[data-container] {
    flex-wrap: unset
}

.navigation--mobile-header[data-container]:empty {
    display: none
}

@media only screen and (max-width: 767px) {
    .navigation--mobile-header[data-container] {
        display: flex;
        justify-content: space-between;
        flex-direction: row
    }
}

.navigation--mobile-button {
    height: var(--spacing--block);
    line-height: 14px;
    flex-basis: initial;
    padding: var(--spacing--1) var(--spacing--item);
    border: 1px solid var(--border--dark);
    border-radius: var(--spacing--item)
}

@media only screen and (min-width: 768px) {
    .newsletter--wrapper {
        align-items: center
    }
}

.overlapping-media--root {
    overflow-x: hidden
}

.overlapping-media--wrapper {
    align-items: center
}

@media only screen and (min-width: 768px) {
    .overlapping-media--wrapper {
        --grid-columns: minmax(0, 1fr) minmax(0, var(--text-column-width));
        grid-template-columns: var(--grid-columns)
    }

    .overlapping-media--wrapper[data-reverse-layout=true] {
        --grid-columns: minmax(0, var(--text-column-width)) minmax(0, 1fr)
    }
}

.overlapping-media--progress-container {
    display: flex;
    align-self: stretch;
    align-items: center
}

.overlapping-media--blocks {
    --progress: 1;
    --scaled-offset: calc(var(--image-offset) * var(--progress));
    --progress-scale: 2;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    padding: var(--image-offset) 0;
    display: flex;
    justify-content: center
}

.overlapping-media--block {
    width: 50%;
    will-change: transform;
    backface-visibility: hidden;
    transition: transform 150ms linear
}

.overlapping-media--block:first-child {
    transform: translate3d(var(--scaled-offset), var(--scaled-offset), 0);
    z-index: 1
}

.layout--viewport[data-drop-shadows=true] .overlapping-media--block:first-child>* {
    box-shadow: var(--box-shadow--center)
}

.overlapping-media--block:last-child {
    transform: translate3d(calc(-1 * var(--scaled-offset)), calc(-1 * var(--scaled-offset)), 0)
}

.template-page--heading {
    text-align: center;
    padding-bottom: var(--spacing--block)
}

.shopify-policy__container {
    padding: var(--spacing--section)
}

@media only screen and (max-width: 767px) {
    .shopify-policy__container {
        padding: var(--spacing--section--mobile)
    }
}

.shopify-policy__title {
    padding-bottom: var(--spacing--block)
}

.four-o-four--root h1.four-o-four--heading {
    padding-bottom: var(--spacing--block)
}

.four-o-four--root h3.four-o-four--info {
    padding-bottom: var(--spacing--block)
}

.four-o-four--wrapper {
    max-width: 600px;
    margin: 0 auto;
    padding: 48px;
    background: var(--color--gray);
    border: 1px solid #eaeaea;
    border-radius: 3px;
    text-align: center
}

.four-o-four--wrapper a {
    text-decoration: underline
}

.pagination--root {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .pagination--root {
        gap: var(--spacing--2)
    }
}

@media only screen and (max-width: 767px) {
    .pagination--of {
        padding: 0 var(--spacing--1)
    }
}

.pagination--link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--spacing--block);
    height: var(--spacing--block)
}

@media only screen and (min-width: 768px) {
    .pagination--link {
        border: 1px solid var(--border--dark);
        border-radius: 50%;
        transition: transform .4s var(--transition--ease-out)
    }

    .pagination--link[role=button]:hover {
        opacity: 1;
        transform: scale(1.06)
    }

    .layout--viewport[data-drop-shadows=true] .pagination--link[role=button]:hover {
        box-shadow: var(--box-shadow--center)
    }

    .pagination--link[role=button]:active {
        transform: scale(1)
    }
}

@media only screen and (max-width: 767px) {
    .pagination--link svg {
        height: 13px
    }
}

.pagination--link[aria-hidden=true] {
    opacity: .4
}

.pagination--link svg {
    height: 10px
}

.password--root {
    display: block;
    min-height: 100vh;
    min-height: 100dvh
}

@media only screen and (min-width: 768px) {
    .password--root {
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover
    }
}

.password--root .icon--shopify {
    width: 82.28571px;
    height: 24px;
    display: inline-block;
    line-height: 0;
    vertical-align: top
}

.password--logo {
    padding-bottom: var(--spacing--section--mobile--y)
}

@media only screen and (min-width: 768px) {
    .password--logo {
        padding-bottom: var(--spacing--section--y)
    }
}

.password--logo img {
    height: auto;
    width: var(--width);
    border-radius: 0
}

@media only screen and (max-width: 767px) {
    .password--logo img {
        width: var(--mobile-width)
    }
}

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

.password--login-form {
    width: 100%;
    max-width: 350px;
    padding: var(--spacing--section--y) 0
}

@media only screen and (max-width: 767px) {
    .password--login-form {
        padding: var(--spacing--item) 0
    }
}

.password--root[data-show-login=false] .password--login-form {
    display: none
}

.password--login-form input[type=password] {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: 1px solid #fff;
    margin-bottom: var(--spacing--item--mobile)
}

@media only screen and (min-width: 768px) {
    .password--login-form input[type=password] {
        margin-bottom: var(--spacing--item)
    }
}

.password--login-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: var(--spacing--item);
    right: var(--spacing--item)
}

.password--login-link:hover {
    cursor: pointer
}

.password--root[data-show-login=true] .password--login-link {
    display: none
}

@media only screen and (min-width: 768px) {
    .password--login-link {
        top: var(--spacing--block);
        right: var(--spacing--block)
    }
}

.password--login-link p {
    padding-left: calc(var(--spacing--item)/2)
}

.password--buttons-container {
    display: flex;
    align-items: center;
    gap: var(--spacing--item--mobile)
}

@media only screen and (min-width: 768px) {
    .password--buttons-container {
        gap: var(--spacing--item)
    }
}

.password--button {
    margin: 0
}

.password--cancel:hover {
    cursor: pointer
}

.password--main {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center
}

.password--root[data-show-login=true] .password--main {
    display: none
}

.password--subtitle {
    padding-bottom: var(--spacing--item--mobile)
}

@media only screen and (min-width: 768px) {
    .password--subtitle {
        padding-bottom: var(--spacing--item)
    }
}

.password--info {
    padding-bottom: var(--spacing--section--mobile--y);
    text-align: center
}

@media only screen and (min-width: 768px) {
    .password--info {
        padding-bottom: var(--spacing--section--y)
    }
}

.password--mailing-header {
    padding-bottom: var(--spacing--block--mobile)
}

@media only screen and (min-width: 768px) {
    .password--mailing-header {
        padding-bottom: var(--spacing--block)
    }
}

.password--mailing-header p {
    margin: 0
}

.password--mailing-list {
    padding-bottom: var(--spacing--8);
    max-width: 300px;
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .password--mailing-list {
        max-width: 400px
    }
}

.password--powered-by {
    text-align: center
}

.password--errors ul,
.password--errors li {
    margin: 0;
    list-style: none;
    padding: 0
}

.password--errors li {
    padding-bottom: var(--spacing--item)
}

.popup--root {
    position: relative
}

.popup--block--root[data-block-id] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing--item);
    position: fixed;
    text-align: center;
    z-index: 10;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.layout--viewport[data-drop-shadows=true] .popup--block--root[data-block-id] {
    box-shadow: var(--box-shadow--center)
}

.layout--viewport[data-drop-shadows=false] .popup--block--root[data-block-id] {
    border: 1px solid var(--border--dark)
}

.popup--block--root[data-block-id][data-type=small-promotion] {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--spacing--block);
    padding: var(--spacing--item) var(--spacing--block)
}

@media only screen and (min-width: 768px) {
    .popup--block--root[data-block-id][data-type=small-promotion] {
        max-width: calc(100% - 2*var(--spacing--block))
    }

    .popup--block--root[data-block-id][data-type=small-promotion][data-scroll-text=true] {
        max-width: 380px
    }
}

.popup--block--root[data-block-id]:not([data-type=small-promotion]) {
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .popup--block--root[data-block-id][data-position=left] {
        left: var(--spacing--item)
    }
}

@media only screen and (min-width: 768px) {
    .popup--block--root[data-block-id][data-position=left] {
        left: var(--spacing--block)
    }
}

@media only screen and (max-width: 767px) {
    .popup--block--root[data-block-id][data-position=right] {
        right: var(--spacing--item)
    }
}

@media only screen and (min-width: 768px) {
    .popup--block--root[data-block-id][data-position=right] {
        right: var(--spacing--block)
    }
}

.popup--block--root[data-block-id]:not([data-position=bottom]):not([data-type=small-promotion]) {
    padding: var(--spacing--block)
}

@media only screen and (min-width: 768px) {
    .popup--block--root[data-block-id]:not([data-position=bottom]):not([data-type=small-promotion]) {
        width: calc(100% - 2*var(--spacing--block));
        max-width: 400px
    }
}

@media only screen and (max-width: 767px) {
    .popup--block--root[data-block-id]:not([data-position=bottom]) {
        width: calc(100% - 2*var(--spacing--item));
        bottom: var(--spacing--item)
    }
}

@media only screen and (min-width: 768px) {
    .popup--block--root[data-block-id]:not([data-position=bottom]) {
        bottom: var(--spacing--block)
    }
}

.popup--block--root[data-block-id][data-position=bottom] {
    left: var(--spacing--item);
    right: var(--spacing--item);
    bottom: var(--spacing--item);
    width: calc(100% - 2*var(--spacing--item))
}

@media only screen and (max-width: 767px) {
    .popup--block--root[data-block-id][data-position=bottom] {
        padding: var(--spacing--block)
    }
}

@media only screen and (min-width: 768px) {
    .popup--block--root[data-block-id][data-position=bottom] {
        padding: var(--spacing--item) var(--spacing--block)
    }
}

.popup--block--root[data-block-id][aria-hidden=true] {
    display: none
}

.popup--block--root[data-block-id] .social-icons--root:empty {
    display: none
}

.popup--block--container {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: var(--spacing--item)
}

@media only screen and (max-width: 767px) {
    .popup--block--container {
        text-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 768px) {
    .popup--block--root[data-position=bottom] .popup--block--container {
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

    .popup--block--root[data-text-alignment=center] .popup--block--container {
        align-items: center
    }

    .popup--block--root[data-text-alignment=right] .popup--block--container {
        align-items: flex-end
    }
}

.popup--block--root[data-type=small-promotion] .popup--block--wrapper {
    white-space: nowrap;
    overflow-x: hidden
}

@media only screen and (min-width: 768px) {
    .popup--block--root[data-type=small-promotion][data-scroll-text=true] .popup--block--wrapper {
        -webkit-mask-image: linear-gradient(to right, #000 95%, transparent);
        mask-image: linear-gradient(to right, #000 95%, transparent)
    }
}

@media only screen and (max-width: 767px) {
    .popup--block--root[data-type=small-promotion][data-mobile-scroll-text=true] .popup--block--wrapper {
        -webkit-mask-image: linear-gradient(to right, #000 95%, transparent);
        mask-image: linear-gradient(to right, #000 95%, transparent)
    }
}

.popup--block--heading>* {
    animation-play-state: running
}

@media only screen and (min-width: 768px) {
    .popup--block--root[data-type=small-promotion][data-scroll-text=true] .popup--block--heading {
        --animation-speed: calc(((10 - var(--popup--animation-speed)) * (20 - 5) / (10 - 1) + 5) * 1s);
        display: flex;
        gap: var(--spacing--item);
        -webkit-mask-image: linear-gradient(to left, #000 95%, transparent);
        mask-image: linear-gradient(to left, #000 95%, transparent);
        transform: none;
        margin: 0;
        line-height: 1
    }

    .popup--block--root[data-type=small-promotion][data-scroll-text=true] .popup--block--heading>* {
        animation: scrolling-content-mobile var(--animation-speed) linear infinite
    }
}

@media only screen and (max-width: 767px) {
    .popup--block--root[data-type=small-promotion][data-mobile-scroll-text=true] .popup--block--heading {
        --mobile-animation-speed: calc(((10 - var(--popup--mobile-animation-speed)) * (20 - 5) / (10 - 1) + 5) * 1s);
        display: flex;
        gap: var(--spacing--item);
        -webkit-mask-image: linear-gradient(to left, #000 95%, transparent);
        mask-image: linear-gradient(to left, #000 95%, transparent);
        transform: none
    }

    .popup--block--root[data-type=small-promotion][data-mobile-scroll-text=true] .popup--block--heading>* {
        animation: scrolling-content-mobile var(--mobile-animation-speed) linear infinite;
        transform: translateZ(0);
        backface-visibility: hidden
    }
}

@media only screen and (min-width: 768px) {
    .popup--block--root[data-position=bottom] .popup--block--heading {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .popup--block--root[data-text-alignment=center] .popup--button {
        justify-content: center
    }

    .popup--block--root[data-text-alignment=right] .popup--button {
        justify-content: flex-end
    }
}

.popup--block--root:not([data-text-color=white]) .layout--close::before,
.popup--block--root:not([data-text-color=white]) .layout--close::after {
    background-color: var(--color--body)
}

.popup--block--root[data-type=small-promotion] .layout--close {
    --cross-size: var(--spacing--item)
}

.popup--block--root:not([data-type=small-promotion]) .layout--close {
    --cross-size: 20px;
    position: absolute;
    right: var(--spacing--2);
    top: var(--spacing--2)
}

.popup--block--button-container {
    display: flex;
    gap: var(--spacing--item);
    text-transform: capitalize
}

@media only screen and (max-width: 767px) {
    .popup--block--button-container {
        flex-direction: column;
        width: 100%
    }

    .popup--block--button-container>* {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .popup--block--root[data-text-alignment=center] .popup--block--button-container {
        justify-content: center
    }

    .popup--block--root[data-text-alignment=right] .popup--block--button-container {
        justify-content: flex-end
    }
}

.search--root {
    display: block
}

.search--bar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing--item)
}

.search--bar {
    display: flex;
    align-items: center;
    gap: var(--spacing--1);
    background-color: var(--color--gray);
    border-radius: var(--spacing--1);
    padding: 6px;
    width: calc(20% + var(--spacing--block))
}

@media only screen and (max-width: 767px) {
    .search--bar {
        width: 100%
    }
}

.search--clear {
    cursor: pointer;
    display: flex
}

.search--clear:hover {
    opacity: .8
}

.search--clear[aria-hidden=true] {
    display: none
}

.search--cancel {
    display: flex;
    cursor: pointer
}

input[type=search].search--textbox {
    padding: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    margin: 0;
    height: 24px
}

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

input[type=text]::-ms-clear {
    display: none
}

.search--icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.search--root[data-loading=true] .search--icon .icon--search {
    display: none
}

.search--icon .icon--spinner {
    scale: 1.4
}

.search--root[data-loading=false] .search--icon .icon--spinner {
    display: none
}

.search--results {
    display: flex
}

@media only screen and (min-width: 768px) {
    .search--results {
        gap: var(--spacing--block)
    }
}

@media only screen and (max-width: 767px) {
    .search--results {
        flex-direction: column
    }
}

.search--results>* {
    padding-top: var(--spacing--block);
    width: 100%
}

.predictive-search--products {
    width: 100%
}

.predictive-search--products:empty {
    display: none
}

@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .predictive-search--product-grid[data-container=panel] {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.predictive-search--heading {
    display: flex;
    padding-bottom: var(--spacing--item)
}

.predictive-search--resources {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--block)
}

@media only screen and (max-width: 767px) {
    .predictive-search--resources {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .predictive-search--resources {
        flex: 1 0 20%
    }
}

.predictive-search--item a span {
    font-weight: 700
}

.predictive-search--container {
    display: grid;
    grid-gap: var(--spacing--1)
}

.predictive-search--view-all {
    margin-top: var(--spacing--block);
    text-align: right
}

.price-range--wrapper {
    padding-bottom: var(--spacing--item);
    position: relative;
    display: flex
}

.price-range--button {
    position: absolute;
    top: -16px;
    padding: var(--spacing--2);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform: translateX(0)
}

.price-range--button:first-of-type {
    left: -13px
}

.price-range--button:last-of-type {
    right: -13px
}

.price-range--button:active>* {
    scale: 1.4;
    outline: 1px solid var(--color--accent-1);
    border: 1px solid var(--border--dark)
}

@media only screen and (max-width: 767px) {
    .price-range--button:active>* {
        scale: 1.8
    }
}

.price-range--button:hover {
    cursor: pointer
}

.price-range--button>* {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--button--bg-color);
    pointer-events: none
}

.price-range--line {
    background-color: var(--color--gray);
    border-radius: 3px;
    height: 3px;
    width: 100%;
    transition: width .4s var(--transition--ease-out)
}

.price-range--line>* {
    background: var(--progress-bar);
    width: 100%;
    height: 100%
}

.price-range--fields {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.price-range--field {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 40%
}

.price-range--separator {
    line-height: 45px
}

.price-range--currency {
    line-height: 45px;
    padding-left: var(--spacing--1);
    position: absolute
}

.price-range--input {
    margin: 0;
    text-align: end;
    padding-right: var(--spacing--1)
}

.main-product--root[data-text-alignment=center] :is(.product-rating--root, .product-price--unit-container, .social-icons--root .social-icons--items, .product--breadcrumbs .breadcrumbs--root, .swatches--header, .swatches--container, .radios--header, .radios--container) {
    justify-content: center
}

.main-product--root[data-text-alignment=center] .product--label {
    margin: 0 auto
}

.main-product--root[data-text-alignment=right] :is(.product-rating--root, .product-price--unit-container, .social-icons--root .social-icons--items, .product--breadcrumbs .breadcrumbs--root, .swatches--header:has(>*:only-child), .swatches--container, .disclosure--label:has(>*:only-child), .radios--header:has(>*:only-child), .radios--container) {
    justify-content: flex-end
}

.main-product--root[data-text-alignment=right] :is(.disclosure--label, .swatches--header, .swatches--name, .radios--header)>*:first-child:not(:only-child) {
    order: 1
}

.main-product--root[data-text-alignment=right] .product--label {
    margin-left: auto
}

@media only screen and (min-width: 768px) {
    .main-product--root[data-container-width="6"] {
        padding-right: var(--spacing--block)
    }
}

.main-product--root .breadcrumbs--root {
    padding-top: 0
}

.main-product--wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch;
    position: relative;
    gap: var(--spacing--block)
}

@media only screen and (max-width: 767px) {
    .main-product--wrapper {
        flex-direction: column
    }
}

.product--header {
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% - var(--text-column-width) - var(--spacing--block));
    padding: var(--spacing--section--y) var(--spacing--block);
    position: absolute
}

.main-product--root[data-text-alignment=left]:not([data-container-width="6"]) .product--header {
    margin-left: calc(-0.5*(50vw - 50%));
    padding: var(--spacing--section--y) 0
}

.layout--viewport:is([data-modal-status=opened], :not([data-drawer-status=closed])) .product--header {
    visibility: hidden
}

.product--header>h1 {
    top: calc(var(--spacing--item) + var(--sticky-offset));
    left: 0;
    position: sticky;
    color: var(--bg-color--body);
    mix-blend-mode: difference;
    pointer-events: none;
    text-transform: capitalize;
    z-index: 1
}

.main-product--desktop {
    width: calc(100% - var(--text-column-width) - var(--spacing--block))
}

@media only screen and (min-width: 768px) {
    .main-product--desktop .product-media--variants--root {
        position: sticky;
        top: var(--sticky-offset)
    }
}

.main-product--mobile {
    width: 100%
}

.main-product--mobile .carousel-navigation {
    align-self: center
}

.main-product--form {
    display: block
}

@media only screen and (max-width: 767px) {
    .main-product--form {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .main-product--form {
        position: sticky;
        top: calc(var(--sticky-offset) + var(--spacing--1));
        width: var(--text-column-width);
        height: -moz-fit-content;
        height: fit-content;
        transition: top .2s var(--transition--standard)
    }

    .main-product--root[data-spacing-above=none] .main-product--form {
        top: calc(var(--sticky-offset) + var(--spacing--neg-item));
        padding-top: var(--spacing--block)
    }
}

.product--block[data-block-type] {
    margin-top: var(--spacing--block)
}

.product--block[data-block-type=icon]+.product--block[data-block-type=icon] {
    margin-top: var(--spacing--1)
}

.product--block:is([data-block-type=price], [data-block-type=vendor], [data-block-type=rating], [data-block-type=sku], [data-block-type=heading]) {
    margin-top: var(--spacing--item)
}

input[type=hidden]+.product--block[data-block-type],
.product--block[data-block-type]:first-child {
    margin-top: 0
}

.product--block[data-block-type]:is(:empty, :has(>*:empty), [aria-hidden=true]) {
    display: none
}

@media only screen and (max-width: 767px) {
    .product--breadcrumbs+.product--block {
        margin-top: 0
    }
}

.product--block--add-to-cart {
    width: 100%
}

.product-block--icon-container {
    display: flex;
    gap: var(--spacing--item);
    align-items: center
}

[data-text-alignment=center] .product-block--icon-container {
    justify-content: center
}

[data-text-alignment=right] .product-block--icon-container {
    justify-content: flex-end
}

[data-text-alignment=right] .product-block--icon-container .product-block--icon {
    order: 1
}

.product-block--icon>:is(svg, img) {
    height: var(--width);
    width: auto
}

.product-price--root {
    display: block
}

@media only screen and (max-width: 767px) {
    .product-price--root {
        display: flex;
        flex-flow: column wrap
    }
}

.product-price--wrapper {
    display: flex;
    gap: 4px
}

@media only screen and (max-width: 767px) {
    .product-price--wrapper {
        flex-shrink: 0
    }
}

.product-price--original {
    display: inline-block;
    font-size: 20px
}

@media only screen and (max-width: 767px) {
    .product-price--original {
        font-size: 16px
    }
}

.product-price--reference-value[aria-hidden=true] {
    display: none
}

.product-price--compare {
    text-decoration: line-through;
    color: var(--color--body--light)
}

.product-price--compare[aria-hidden=true] {
    display: none
}

.product-price--unit-container {
    display: flex
}

.product-price--unit-container:is(:empty, [aria-hidden=true]) {
    display: none
}

@media only screen and (max-width: 767px) {
    [data-block-type=price] .product-price--unit-container {
        justify-content: center
    }
}

.product-buy-buttons--root {
    position: relative
}

.product-buy-buttons--primary {
    width: 100%;
    display: grid
}

.product-buy-buttons--primary>* {
    grid-area: 1/-1
}

.product-buy-buttons--primary[aria-busy=true] .product-buy-buttons--cta-text {
    opacity: 0
}

.product-buy-buttons--primary[aria-busy=false] .product-buy-buttons--spinner {
    opacity: 0
}

.product-buy-buttons--smart {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.product-buy-buttons--smart[data-transition-button] .shopify-payment-button__button {
    position: relative;
    overflow: hidden
}

.product-buy-buttons--smart[data-transition-button] .shopify-payment-button__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transform: skew(-15deg);
    background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.75), transparent)
}

.product-buy-buttons--smart[data-transition-button] .shopify-payment-button__button:hover:not([disabled]):not([aria-busy=true]) {
    transition-delay: var(200ms)
}

.product-buy-buttons--smart[data-transition-button] .shopify-payment-button__button:hover:not([disabled]):not([aria-busy=true])::after {
    animation: shine 1s ease
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--text-transform);
    letter-spacing: 1px;
    font-size: var(--font--size);
    --text-transform: var(--font--button--uppercase);
    --font--size: var(--font--button--size);
    letter-spacing: var(--font--button--spacing);
    text-align: center;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    text-wrap: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--button--radius);
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    line-height: 40px;
    padding: 0 var(--spacing--3);
    width: -moz-fit-content;
    width: fit-content;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:is(:link, :visited) {
    color: var(--button--color)
}

.no-touchevents .product-buy-buttons--smart .shopify-payment-button__button--unbranded {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:active:not([disabled]) {
    scale: .98
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded .icon--root>* {
    fill: currentColor
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([href])>* {
    pointer-events: none
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded,
.product-buy-buttons--smart .shopify-payment-button__button--unbranded:is(:link, :visited, :focus-visible, :hover) {
    color: var(--button--color);
    background: var(--button--bg-color);
    border: 2px solid var(--button--bg-color)
}

[data-text-color=white] .product-buy-buttons--smart .shopify-payment-button__button--unbranded,
[data-text-color=white] .product-buy-buttons--smart .shopify-payment-button__button--unbranded:is(:link, :visited, :focus-visible, :hover) {
    color: var(--color--body);
    background: #fff;
    border: 2px solid #fff
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded {
    width: 100%
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background-color: var(--button--bg-color)
}

.product-buy-buttons--smart .shopify-payment-button__more-options {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--text-transform);
    letter-spacing: 1px;
    font-size: var(--font--size);
    margin: var(--spacing--item) 0 0 0;
    text-decoration: underline;
    color: var(--color--body)
}

.product-buy-buttons--smart .shopify-payment-button__more-options:is(:hover, :focus-visible) {
    background-color: unset;
    color: var(--color--body)
}

.product-buy-buttons--smart[aria-hidden=true] {
    pointer-events: none;
    opacity: .7
}

.product-buy-buttons--smart[aria-hidden=true] .shopify-payment-button__button--unbranded {
    pointer-events: none
}

.product-buy-buttons--smart:empty {
    display: none
}

.product-buy-buttons--drawer {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--1);
    position: fixed;
    transform: translate3d(0, 50%, 0);
    width: 100%;
    bottom: 0;
    padding: var(--spacing--item);
    margin-left: var(--spacing--neg-item);
    background-color: var(--bg-color--body-translucent);
    opacity: 0;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    transition: all 300ms var(--transition--standard);
    z-index: -1
}

.product-buy-buttons--drawer[aria-hidden=false] {
    z-index: 4;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.layout--viewport[data-drop-shadows=true] .product-buy-buttons--drawer[aria-hidden=false] {
    box-shadow: var(--box-shadow--top)
}

.layout--viewport[data-drop-shadows=false] .product-buy-buttons--drawer[aria-hidden=false] {
    border-top: 1px solid var(--border--dark)
}

.product-buy-buttons--drawer-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing--1)
}

.product-buy-buttons--drawer-info-container {
    display: flex;
    gap: var(--spacing--block);
    align-items: flex-start
}

.product-buy-buttons--drawer-variant {
    display: flex;
    gap: var(--spacing--1)
}

.product-buy-buttons--drawer-change {
    padding: var(--spacing--0) 0;
    color: var(--color--body)
}

.product-options--root {
    display: block
}

.product-size-chart--link {
    display: block
}

.product-size-chart--modal {
    padding: var(--spacing--section);
    background: var(--bg-color--body);
    text-align: center
}

@media only screen and (max-width: 767px) {
    .product-size-chart--modal {
        padding: var(--spacing--block) var(--spacing--item)
    }
}

.product-unavailable--root[aria-hidden=true] {
    display: none
}

.product-unavailable--root[aria-busy=true] .product-unavailable--text {
    opacity: 0;
    visibility: hidden
}

.product-unavailable--root[aria-busy=false] .product-unavailable--loading {
    display: none
}

.product-unavailable--form {
    width: 100%;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .product-unavailable--form {
        border: 1px solid var(--border--dark);
        border-radius: calc(var(--button--radius) + 1px);
        background-color: var(--bg-color--textbox)
    }

    .product-unavailable--form:has(input:focus-visible) {
        outline: -webkit-focus-ring-color auto 1px
    }

    [data-text-color=white] .product-unavailable--form {
        background-color: var(--button--bg-color);
        color: var(--button--color)
    }
}

@media only screen and (max-width: 1023px) {
    .product-unavailable--form {
        gap: var(--spacing--1);
        flex-direction: column
    }
}

.product-unavailable--input {
    border-radius: calc(var(--button--radius) + 1px);
    margin-bottom: 0
}

.product-unavailable--input:-webkit-autofill {
    -webkit-background-clip: text
}

[data-text-color=white] .product-unavailable--input {
    background-color: var(--button--bg-color);
    color: var(--button--color)
}

[data-text-color=white] .product-unavailable--input:-webkit-autofill {
    -webkit-text-fill-color: var(--button--color)
}

[data-text-color=white] .product-unavailable--input::-webkit-input-placeholder {
    color: var(--button--color)
}

[data-text-color=white] .product-unavailable--input:-moz-placeholder {
    color: var(--button--color)
}

[data-text-color=white] .product-unavailable--input::-moz-placeholder {
    color: var(--button--color)
}

[data-text-color=white] .product-unavailable--input:-ms-input-placeholder {
    color: var(--button--color)
}

@media only screen and (max-width: 1023px) {
    .product-unavailable--input::-webkit-input-placeholder {
        text-align: center
    }

    .product-unavailable--input:-moz-placeholder {
        text-align: center
    }

    .product-unavailable--input::-moz-placeholder {
        text-align: center
    }

    .product-unavailable--input:-ms-input-placeholder {
        text-align: center
    }
}

@media only screen and (min-width: 1024px) {
    .product-unavailable--input {
        border: 0
    }

    .product-unavailable--input:focus-visible {
        outline: 0;
        border: 0
    }
}

@media only screen and (max-width: 1023px) {
    .product-unavailable--submit {
        width: 100%
    }

    .product-unavailable--submit button {
        width: 100%
    }
}

.product-unavailable--text-wrapper {
    position: relative
}

.product-unavailable--loading {
    position: absolute;
    inset: 0
}

.product-low-stock--root {
    display: block
}

.product-low-stock--bar {
    margin-top: var(--spacing--1);
    height: 4px;
    background: var(--color--gray);
    border-radius: 4px
}

.product-low-stock--bar::after {
    content: "";
    display: block;
    height: 100%;
    background: var(--progress-bar);
    border-radius: 5px;
    width: var(--progress-percent);
    transition: width .4s var(--transition--standard)
}

@media only screen and (min-width: 768px) {
    .media-with-highlight--root .stacked-text--root:only-child .stacked-text--wrapper {
        padding-top: 0px;
        padding-bottom: 0px
    }
}

@media only screen and (max-width: 767px) {
    .media-with-highlight--root .stacked-text--root:only-child .stacked-text--wrapper {
        padding: 0
    }
}

.media-with-highlight--block {
    display: grid
}

.media-with-highlight--block>* {
    grid-area: 1/-1
}

.media-with-highlight--block .video--root {
    border-radius: var(--image--radius);
    overflow: hidden
}

.media-with-highlight--block .video--header {
    margin: var(--spacing--item)
}

@media only screen and (max-width: 767px) {
    .media-with-highlight--navigation .carousel-navigation {
        justify-content: center
    }
}

.product-card--root {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    width: 100%
}

.product-card--root[data-text-layout=center] {
    text-align: center
}

.product-card--root[data-text-layout=left] {
    text-align: left
}

.product-card--root[data-text-layout=right] {
    text-align: right
}

@media only screen and (min-width: 1024px) {
    .product-card--root[data-text-layout=right] {
        text-align: left
    }
}

.product-card--root>a {
    display: block;
    width: 100%
}

.product--labels {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: var(--spacing--2);
    left: var(--spacing--2);
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .product--labels {
        font-size: 11px
    }
}

.product--label {
    display: block;
    width: -moz-max-content;
    width: max-content
}

.product--label[data-label-shape=round] {
    padding: 2px var(--spacing--1);
    border-radius: 20px
}

.product--label[data-label-shape=square] {
    padding: 4px var(--spacing--1)
}

.product--label:is([data-background-color=none], [data-background-color=light]) {
    border: 1px solid var(--border--dark)
}

.product--label:empty {
    display: none
}

.product--label:last-child {
    height: -moz-fit-content;
    height: fit-content
}

.product--label:not(:last-child) {
    margin: 0 var(--spacing--1) var(--spacing--1) 0
}

.product-card--image-wrapper {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    position: relative
}

.product-card--image {
    opacity: 1;
    transition: opacity .5s
}

.product-card--image[aria-hidden=true] {
    opacity: 0
}

@media(hover: hover) {
    .product-card--root:has(.product-card--hover-image) .product-card--image-wrapper:hover .product-card--image {
        opacity: 0
    }
}

.product-card--hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    transition: opacity .5s;
    overflow: hidden
}

@media(hover: hover) {
    .product-card--root:has(.product-card--hover-image) .product-card--image-wrapper:hover .product-card--hover-image {
        opacity: 1
    }
}

.product-card--details-wrapper {
    display: flex;
    gap: var(--spacing--1);
    flex-direction: column
}

.product-card--details {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--1);
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .product-card--root:not([data-text-layout=center]) .product-card--details {
        flex-direction: row;
        align-items: baseline;
        justify-content: space-between
    }
}

@media only screen and (min-width: 768px) {
    [data-columns="2"] .product-card--root:not([data-text-layout=center]) .product-card--details {
        align-items: baseline;
        flex-direction: row;
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .product-card--details {
        max-width: var(--max-width--x-small);
        margin: 0 auto
    }
}

.product--price-container {
    display: flex;
    flex-direction: column
}

.product--price-wrapper {
    display: flex;
    gap: var(--spacing--0)
}

.product-card--root[data-text-layout=center] .product--price-wrapper {
    justify-content: center
}

.product-card--root[data-text-layout=right] .product--price-wrapper {
    text-align: right;
    justify-content: flex-end;
    flex-wrap: wrap
}

.product-card--root[data-text-layout=left] .product--price-wrapper {
    flex-wrap: wrap
}

@media only screen and (min-width: 1024px) {
    .product-card--root[data-text-layout=left] .product--price-wrapper {
        text-align: right;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 768px) {
    [data-columns="2"] .product-card--root[data-text-layout=left] .product--price-wrapper {
        text-align: right;
        justify-content: end
    }
}

.product--compare-price {
    text-decoration: line-through
}

.product--unit-price-container {
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .product-card--root:not([data-text-layout=center]) .product--unit-price-container {
        align-self: flex-end
    }
}

@media only screen and (min-width: 768px) {
    [data-columns="2"] .product-card--root:not([data-text-layout=center]) .product--unit-price-container {
        align-self: flex-end
    }
}

.product--from[data-item] {
    text-transform: capitalize;
    padding: 0;
    flex-basis: initial
}

.product-card--vendor {
    word-break: break-word
}

[data-text-color=white] .product-card--vendor {
    color: #fff
}

.product-card--vendor a {
    color: var(--color--body--light)
}

@media only screen and (max-width: 767px) {
    .product-card--vendor a {
        padding: var(--spacing--item) calc(var(--spacing--item)/2) calc(var(--spacing--item)/2)
    }
}

.product-card--root .product-card--title {
    word-break: break-word
}

@media only screen and (max-width: 767px) {
    .product-card--title a {
        padding: calc(var(--spacing--item)/2) calc(var(--spacing--item)/2) var(--spacing--item)
    }
}

.product-card--details-wrapper .product-rating--root:empty {
    display: none
}

.product-card--root[data-text-layout=center] .product-card--details-wrapper .product-rating--root {
    justify-content: center
}

.product-card--root[data-text-layout=left] .product-card--details-wrapper .product-rating--root {
    justify-content: flex-start
}

@media only screen and (min-width: 768px) {
    [data-columns="2"] .product-card--root[data-text-layout=right] .product-card--details-wrapper .product-rating--root {
        justify-content: flex-start
    }
}

.product-card--root[data-text-layout=right] .product-card--details-wrapper .product-rating--root {
    justify-content: flex-end
}

@media only screen and (min-width: 1024px) {
    .product-card--root[data-text-layout=right] .product-card--details-wrapper .product-rating--root {
        justify-content: flex-start
    }
}

.product-card--root[data-text-layout=center] .product-card--swatches--column-view {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .product-card--root:not([data-text-layout=center]) .product-card--swatches--column-view {
        display: none
    }
}

.product-card--root[data-text-layout=right] .product-card--swatches--column-view .swatches--container {
    justify-content: flex-end
}

.product-card--root[data-text-layout=center] .product-card--swatches--horizontal-view {
    display: none
}

.product-card--root:not([data-text-layout=center]) .product-card--swatches--horizontal-view {
    display: none
}

@media only screen and (min-width: 1024px) {
    .product-card--root:not([data-text-layout=center]) .product-card--swatches--horizontal-view {
        display: block
    }
}

.drawer--side[data-side=right] .product-model--button[data-item] {
    display: none
}

.product-card--mini {
    background-color: var(--bg-color--body-translucent);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    display: block
}

[data-item=rte-content] .product-card--mini[data-product-item] {
    text-decoration: none
}

.product-card--mini--wrapper {
    display: flex;
    gap: var(--spacing--item);
    position: relative
}

.product-card--mini--wrapper .product-quick-add {
    margin: -4px
}

.product-card--mini--info {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--1);
    margin-right: var(--spacing--block)
}

@media only screen and (min-width: 768px) {
    .product-card--mini--info {
        margin-bottom: var(--spacing--block)
    }
}

.product-card--mini--image {
    width: 60px;
    min-width: 60px;
    align-self: stretch
}

.product-card--mini--image img {
    height: 100%
}

.product-card--mini--image .placeholder--root {
    width: 60px
}

.product-quick-add {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: var(--spacing--0);
    margin: var(--spacing--1);
    display: block;
    transition: all .4s var(--transition--ease-out);
    transform-origin: bottom right
}

@media only screen and (min-width: 768px) {
    .product-quick-add[data-hover=true] {
        opacity: 0;
        transform: scale(0)
    }

    *:has(>.product-quick-add[data-hover=true] .product-quick-add--button:focus-visible:not([disabled])) .product-quick-add[data-hover=true],
    *:has(>.product-quick-add[data-hover=true]):hover>.product-quick-add[data-hover=true] {
        opacity: 1;
        transform: scale(1)
    }
}

.product-quick-add--media .carousel-navigation {
    align-self: center
}

.product-quick-add--button {
    display: inline-flex;
    gap: var(--spacing--1);
    align-items: center;
    overflow: hidden;
    height: var(--spacing--block);
    width: var(--spacing--block);
    padding: 0 10px;
    border-radius: var(--spacing--item);
    border: 1px solid var(--border--dark);
    background-color: var(--bg-color--body);
    transition: width .3s var(--transition--standard), transform .2s var(--transition--ease-out);
    transform: scale(1)
}

@media only screen and (min-width: 768px) {

    .product-quick-add--button:focus-visible:not([disabled]),
    .product-quick-add:hover .product-quick-add--button:not([disabled]) {
        width: var(--expanded-width)
    }
}

.product-quick-add--button:active {
    transform: scale(0.96)
}

.product-quick-add--icon {
    display: grid;
    align-items: center
}

.product-quick-add--icon>* {
    grid-area: 1/-1
}

.product-quick-add--text {
    white-space: nowrap;
    display: none
}

@media only screen and (min-width: 768px) {

    .product-quick-add--button:focus-visible:not([disabled]) .product-quick-add--text,
    .product-quick-add:hover .product-quick-add--button:not([disabled]) .product-quick-add--text {
        display: block
    }
}

.product-quick-add[aria-busy=true] .icon--plus {
    opacity: 0
}

.product-quick-add .icon--spinner {
    margin: 0 -10px;
    max-width: 30px;
    max-height: 30px
}

.product-quick-add[aria-busy=false] .icon--spinner {
    opacity: 0
}

.product-quick-add--form {
    --buy-buttons--height: calc(45px + 2 * var(--spacing--item));
    position: relative;
    overflow: auto;
    height: 100vh;
    height: 100dvh;
    padding: 0;
    scrollbar-width: none
}

.product-quick-add--form::-webkit-scrollbar {
    display: none
}

.product-quick-add--form .product-buy-buttons--root {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: var(--bg-color--body-translucent);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    padding: var(--spacing--item)
}

.layout--viewport[data-drop-shadows=true] .product-quick-add--form .product-buy-buttons--root {
    box-shadow: var(--box-shadow--top)
}

.layout--viewport[data-drop-shadows=false] .product-quick-add--form .product-buy-buttons--root {
    border-top: 1px solid var(--border--dark)
}

.product-quick-add--form[aria-hidden=true] {
    display: none
}

.product-quick-add--form--wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    padding: var(--spacing--item) var(--spacing--item) calc(var(--spacing--block) + var(--buy-buttons--height))
}

.product-media--root[data-media-type=image] .product-media--modal {
    cursor: zoom-in
}

.product-video--root {
    width: 100%;
    margin: 0 auto;
    display: block;
    border-radius: var(--image--radius);
    overflow: hidden
}

.product-video--root:focus-visible {
    outline: none
}

.product-video--container {
    position: relative;
    width: 100%;
    padding-top: calc(100%/var(--product-media--aspect-ratio))
}

.product-video--container>:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-video--container button {
    height: unset
}

.product-video--container .plyr--video:focus-visible {
    outline: none
}

.product-video--container .plyr__control--overlaid:hover {
    background: var(--button--color)
}

.product-video--container .plyr__controls .plyr__control:hover {
    color: unset
}

.product-model--root {
    width: 100%;
    max-width: 100%;
    padding-top: calc(100%/var(--product-media--aspect-ratio));
    position: relative;
    display: flex;
    flex: 1 1 auto
}

.product-model--root .shopify-model-viewer-ui {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.product-model--root model-viewer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid var(--color--gray);
    text-align: left;
    border-radius: var(--image--radius)
}

.product-model--root model-viewer:focus-visible {
    outline: none
}

.product-model--root button[hidden] {
    display: none
}

.product-model--button[data-item] {
    display: none;
    width: 100%;
    margin-top: var(--spacing--item)
}

@media only screen and (max-width: 767px) {
    .product-model--button[data-item] {
        display: block
    }
}

.product-model--button[data-item]>* {
    width: 100%;
    text-align: center
}

.product-zoom--root {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: var(--image--radius)
}

.product-zoom--root::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid var(--color--gray);
    border-radius: var(--image--radius);
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease
}

.product-zoom--root:hover::after {
    opacity: 1
}

.product-zoom--enlarged {
    position: absolute;
    background-color: var(--bg-color--body);
    width: var(--enlarged-width);
    left: var(--offset-x);
    top: var(--offset-y)
}

.product-zoom--enlarged[aria-hidden=true] {
    display: none
}

.product-media--thumbs {
    display: block;
    position: relative
}

@media only screen and (min-width: 768px) {
    .product-media--thumbs {
        order: 1;
        width: var(--thumbnail-width)
    }
}

@media only screen and (max-width: 767px) {
    .product-media--thumbs {
        padding-top: var(--media-gap)
    }
}

@media only screen and (max-width: 767px) {
    .product-media--thumbs-wrapper {
        display: grid;
        grid-gap: var(--media-gap);
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media only screen and (min-width: 768px) {
    .product-media--thumbs-wrapper {
        display: flex;
        gap: var(--media-gap);
        justify-content: flex-start;
        flex-direction: column;
        overflow-y: scroll;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        scrollbar-width: none
    }

    .product-media--thumbs-wrapper::-webkit-scrollbar {
        display: none
    }
}

.product-media--thumb {
    cursor: pointer;
    width: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.product-media--thumb[data-active=true]::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid var(--color--gray);
    pointer-events: none;
    border-radius: var(--image--radius)
}

.product-media--thumb svg.icon--root {
    top: 1px;
    right: 1px;
    position: absolute;
    background-color: var(--bg-color--body);
    border: 1px solid var(--color--gray);
    margin: var(--spacing--0)
}

.product-media--thumb svg.icon--root path {
    fill: var(--color--body);
    opacity: .6
}

.product-media--thumb>* {
    pointer-events: none
}

.product-media--variants--root {
    display: block;
    width: 100%
}

.product-media--variants--root[data-layout=thumbnails] {
    display: flex
}

@media only screen and (min-width: 768px) {
    .product-media--variants--root[data-layout=thumbnails] {
        gap: var(--spacing--block)
    }

    .product-media--variants--root[data-layout=thumbnails] .product-media--container {
        order: 2
    }

    .product-media--variants--root[data-layout=thumbnails] .product-media--root {
        display: flex;
        margin: 0 auto;
        width: 100%;
        max-width: calc((100vh - var(--spacing--section--y))*var(--product-media--aspect-ratio))
    }
}

@media only screen and (max-width: 767px) {
    .product-media--variants--root[data-layout=thumbnails] {
        flex-direction: column
    }
}

.product-media--variants--root[data-layout=thumbnails] .product-media--root[data-active=false] {
    display: none
}

.product-media--variants {
    display: block;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .product-media--variants--root[data-layout=thumbnails] .product-media--variants {
        order: 2
    }
}

.product-media--variants--root[data-layout=one] .product-media--variants {
    grid-gap: var(--media-gap)
}

@media only screen and (min-width: 768px) {
    .product-media--variants--root[data-layout=two] .product-media--variants[data-container] {
        grid-gap: var(--media-gap)
    }
}

.product-media--variants--root[data-layout=mixed] .product-media--variants {
    display: grid;
    grid-gap: var(--media-gap)
}

.product-media--variants--root[data-layout=mixed] .product-media--variants .product-media--active {
    width: 100%
}

.product-media--container {
    width: 100%
}

.product-media--container[data-container] {
    grid-gap: var(--media-gap)
}

.product-media--container[data-masonry-layout] {
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    gap: var(--media-gap)
}

.product-media--container[data-masonry-layout]>* {
    width: calc((100% - var(--media-gap))/2)
}

.product-media--container[data-masonry-layout]>*:nth-child(odd) {
    order: 1
}

.product-media--container[data-masonry-layout]>*:nth-child(even) {
    order: 2
}

.product-pickup--root {
    display: block
}

.pickup--form:empty {
    display: none
}

.pickup--form[data-loading=true] {
    opacity: .5
}

.product-pickup--spinner {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: var(--spacing--block) 0
}

.pickup--form--container {
    display: flex;
    gap: var(--spacing--1)
}

.product-pickup--root[data-loading=true] .pickup--form--container {
    opacity: .4
}

.pickup--form--container .icon--root {
    height: 1em;
    flex-shrink: 0;
    margin-top: var(--spacing--0)
}

.pickup--form--container .icon--root path {
    fill: currentColor
}

.pickup--form--container .icon--checkmark--small {
    color: var(--color--success)
}

.pickup--form--container .icon--cross--small {
    color: var(--color--alert)
}

.pickup--form--info {
    text-align: left
}

.pickup--form--stores {
    padding-top: calc(var(--spacing--item)/2)
}

.pickup--drawer--container {
    padding: var(--spacing--section--mobile)
}

.pickup--drawer--container .icon--root {
    height: 1.75em;
    flex-shrink: 0
}

.pickup--drawer--container .icon--root path {
    fill: currentColor
}

.pickup--drawer--container .icon--checkmark--small {
    color: var(--color--success)
}

.pickup--drawer--container .icon--cross--small {
    color: var(--color--alert)
}

.pickup--drawer--header {
    padding-bottom: var(--spacing--item)
}

.pickup--drawer--product-title {
    padding-bottom: var(--spacing--1)
}

.pickup--drawer--list-item {
    padding: var(--spacing--item) 0;
    border-top: 1px solid var(--border--dark)
}

.pickup--drawer--list-item:last-child {
    border-bottom: 1px solid var(--border--dark)
}

.pickup--drawer--list-item>* {
    width: -moz-fit-content;
    width: fit-content
}

.pickup--drawer--list-location-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: var(--spacing--1)
}

.pickup--drawer--list-stock {
    padding-bottom: var(--spacing--1);
    display: flex
}

.pickup--drawer--list-text {
    padding-left: var(--spacing--1)
}

.pickup--drawer--list-phone {
    padding-top: var(--spacing--1)
}

.pickup--drawer--return {
    padding-top: var(--spacing--item);
    cursor: pointer
}

.product-rating--root {
    display: flex;
    align-items: center;
    gap: var(--spacing--0)
}

.product-rating--root::after {
    content: "(" attr(data-count) ")"
}

@media only screen and (max-width: 767px) {
    .product-rating--root::after {
        font-size: 12px
    }
}

.product-rating--stars {
    letter-spacing: 4px;
    --rating-percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * 16 / (var(--rating-max) * (16 + 4))) * 100%)
}

.product-rating--stars::before {
    content: "★★★★★";
    --star-color: var(--color--body);
    --star-bg-opacity: 0.15;
    background: linear-gradient(90deg, var(--star-color) var(--rating-percent), rgba(0, 0, 0, var(--star-bg-opacity)) var(--rating-percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

[data-text-color=white] .product-rating--stars::before {
    --star-color: white;
    --star-bg-opacity: 0.3
}

[data-text-color=body] .product-rating--stars::before {
    --star-color: var(--color--body);
    --star-bg-opacity: 0.15
}

.quantity-selector--root {
    display: block
}

.quantity-selector--container {
    align-items: center;
    background: var(--bg-color--textbox);
    border-radius: var(--spacing--0);
    display: inline-flex;
    position: relative;
    text-align: left
}

.quantity-selector--input {
    padding: 0 calc(var(--spacing--item)/2);
    margin: 0;
    text-align: center;
    width: 38px;
    height: 38px;
    z-index: 1;
    border-top: 1px solid var(--border--dark);
    border-bottom: 1px solid var(--border--dark);
    border-left: 0;
    border-right: 0;
    border-radius: 0
}

.quantity-selector--input[aria-busy=true] {
    color: var(--color--gray)
}

@media only screen and (max-width: 767px) {
    .quantity-selector--input {
        width: 45px
    }
}

.quantity-selector--plus,
.quantity-selector--minus {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 0 var(--spacing--1);
    cursor: pointer;
    background: var(--bg-color--textbox);
    display: flex;
    align-items: center;
    height: 38px
}

@media only screen and (max-width: 767px) {

    .quantity-selector--plus,
    .quantity-selector--minus {
        padding: 0 var(--spacing--item)
    }
}

.layout--viewport[data-drop-shadows=true] .quantity-selector--plus,
.layout--viewport[data-drop-shadows=true] .quantity-selector--minus {
    box-shadow: 0 -0.0625rem 0 0 var(--border--dark) inset, 0 0 0 .0625rem var(--border--dark) inset, 0 .03125rem 0 .09375rem #fff inset
}

.layout--viewport[data-drop-shadows=true] .quantity-selector--plus:active,
.layout--viewport[data-drop-shadows=true] .quantity-selector--minus:active {
    box-shadow: 0rem .125rem .0625rem 0rem var(--border--dark) inset, .0625rem 0rem .0625rem 0rem var(--border--dark) inset, -0.0625rem 0rem .0625rem 0rem var(--border--dark) inset
}

.layout--viewport[data-drop-shadows=false] .quantity-selector--plus,
.layout--viewport[data-drop-shadows=false] .quantity-selector--minus {
    border: 1px solid var(--border--dark)
}

.quantity-selector--plus>*,
.quantity-selector--minus>* {
    pointer-events: none
}

.quantity-selector--minus {
    border-top-left-radius: var(--spacing--0);
    border-bottom-left-radius: var(--spacing--0);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.quantity-selector--plus {
    border-top-right-radius: var(--spacing--0);
    border-bottom-right-radius: var(--spacing--0);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.quantity-selector--remove {
    padding-top: calc(var(--spacing--item)/4);
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    color: var(--color--body)
}

@media only screen and (max-width: 767px) {
    .quantity-selector--remove {
        padding-top: calc(var(--spacing--item)/2)
    }
}

.quantity-selector--remove:hover {
    cursor: pointer
}

.quantity-selector--remove>* {
    padding: calc(var(--spacing--item)/4);
    font-size: 12px
}

.radios--header {
    display: flex;
    gap: var(--spacing--1);
    padding-bottom: var(--spacing--1)
}

.radios--header:not(:has(>*:only-child)) {
    justify-content: space-between
}

.radios--container {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing--item)
}

.radios--value-button {
    border: 2px solid var(--color--gray)
}

.radios--value-button[data-unavailable=true] {
    background: linear-gradient(to left top, transparent calc(50% - 1px), var(--color--gray), transparent calc(50% + 1px))
}

.radios--value-button[data-unavailable=true]:checked>* {
    color: var(--color--gray)
}

.radios--value-button:hover {
    border-color: var(--color--body--light)
}

.radios--input[data-item=radio] {
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    position: absolute
}

.radios--value-button:has(>.radios--input[data-item=radio]:checked) {
    border-color: var(--color--body--light);
    color: var(--color--body)
}

.radios--value-button:has(>.radios--input[data-item=radio]:focus-visible) {
    outline: -webkit-focus-ring-color auto 2px;
    outline-offset: 3px
}

.recent-products--root {
    display: block
}

.recent-products--root[aria-hidden=true] {
    display: none
}

@media only screen and (max-width: 767px) {
    .recent-products--title {
        text-align: center
    }
}

.recent-products--grid[aria-hidden=true] {
    display: none
}

.recent-products--spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing--section--y) 0
}

[data-text-color=white] .recent-products--spinner {
    fill: #fff
}

.recent-products--spinner[aria-hidden=true] {
    display: none
}

.related-products--root[aria-hidden=true] {
    display: none
}

.related-products--title {
    text-align: center
}

.scrolling-content--root {
    --scrolling-content--mobile-gap: calc(var(--scrolling-content--gap) * 0.7);
    position: relative;
    overflow: hidden
}

.scrolling-content--blocks {
    display: flex;
    position: relative;
    gap: var(--scrolling-content--gap);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .scrolling-content--blocks {
        gap: var(--scrolling-content--mobile-gap)
    }
}

.scrolling-content--container {
    --animation-speed: calc(((10 - var(--scrolling-content--animation-speed)) * (40 - 3) / (10 - 1) + 3) * 1s);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--scrolling-content--gap);
    animation: scrolling-content var(--animation-speed) linear infinite;
    animation-play-state: var(--animation-state)
}

@media only screen and (max-width: 767px) {
    .scrolling-content--container {
        gap: var(--scrolling-content--mobile-gap);
        animation: scrolling-content-mobile var(--animation-speed) linear infinite;
        animation-play-state: var(--animation-state);
        transform: translateZ(0);
        backface-visibility: hidden
    }
}

.scrolling-content--root[data-hover-pause=true]:hover .scrolling-content--container {
    --animation-state: paused
}

.scrolling-content--root[data-direction=right] .scrolling-content--container {
    animation-direction: reverse
}

.scrolling-content--block-wrapper {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    margin: 0;
    gap: var(--spacing--item)
}

.scrolling-content--root[data-spacing-above=none] .scrolling-content--block:not([data-item=image]) .scrolling-content--block-wrapper {
    padding-top: 1px
}

.scrolling-content--root[data-spacing-below=none] .scrolling-content--block:not([data-item=image]) .scrolling-content--block-wrapper {
    padding-bottom: 1px
}

@media only screen and (max-width: 767px) {
    .scrolling-content--root[data-mobile-spacing-above=none] .scrolling-content--block:not([data-item=image]) .scrolling-content--block-wrapper {
        padding-top: 1px
    }

    .scrolling-content--root[data-mobile-spacing-below=none] .scrolling-content--block:not([data-item=image]) .scrolling-content--block-wrapper {
        padding-bottom: 1px
    }
}

.scrolling-content--block[data-item=image] .scrolling-content--block-wrapper>* {
    width: calc(var(--aspect-ratio)*var(--scrolling-content--block-height))
}

@media only screen and (max-width: 767px) {
    .scrolling-content--block[data-item=image] .scrolling-content--block-wrapper>* {
        width: calc(var(--mobile-aspect-ratio)*var(--scrolling-content--block-mobile-height))
    }
}

.scrolling-text-on-image--root {
    --scrolling-content--mobile-gap: calc(var(--scrolling-content--gap) * 0.7)
}

.scrolling-text-on-image--root[data-full-width-text=true] {
    overflow-x: hidden
}

.scrolling-text-on-image--wrapper {
    position: relative
}

.scrolling-text-on-image--root[data-full-width-text=false] .scrolling-text-on-image--wrapper {
    overflow-x: hidden
}

.scrolling-text-on-image--content {
    z-index: 1;
    position: absolute;
    inset: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.scrolling-text-on-image--blocks {
    display: flex;
    position: relative;
    gap: var(--scrolling-content--gap);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1;
    max-width: 100%
}

@media only screen and (max-width: 767px) {
    .scrolling-text-on-image--blocks {
        gap: var(--scrolling-content--mobile-gap)
    }
}

.scrolling-text-on-image--block-container {
    --animation-speed: calc(((10 - var(--scrolling-content--animation-speed)) * (40 - 3) / (10 - 1) + 3) * 1s);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--scrolling-content--gap);
    animation: scrolling-content var(--animation-speed) linear infinite;
    animation-play-state: var(--animation-state)
}

@media only screen and (max-width: 767px) {
    .scrolling-text-on-image--block-container {
        gap: var(--scrolling-content--mobile-gap);
        animation: scrolling-content-mobile var(--animation-speed) linear infinite;
        animation-play-state: var(--animation-state);
        transform: translateZ(0);
        backface-visibility: hidden
    }
}

.scrolling-text-on-image--root[data-hover-pause=true]:has(.scrolling-text-on-image--blocks:hover) .scrolling-text-on-image--block-container {
    --animation-state: paused
}

.scrolling-text-on-image--root[data-direction=right] .scrolling-text-on-image--block-container {
    animation-direction: reverse
}

.scrolling-text-on-image--block {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    margin: 0;
    gap: var(--spacing--item)
}

.search-results--root[data-view=product] {
    padding-top: var(--spacing--block)
}

.search-results--products {
    width: 100%
}

.search-results--spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing--8) 0
}

.search-results--spinner[aria-hidden=true] {
    display: none
}

.search-results--spinner-wrapper>* {
    margin: 0 auto
}

.search-results--heading {
    text-align: center
}

.search-results--filter-feedback {
    text-align: center;
    padding: var(--spacing--section--y) 0
}

@media only screen and (min-width: 768px) {
    [data-columns="2"] .search-results--filter-feedback {
        grid-column: 1/span 2
    }

    [data-columns="3"] .search-results--filter-feedback {
        grid-column: 1/span 3
    }

    [data-columns="4"] .search-results--filter-feedback {
        grid-column: 1/span 4
    }
}

@media only screen and (max-width: 767px) {
    [data-mobile-columns="1"] .search-results--filter-feedback {
        grid-column: 1/span 1
    }

    [data-mobile-columns="2"] .search-results--filter-feedback {
        grid-column: 1/span 2
    }
}

.search-results--button {
    text-align: center
}

.search-results--button a {
    padding: var(--spacing--item)
}

.search-results--pagination {
    width: 100%
}

.service-list--container {
    display: flex;
    justify-content: center;
    gap: var(--spacing--block)
}

.service-list--container:has(>.service-list--block-header--text) {
    flex-wrap: wrap
}

.service-list--container>.service-list--block-header--text {
    width: 100%;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .service-list--container {
        flex-direction: column
    }
}

@media only screen and (min-width: 768px) {
    .service-list--block-header--text {
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .service-list--block-header--text {
        text-align: left
    }
}

.service-list--single-column,
.service-list--left-column,
.service-list--right-column {
    display: none;
    height: -moz-fit-content;
    height: fit-content
}

.service-list--single-column:has(.service-list--blocks:empty),
.service-list--left-column:has(.service-list--blocks:empty),
.service-list--right-column:has(.service-list--blocks:empty) {
    display: none
}

.service-list--single-column:has(>*),
.service-list--left-column:has(>*),
.service-list--right-column:has(>*) {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--block)
}

@media only screen and (min-width: 768px) {

    .service-list--single-column,
    .service-list--left-column,
    .service-list--right-column {
        width: calc(50% - var(--spacing--block)/2)
    }
}

@media only screen and (max-width: 767px) {

    .service-list--single-column,
    .service-list--left-column,
    .service-list--right-column {
        width: 100%
    }
}

.service-list--blocks {
    display: flex;
    flex-direction: column
}

.service-list--root[data-show-description=false] .service-list--blocks {
    gap: var(--spacing--item)
}

.service-list--root[data-show-description=true] .service-list--blocks {
    gap: var(--spacing--block)
}

.service-list--block-header {
    text-align: center
}

.service-list--price {
    padding-left: var(--spacing--5);
    padding-bottom: 2px
}

.service-list--root[data-show-description=false] .service-list--price {
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: var(--spacing--2);
    padding-bottom: 0
}

.service-list--description {
    padding-top: var(--spacing--1)
}

.service-list--block-title {
    flex-grow: 1
}

.service-list--root[data-show-description=false] .service-list--block-title {
    flex-grow: 0;
    flex-shrink: 1;
    width: 100%;
    position: relative;
    overflow: hidden
}

.service-list--root[data-show-description=false] .service-list--block-title:after {
    content: "⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅";
    font-family: Arial, sans-serif;
    margin-left: var(--spacing--2);
    line-height: 2;
    position: absolute
}

.service-list--info {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border--dark);
    padding-bottom: var(--spacing--1);
    width: 100%
}

.service-list--root[data-show-description=false] .service-list--info {
    border-bottom: none;
    padding: 0
}

.service-list--root[data-text-color=white] .service-list--info {
    border-bottom: 1px solid var(--border--light)
}

.service-list--root[data-show-description=false] .service-list--block-title-text {
    display: inline
}

.shop-the-banner--image {
    position: relative
}

.shop-the-banner--button {
    display: block;
    height: unset;
    position: absolute;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
    left: var(--left);
    top: var(--top);
    padding: var(--padding)
}

@media only screen and (max-width: 767px) {
    .shop-the-banner--button {
        --padding: 18px;
        --left: calc(var(--mobile-x-pos) - 24px);
        --top: calc(var(--mobile-y-pos) - 24px)
    }
}

@media only screen and (min-width: 768px) {
    .shop-the-banner--button {
        --padding: var(--spacing--3);
        --left: calc(var(--x-pos) - 20px);
        --top: calc(var(--y-pos) - 20px)
    }
}

.shop-the-banner--button:is(:hover, :focus-visible) {
    background: rgba(0, 0, 0, 0)
}

.shop-the-banner--product {
    --left-offset: 0;
    --top-offset: 24px;
    position: absolute;
    min-width: 220px
}

.shop-the-banner--product[data-transition-active=true] {
    z-index: 3
}

@media only screen and (max-width: 767px) {
    .shop-the-banner--product {
        left: calc(var(--mobile-x-pos) + var(--left-offset));
        top: calc(var(--mobile-y-pos) + var(--top-offset))
    }
}

@media only screen and (min-width: 768px) {
    .shop-the-banner--product {
        left: calc(var(--x-pos) + var(--left-offset));
        top: calc(var(--y-pos) + var(--top-offset))
    }
}

.shop-the-banner--product>* {
    --padding: var(--spacing--1);
    padding: var(--padding);
    border-radius: calc(min(var(--image--radius) + var(--padding)/2, 32px)*var(--image--radius-enabled))
}

.layout--viewport[data-drop-shadows=true] .shop-the-banner--product>* {
    box-shadow: var(--box-shadow--center)
}

.layout--viewport[data-drop-shadows=false] .shop-the-banner--product>* {
    border: 1px solid var(--border--dark)
}

.shop-the-look--block {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .shop-the-look--block {
        flex-direction: column
    }
}

.shop-the-look--image {
    position: relative
}

@media only screen and (max-width: 767px) {
    .shop-the-look--image {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .shop-the-look--image {
        width: calc(100% - 300px + var(--spacing--block))
    }
}

.shop-the-look--products {
    display: grid;
    position: relative
}

@media only screen and (max-width: 767px) {
    .shop-the-look--products {
        margin-top: var(--spacing--neg-block);
        width: calc(100% - 2*var(--spacing--block))
    }
}

@media only screen and (min-width: 768px) {
    .shop-the-look--products {
        margin-left: var(--spacing--neg-block);
        width: 300px
    }
}

.shop-the-look--product {
    grid-area: 1/-1
}

.shop-the-look--product[aria-hidden=false] {
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .shop-the-look--product[data-transition-item][data-transition-type=slide-in] {
        transform: translate3d(32px, 0, 0)
    }
}

.shop-the-look--product .product-card--image-wrapper {
    border-radius: var(--image--radius);
    overflow: hidden;
    background-color: var(--bg-color--body)
}

.layout--viewport[data-drop-shadows=true] .shop-the-look--product .product-card--image-wrapper {
    box-shadow: var(--box-shadow--center)
}

.layout--viewport[data-drop-shadows=false] .shop-the-look--product .product-card--image-wrapper {
    border: 1px solid var(--border--dark)
}

@media only screen and (min-width: 768px) {
    .shop-the-look--product .product-card--details {
        padding: 0 var(--spacing--block)
    }
}

.shop-the-look--button {
    display: block;
    height: unset;
    position: absolute;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

@media only screen and (max-width: 767px) {
    .shop-the-look--button {
        padding: 18px;
        left: calc(var(--mobile-x-pos) - 24px);
        top: calc(var(--mobile-y-pos) - 24px)
    }

    .shop-the-look--button[data-transition-active=true] {
        padding: 10px;
        left: calc(var(--mobile-x-pos) - 16px);
        top: calc(var(--mobile-y-pos) - 16px)
    }
}

@media only screen and (min-width: 768px) {
    .shop-the-look--button {
        padding: var(--spacing--3);
        left: calc(var(--x-pos) - 20px);
        top: calc(var(--y-pos) - 20px)
    }

    .shop-the-look--button[data-transition-active=true] {
        padding: var(--spacing--1);
        left: calc(var(--x-pos) - 12px);
        top: calc(var(--y-pos) - 12px)
    }
}

.shop-the-look--button:is(:hover, :focus-visible) {
    background: rgba(0, 0, 0, 0)
}

.shop-the-look--next,
.shop-the-look--prev {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 1;
    top: calc(var(--product-image-height)/2 - var(--spacing--item))
}

.shop-the-look--prev {
    left: var(--spacing--neg-item)
}

.shop-the-look--next {
    right: var(--spacing--neg-item)
}

.shop-the-look--add {
    position: relative;
    margin-top: var(--spacing--block);
    justify-self: center;
    display: grid
}

.shop-the-look--add>* {
    grid-area: 1/-1
}

.shop-the-look--add[aria-busy=true] .shop-the-look--add-text {
    opacity: 0
}

.shop-the-look--add[aria-busy=false] .shop-the-look--spinner {
    opacity: 0
}

.carousel--root[data-section-id] {
    --dot-pos: 0px
}

.carousel--root[data-section-id][data-spacing-around-blocks=false] .carousel--prev {
    left: var(--spacing--1)
}

.carousel--root[data-section-id][data-spacing-around-blocks=false] .carousel--next {
    right: var(--spacing--1)
}

.carousel--root[data-transition-type=fade] .carousel--container {
    width: 100%;
    display: grid;
    grid-auto-rows: 1fr
}

@container (min-width: 768px) {
    .carousel--root[data-transition-type=fade] .carousel--container {
        grid-template-columns: repeat(var(--blocks-per-slide), 1fr)
    }
}

@container (max-width: 768px) {
    .carousel--root[data-transition-type=fade] .carousel--container {
        grid-template-columns: repeat(var(--blocks-per-slide-mobile), 1fr)
    }
}

@container (min-width: 768px) {
    .carousel--root[data-spacing-around-blocks=true][data-transition-type=fade] .carousel--wrapper {
        padding-left: calc(var(--spacing--section--x) - var(--slide-gap)/2);
        padding-right: calc(var(--spacing--section--x) - var(--slide-gap)/2)
    }
}

@container (max-width: 768px) {
    .carousel--root[data-spacing-around-blocks=true][data-transition-type=fade] .carousel--wrapper {
        padding-left: calc(var(--slide-gap)/2);
        padding-right: calc(var(--slide-gap)/2)
    }
}

.carousel--root[data-transition-type=fade] .carousel--block {
    transition: opacity 4s var(--transition--ease-out);
    opacity: 0;
    z-index: 0;
    grid-row: 1/-1
}

@container (min-width: 768px) {
    .carousel--root[data-transition-type=fade] .carousel--block {
        grid-column: var(--block-column)
    }
}

@container (max-width: 768px) {
    .carousel--root[data-transition-type=fade] .carousel--block {
        grid-column: var(--block-column-mobile)
    }
}

@container (min-width: 768px) {
    .carousel--root[data-transition-type=fade] .carousel--block[data-active=true] {
        z-index: 1;
        opacity: 1
    }
}

@container (max-width: 768px) {
    .carousel--root[data-transition-type=fade] .carousel--block[data-mobile-active=true] {
        z-index: 1;
        opacity: 1
    }
}

.carousel--dot-container {
    --dot-width: var(--spacing--2);
    --dot-gap: var(--spacing--2);
    width: -moz-fit-content;
    width: fit-content;
    align-self: center;
    overflow: hidden
}

.carousel--root[data-spacing-around-blocks=true] .carousel--dot-container {
    display: none
}

@container (max-width: 768px) {
    .carousel--dot-container {
        z-index: 1;
        --dot-gap: var(--spacing--1);
        position: absolute;
        left: 50%;
        bottom: 10px;
        max-width: calc(var(--dot-width)*5 + var(--dot-gap)*4);
        transform: translateX(-50%)
    }
}

.carousel--dot-nav {
    display: flex;
    align-items: center;
    gap: var(--dot-gap)
}

.carousel--dot-nav:empty {
    display: none
}

@container (min-width: 768px) {
    .carousel--dot-nav {
        z-index: 1;
        position: absolute;
        bottom: var(--spacing--block);
        right: var(--spacing--section--x)
    }
}

@container (max-width: 768px) {
    .carousel--dot-nav {
        transition: transform .4s var(--transition--ease-out);
        transform: translateX(var(--dot-pos))
    }
}

.carousel--dot {
    --stroke: 8px;
    position: relative;
    z-index: 1;
    padding: 6px;
    margin: -6px
}

.carousel--dot>svg {
    border-radius: 50%;
    height: var(--dot-width);
    width: var(--dot-width);
    display: block;
    transform: scale(1) rotate(-90deg);
    pointer-events: none;
    transition: transform .2s var(--transition--standard)
}

.carousel--dot>svg circle:first-child {
    stroke-width: 3px;
    fill: hsla(0, 0%, 100%, .3);
    stroke: hsla(0, 0%, 100%, .3)
}

.carousel--dot>svg circle:last-child {
    stroke-width: var(--stroke);
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100px;
    stroke-linecap: round;
    fill: hsla(0, 0%, 100%, .3);
    stroke: hsla(0, 0%, 100%, .3)
}

.carousel--dot[aria-current=true]>svg circle:first-child {
    fill: none;
    stroke-width: var(--stroke);
    stroke: hsla(0, 0%, 100%, .9)
}

.carousel--dot[aria-current=true]>svg circle:last-child {
    fill: none;
    stroke: hsla(0, 0%, 100%, .9)
}

.carousel--root[data-auto-rotate=true] .carousel--dot[aria-current=true]>svg circle:first-child {
    stroke: hsla(0, 0%, 100%, .4)
}

.carousel--root[data-auto-rotate=true] .carousel--dot[aria-current=true]>svg circle:last-child {
    animation: circle-animation var(--rotate-frequency) linear infinite
}

@container (max-width: 768px) {
    .carousel--dot:is([data-position=trailing-1], [data-position=leading-1]) svg {
        transform: scale(0.66) rotate(-90deg)
    }
}

@container (max-width: 768px) {
    .carousel--dot:is([data-position=hidden], [data-position=trailing-2], [data-position=leading-2]) svg {
        transform: scale(0.33) rotate(-90deg)
    }
}

.social-icons--root[data-type=follow] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center
}

.social-icons--root[data-align=left] {
    justify-content: flex-start
}

.social-icons--root[data-align=right] {
    justify-content: flex-end
}

@media only screen and (max-width: 767px) {
    .social-icons--root[data-mobile-align=center] {
        justify-content: center
    }
}

.social-icons--root .icon--threads {
    box-sizing: content-box;
    padding: 4px 3px;
    margin: -4px -3px
}

.social-icons--root .icon--x {
    height: 18px;
    width: 18px;
    margin: -4px
}

.social-icons--root svg {
    height: 14px;
    width: 14px
}

.social-icons--root:empty {
    display: none
}

.social-icons--items {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    row-gap: var(--spacing--1)
}

@media only screen and (min-width: 768px) {
    .social-icons--items {
        -moz-column-gap: 14px;
        column-gap: 14px
    }

    .social-icons--root[data-align=center] .social-icons--items {
        justify-content: center
    }

    .social-icons--root[data-align=right] .social-icons--items {
        justify-content: flex-end
    }
}

@media only screen and (max-width: 767px) {
    .social-icons--items {
        -moz-column-gap: var(--spacing--item);
        column-gap: var(--spacing--item)
    }

    .social-icons--root[data-mobile-align=center] .social-icons--items {
        justify-content: center
    }

    .social-icons--root[data-mobile-align=left] .social-icons--items {
        justify-content: flex-start
    }

    .social-icons--root[data-mobile-align=right] .social-icons--items {
        justify-content: flex-end
    }
}

.social-icons--items>* {
    padding: var(--spacing--1);
    margin: var(--spacing--neg-1)
}

.social-icons--items>* .icon--root {
    overflow: visible
}

.social-icons--root[data-hover-color=opacity] .social-icons--items>*:is(:focus-visible, :hover)>* {
    opacity: .6
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--x>* {
    fill: #ffffff
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--threads>* {
    fill: #ffffff
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--facebook>* {
    fill: #49659d
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--linkedin>* {
    fill: #0b65c2
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--pinterest>* {
    fill: #cb1f2b
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--youtube>* {
    fill: #ff0000
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--snapchat>* {
    fill: #ffffff
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--tumblr>* {
    fill: #35465c
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--vimeo>* {
    fill: #1ab7ea
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--email>* {
    fill: #deb72c
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--link>* {
    fill: #0c63a9
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--share>* {
    fill: #0c63a9
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover) .icon--bluesky>* {
    fill: #1384fd
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover)>:is(.icon--threads, .icon--x) {
    background-color: #000;
    border-radius: 4px
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover)>.icon--snapchat {
    stroke: #000
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover)>.icon--tiktok {
    filter: drop-shadow(1px 1px 0px #fd3e3e) drop-shadow(-0.5px -0.5px 0px #4de8f4)
}

.social-icons--root[data-hover-color=brand] .social-icons--items>*:is(:focus-visible, :hover)>.icon--instagram path {
    fill: url(#instagram-hover)
}

.social-icons--items>*:hover {
    cursor: pointer
}

.social-icons--root[data-type=follow] .social-icons--title {
    width: 100%;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .social-icons--root[data-align=right] .social-icons--title {
        text-align: right
    }

    .social-icons--root[data-align=left] .social-icons--title {
        text-align: left
    }
}

@media only screen and (max-width: 767px) {
    .social-icons--root[data-mobile-align=right] .social-icons--title {
        text-align: right
    }
}

.social-url--link>[aria-hidden=true] {
    display: none
}

.swatches--header {
    display: flex;
    gap: var(--spacing--item)
}

.swatches--header:not(:has(>*:only-child)) {
    justify-content: space-between
}

.swatches--name {
    display: flex;
    gap: var(--spacing--1)
}

.swatches--container {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing--item);
    padding: var(--spacing--0)
}

[data-item=swatch] {
    position: relative;
    display: inline-block;
    height: 24px;
    width: 24px;
    min-width: 24px;
    border: 1px solid var(--color--gray);
    padding-bottom: 0;
    background: content-box var(--swatch-background) no-repeat center/cover
}

[data-item=swatch][data-shape=circle] {
    border-radius: 50%
}

[data-item=swatch]:hover:not(:has(>input[disabled])) {
    cursor: pointer
}

[data-item=swatch]:hover:not(:has(>input[disabled]))::after {
    border: 2px solid var(--color--body--light)
}

[data-item=swatch][data-shape=circle]::after {
    border-radius: 50%
}

[data-item=swatch]::after {
    content: "";
    height: 30px;
    width: 30px;
    border: 2px solid var(--color--gray);
    top: -4px;
    left: -4px;
    position: absolute;
    display: inline-block
}

[data-item=swatch]:has(>input:checked)::after,
input:checked+[data-item=swatch]::after {
    content: "";
    border: 2px solid var(--color--body--light)
}

[data-item=swatch][data-shape=circle][data-unavailable=true]::before {
    height: calc(100% + 5.5px);
    top: -3px
}

[data-item=swatch][data-shape=square][data-unavailable=true]::before {
    height: calc(100% + 9px);
    top: -4px
}

[data-item=swatch][data-unavailable=true]::before {
    content: "";
    width: 2px;
    background-color: var(--border--light);
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%) rotate(45deg)
}

.swatch--input[data-item=radio] {
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    position: absolute
}

@media only screen and (min-width: 768px) {
    .stacked-text--root {
        display: flex;
        width: -moz-fit-content;
        width: fit-content;
        z-index: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .stacked-text--root:has(.stacked-text--wrapper:not([data-background-color=transparent])) {
        padding: var(--spacing--block)
    }

    .stacked-text--root[data-y-alignment=top] {
        align-self: flex-start;
        align-items: flex-start
    }

    .stacked-text--root[data-y-alignment=center] {
        align-self: center;
        align-items: center
    }

    .stacked-text--root[data-y-alignment=bottom] {
        align-self: flex-end;
        align-items: flex-end
    }

    .stacked-text--root[data-x-alignment=center] {
        justify-self: center;
        justify-content: center
    }

    .stacked-text--root[data-x-alignment=right] {
        justify-self: flex-end;
        justify-content: flex-end
    }
}

@media only screen and (max-width: 767px) {
    .stacked-text--root {
        z-index: 2;
        width: 100%
    }

    .stacked-text--root:has(.stacked-text--wrapper:not([data-background-color=transparent])) {
        padding: var(--spacing--item)
    }

    .stacked-text--root[data-mobile-y-alignment=center] {
        align-self: center;
        justify-self: center
    }

    .stacked-text--root[data-mobile-y-alignment=bottom] {
        align-self: flex-end;
        justify-self: center
    }
}

.stacked-text--root[data-x-alignment=left] .stacked-text--wrapper {
    align-items: flex-start;
    text-align: left
}

.stacked-text--root[data-x-alignment=center] .stacked-text--wrapper {
    align-items: center;
    text-align: center
}

.stacked-text--root[data-x-alignment=right] .stacked-text--wrapper {
    align-items: flex-end;
    text-align: right
}

@media only screen and (min-width: 768px) {
    .stacked-text--root:not([data-y-alignment=none]) .stacked-text--wrapper {
        padding: var(--spacing--section--x)
    }
}

@media only screen and (max-width: 767px) {
    .stacked-text--root:not([data-y-alignment=none]) .stacked-text--wrapper {
        padding: var(--spacing--item)
    }
}

@container (max-width: 768px) {
    .stacked-text--root:not([data-y-alignment=none]) .stacked-text--wrapper {
        padding: var(--spacing--item)
    }
}

@container (max-width: 768px) {
    .stacked-text--wrapper {
        align-items: center;
        padding: var(--spacing--item)
    }
}

.stacked-text--root[data-width=small] .stacked-text--wrapper>* {
    max-width: 400px
}

.stacked-text--root[data-width=medium] .stacked-text--wrapper>* {
    max-width: 500px
}

.stacked-text--root[data-width=large] .stacked-text--wrapper>* {
    max-width: 650px
}

.stacked-text--title {
    word-break: break-word
}

.subscribe-form--root {
    width: 100%;
    max-width: 400px;
    display: block;
    margin: 0 auto
}

.subscribe-form--root[data-text-alignment=left] {
    margin: 0 auto 0 0
}

.subscribe-form--root[data-text-alignment=right] {
    margin: 0 0 0 auto
}

.subscribe-form--root .icon--spinner {
    width: 35px
}

.subscribe-form {
    width: 100%;
    display: flex;
    gap: var(--spacing--1);
    align-items: center;
    border-bottom: 1px solid var(--color--body);
    background-color: rgba(0, 0, 0, 0)
}

.subscribe-form:has(input:focus-visible) {
    outline: -webkit-focus-ring-color auto 1px
}

[data-text-color=white] .subscribe-form {
    border-bottom: 1px solid #fff
}

.subscribe-form[aria-busy=true] .icon--next {
    display: none
}

.subscribe-form[aria-busy=false] .icon--spinner {
    display: none
}

.subscribe-form--input {
    margin-bottom: 0;
    border: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.subscribe-form--input:-webkit-autofill {
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color--body)
}

.subscribe-form--input:focus-visible {
    background-color: rgba(0, 0, 0, 0);
    outline: 0;
    border: 0
}

.subscribe-form--input::-webkit-input-placeholder {
    color: var(--color--body)
}

.subscribe-form--input:-moz-placeholder {
    color: var(--color--body)
}

.subscribe-form--input::-moz-placeholder {
    color: var(--color--body)
}

.subscribe-form--input:-ms-input-placeholder {
    color: var(--color--body)
}

[data-text-color=white] .subscribe-form--input {
    color: #fff
}

[data-text-color=white] .subscribe-form--input::-webkit-input-placeholder {
    color: #fff
}

[data-text-color=white] .subscribe-form--input:-moz-placeholder {
    color: #fff
}

[data-text-color=white] .subscribe-form--input::-moz-placeholder {
    color: #fff
}

[data-text-color=white] .subscribe-form--input:-ms-input-placeholder {
    color: #fff
}

[data-text-color=white] .subscribe-form--input:-webkit-autofill {
    -webkit-text-fill-color: #fff
}

button.subscribe-form--submit {
    transform: scale(0.8)
}

button.subscribe-form--submit:hover {
    transform: scale(0.85)
}

button.subscribe-form--submit:active {
    transform: scale(0.8)
}

[data-text-color=white] button.subscribe-form--submit .icon--spinner {
    fill: #fff
}

[data-background-color=light][data-text-color=white] button.subscribe-form--submit .icon--next {
    border: none
}

[data-background-color=light][data-text-color=white] button.subscribe-form--submit .icon--next>* {
    background-color: var(--bg-color--light)
}

[data-background-color=dark][data-text-color=white] button.subscribe-form--submit .icon--next {
    border: none
}

[data-background-color=dark][data-text-color=white] button.subscribe-form--submit .icon--next>* {
    background-color: var(--bg-color--dark)
}

[data-background-color=accent-1][data-text-color=white] button.subscribe-form--submit .icon--next {
    border: none
}

[data-background-color=accent-1][data-text-color=white] button.subscribe-form--submit .icon--next>* {
    background-color: var(--bg-color--accent-1)
}

[data-background-color=accent-2][data-text-color=white] button.subscribe-form--submit .icon--next {
    border: none
}

[data-background-color=accent-2][data-text-color=white] button.subscribe-form--submit .icon--next>* {
    background-color: var(--bg-color--accent-2)
}

.testimonials--body {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .testimonials--body {
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .testimonials--body[data-mobile-columns="2"]>*:nth-child(2n+1):last-child {
        grid-column: 1/span 2;
        justify-self: center;
        width: calc((100% - var(--spacing--3))/2)
    }
}

.testimonials--image {
    width: 100%;
    max-width: 160px;
    margin: 0 auto
}

.testimonials--root[data-aspect-ratio=circle] .testimonials--image img {
    aspect-ratio: 1;
    border-radius: 50%
}

.testimonials--icon {
    display: flex;
    justify-content: center;
    gap: 4px
}

.testimonials--icon .icon--root[class*=star] {
    max-width: 20px;
    max-height: 20px
}

.testimonials--info {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--item)
}

.testimonials--info[data-padding] {
    padding: var(--spacing--item)
}

.video--root {
    display: block
}

.video--container {
    position: relative;
    display: flex
}

.video--root[data-text-style=text-shadow] .video--container .video--play>* {
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3))
}

.video--root[data-x-alignment=left] .video--container {
    justify-content: flex-start;
    text-align: left
}

.video--root[data-x-alignment=center] .video--container {
    justify-content: center;
    text-align: center
}

.video--root[data-x-alignment=right] .video--container {
    justify-content: flex-end;
    text-align: right
}

@media only screen and (max-width: 767px) {
    .video--container {
        align-items: center
    }

    .video--root[data-mobile-full-width=false] .video--container {
        border-radius: var(--image--radius);
        overflow: hidden
    }

    .video--root[data-mobile-text-position=bottom] .video--container {
        align-items: flex-end
    }

    .video--root[data-mobile-display-type=aspect-ratio] .video--container:before {
        content: "";
        width: 0;
        height: 0;
        padding-top: calc(100%/var(--video-mobile-aspect-ratio))
    }

    .video--root[data-mobile-display-type=original] .video--container:before {
        content: "";
        width: 0;
        height: 0;
        padding-top: calc(100%/var(--natural-aspect-ratio))
    }

    .video--root[data-mobile-display-type=x-small] .video--container {
        height: var(--mobile-height--x-small)
    }

    .video--root[data-mobile-display-type=small] .video--container {
        height: var(--mobile-height--small)
    }

    .video--root[data-mobile-display-type=medium] .video--container {
        height: var(--mobile-height--medium)
    }

    .video--root[data-mobile-display-type=large] .video--container {
        height: var(--mobile-height--large)
    }

    .video--root[data-mobile-display-type=x-large] .video--container {
        height: var(--mobile-height--x-large)
    }

    .video--root[data-mobile-display-type=fit-screen] .video--container {
        height: 100vh;
        height: 100svh
    }
}

@media only screen and (min-width: 768px) {
    .video--root[data-y-alignment=top] .video--container {
        align-items: flex-start
    }

    .video--root[data-y-alignment=center] .video--container {
        align-items: center
    }

    .video--root[data-y-alignment=bottom] .video--container {
        align-items: flex-end
    }

    .video--root[data-full-width=false] .video--container {
        border-radius: var(--image--radius);
        overflow: hidden
    }

    .video--root[data-display-type=aspect-ratio] .video--container:before {
        content: "";
        width: 0;
        height: 0;
        padding-top: calc(100%/var(--video-aspect-ratio))
    }

    .video--root[data-display-type=original] .video--container:before {
        content: "";
        width: 0;
        height: 0;
        padding-top: calc(100%/var(--natural-aspect-ratio))
    }

    .video--root[data-display-type=x-small] .video--container {
        height: var(--height--x-small)
    }

    .video--root[data-display-type=small] .video--container {
        height: var(--height--small)
    }

    .video--root[data-display-type=medium] .video--container {
        height: var(--height--medium)
    }

    .video--root[data-display-type=large] .video--container {
        height: var(--height--large)
    }

    .video--root[data-display-type=x-large] .video--container {
        height: var(--height--x-large)
    }

    .video--root[data-display-type=fit-screen] .video--container {
        height: 100vh
    }

    .video--root[data-display-type=fill-available] .video--container {
        height: 100%
    }
}

.video--wrapper {
    width: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden;
    display: flex;
    align-items: center;
    transition: filter .25s linear
}

.video--root[data-overlay-style*=darken] .video--wrapper:after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%
}

.video--root[data-overlay-style=darken] .video--wrapper:after {
    background: rgba(0, 0, 0, calc(var(--content--image-opacity) / 3.25))
}

.video--root[data-overlay-style=darken-top] .video--wrapper:after {
    background: linear-gradient(rgba(0, 0, 0, var(--content--image-opacity)), 30%, rgba(0, 0, 0, 0))
}

.video--root[data-overlay-style=darken-bottom] .video--wrapper:after {
    background: linear-gradient(rgba(0, 0, 0, 0), 70%, rgba(0, 0, 0, var(--content--image-opacity)))
}

.video--root[data-autoplay=true] .video--wrapper {
    pointer-events: none
}

.video--root[data-autoplay=false] .video--wrapper .plyr,
.video--root[data-autoplay=false] .video--wrapper .plyr video,
.video--root[data-autoplay=false] .video--wrapper .plyr__video-wrapper {
    height: 100%
}

@media only screen and (min-width: 768px) {
    .video--root[data-overlay-style=hover]:hover .video--wrapper {
        filter: opacity(0.3);
        background-color: var(--bg-color--body)
    }
}

.video--wrapper>* {
    position: absolute;
    max-width: unset
}

.video--root[data-autoplay=false] .video--wrapper>* {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.video--root[data-autoplay=true] .video--wrapper>* {
    --left-min-pos: 0px;
    top: -250px;
    height: calc(100% + 500px);
    left: min(var(--left-min-pos), 50% - var(--video-width)/2);
    width: max(100%, var(--video-width))
}

@media only screen and (min-width: 768px) {

    .video--root[data-autoplay=true][data-display-type=fill-available] .video--wrapper>*,
    .video--root[data-autoplay=true][data-display-type=aspect-ratio] .video--wrapper>* {
        --video-width: calc(100% * var(--natural-aspect-ratio) / var(--video-aspect-ratio))
    }

    .video--root[data-autoplay=true][data-display-type=original] .video--wrapper>* {
        --video-width: 100%
    }

    .video--root[data-autoplay=true][data-display-type=x-small] .video--wrapper>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--height--x-small))
    }

    .video--root[data-autoplay=true][data-display-type=small] .video--wrapper>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--height--small))
    }

    .video--root[data-autoplay=true][data-display-type=medium] .video--wrapper>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--height--medium))
    }

    .video--root[data-autoplay=true][data-display-type=large] .video--wrapper>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--height--large))
    }

    .video--root[data-autoplay=true][data-display-type=x-large] .video--wrapper>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--height--x-large))
    }

    .video--root[data-autoplay=true][data-display-type=fit-screen] .video--wrapper>* {
        --video-width: calc(var(--natural-aspect-ratio) * 100vh)
    }
}

@media only screen and (max-width: 767px) {

    .video--root[data-autoplay=true][data-mobile-display-type=fill-available] .video--wrapper>*,
    .video--root[data-autoplay=true][data-mobile-display-type=aspect-ratio] .video--wrapper>* {
        --video-width: calc(100% * var(--natural-aspect-ratio) / var(--video-mobile-aspect-ratio))
    }

    .video--root[data-autoplay=true][data-mobile-display-type=original] .video--wrapper>* {
        --video-width: 100%
    }

    .video--root[data-autoplay=true][data-mobile-display-type=x-small] .video--wrapper>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--x-small))
    }

    .video--root[data-autoplay=true][data-mobile-display-type=small] .video--wrapper>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--small))
    }

    .video--root[data-autoplay=true][data-mobile-display-type=medium] .video--wrapper>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--medium))
    }

    .video--root[data-autoplay=true][data-mobile-display-type=large] .video--wrapper>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--large))
    }

    .video--root[data-autoplay=true][data-mobile-display-type=x-large] .video--wrapper>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--x-large))
    }

    .video--root[data-autoplay=true][data-mobile-display-type=fit-screen] .video--wrapper>* {
        --video-width: calc(var(--natural-aspect-ratio) * 100vh)
    }
}

.video--wrapper>div svg>* {
    color: var(--color--body)
}

.video--wrapper>div>iframe {
    width: 100%;
    height: 100%
}

.video--thumbnail {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video--thumbnail img {
    background-color: var(--bg-color--body)
}

.video--root[data-loaded=true] .video--thumbnail {
    display: none
}

.video--header {
    height: -moz-fit-content;
    height: fit-content;
    z-index: 3;
    position: relative
}

.video--root[data-x-alignment=center] .video--header {
    align-items: center
}

.video--root[data-x-alignment=right] .video--header {
    align-items: flex-end
}

@media only screen and (min-width: 768px) {
    .video--header {
        padding: var(--spacing--section--x)
    }

    .video--root[data-text-width=small] .video--header {
        max-width: 400px
    }

    .video--root[data-text-width=medium] .video--header {
        max-width: 500px
    }

    .video--root[data-text-width=large] .video--header {
        max-width: 650px
    }

    .video--header:not([data-background-color=transparent]) {
        margin: var(--spacing--block);
        padding: var(--spacing--block)
    }
}

@media only screen and (max-width: 767px) {
    .video--header {
        padding: var(--spacing--item);
        margin: var(--spacing--item) 0
    }

    .video--header:not([data-background-color=transparent]) {
        margin: var(--spacing--block) var(--spacing--item)
    }
}

.video--root[data-loaded=true] .video--header {
    z-index: -1
}

.video--header>* {
    max-width: var(--max-width--small)
}

.video--play {
    background: rgba(0, 0, 0, 0);
    height: unset;
    padding: 0;
    transition: transform .2s ease-in-out;
    transform: scale(1)
}

.video--play:hover {
    cursor: pointer;
    transform: scale(1.1)
}

.video--play:active {
    transform: scale(1);
    transition: unset;
    filter: brightness(0.9);
    opacity: .9
}

.video--button {
    pointer-events: all
}

.x-menu {
    --natural-height: auto;
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 100%
}

.x-menu--level-1--container {
    display: flex;
    align-items: center;
    gap: var(--spacing--block);
    height: 100%;
    min-height: 100%
}

.x-menu--level-1--link {
    display: inline-flex;
    align-items: center;
    height: 100%;
    min-height: 100%
}

.x-menu--level-1--link[data-megamenu=false] {
    position: relative
}

.x-menu--level-1--link[data-megamenu=true] .menu-block--image-wrapper {
    max-width: 320px;
    flex-basis: 185px;
    flex-grow: 1;
    width: 100%;
    padding: var(--spacing--block) var(--spacing--item)
}

.x-menu--level-1--link[data-megamenu=true] .menu-block--image {
    border-radius: var(--image--radius)
}

.x-menu--level-1--link[data-megamenu=true] .menu-block--description {
    padding-top: var(--spacing--1);
    text-align: center
}

.x-menu--level-1--link[data-megamenu=true] .menu-block--products {
    flex-grow: 1;
    flex-basis: min-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing--block);
    order: 1;
    padding: var(--spacing--block) var(--spacing--item);
    white-space: initial
}

.x-menu--level-1--link[data-megamenu=true] .menu-block--products>* {
    max-width: 320px;
    flex-basis: 128px;
    flex-grow: 1;
    width: 100%
}

.x-menu--level-1--link[data-megamenu=true] .menu-block--blog {
    width: 100%;
    max-width: var(--max-width--medium);
    padding: var(--spacing--block) var(--spacing--item);
    white-space: initial;
    order: 1
}

.x-menu--level-1--link[data-megamenu=true] .menu-block--blog:only-child {
    margin: 0 auto
}

.x-menu--level-1--link[data-megamenu=true] .menu-block--featured {
    width: 100%;
    order: 1;
    padding: var(--spacing--block) var(--spacing--item);
    white-space: initial
}

.x-menu--level-1--link[data-megamenu=true] .menu-block--featured:only-child {
    margin: 0 auto
}

.x-menu--level-1--link>:is(a, modal-trigger) {
    display: inline-flex;
    box-sizing: content-box;
    height: 100%;
    min-height: 100%;
    white-space: nowrap
}

.x-menu--level-1--link>:is(a, modal-trigger) .icon--chevron-down {
    transform: scaleY(1);
    transition: transform .2s var(--transition--standard)
}

.x-menu--level-1--link>:is(a, modal-trigger)[aria-expanded=true] .icon--chevron-down {
    transform: scaleY(-1)
}

.header--root[data-reduce-height=false] .x-menu--level-1--link>:is(a, modal-trigger)[aria-expanded=true]:not(:focus),
.header--root[data-reduce-height=false] .x-menu--level-1--link>:is(a, modal-trigger):hover {
    padding: var(--spacing--block);
    margin: var(--spacing--neg-block)
}

.header--root[data-reduce-height=false] .x-menu--level-1--link>:is(a, modal-trigger)[aria-expanded=true]:not(:focus)::before,
.header--root[data-reduce-height=false] .x-menu--level-1--link>:is(a, modal-trigger):hover::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--spacing--block)
}

.header--root[data-reduce-height=true] .x-menu--level-1--link>:is(a, modal-trigger)[aria-expanded=true]:not(:focus),
.header--root[data-reduce-height=true] .x-menu--level-1--link>:is(a, modal-trigger):hover {
    padding: var(--spacing--item) var(--spacing--block);
    margin: var(--spacing--neg-item) var(--spacing--neg-block)
}

.header--root[data-reduce-height=true] .x-menu--level-1--link>:is(a, modal-trigger)[aria-expanded=true]:not(:focus)::before,
.header--root[data-reduce-height=true] .x-menu--level-1--link>:is(a, modal-trigger):hover::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--spacing--item)
}

.x-menu--level-1--text {
    gap: var(--spacing--1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    pointer-events: none
}

.x-menu--level-2--container {
    --height: auto;
    justify-content: center;
    position: absolute;
    white-space: nowrap;
    min-width: 150px;
    left: 0;
    height: var(--height);
    overflow: hidden;
    transition: height .3s var(--transition--ease-out)
}

.header--root[data-reduce-height=true] .x-menu--level-1--link[data-megamenu=false] .x-menu--level-2--container {
    inset-block-start: calc(100% + var(--spacing--item))
}

.header--root[data-reduce-height=false] .x-menu--level-1--link[data-megamenu=false] .x-menu--level-2--container {
    inset-block-start: calc(100% + var(--spacing--block))
}

.x-menu--level-1--link[data-megamenu=false] .x-menu--level-2--container {
    left: var(--spacing--neg-3)
}

.layout--viewport[data-drop-shadows=true] .x-menu--level-1--link[data-megamenu=false] .x-menu--level-2--container {
    box-shadow: var(--box-shadow--center)
}

.layout--viewport[data-drop-shadows=false] .x-menu--level-1--link[data-megamenu=false] .x-menu--level-2--container {
    border: 1px solid var(--border--dark);
    border-top: none
}

.x-menu--level-1--link[data-megamenu=true] .x-menu--level-2--container {
    max-width: 100%;
    width: 100%;
    flex-wrap: wrap;
    padding-left: calc(var(--spacing--section--x) - var(--spacing--item));
    padding-right: calc(var(--spacing--section--x) - var(--spacing--item));
    inset-block-start: 100%
}

.layout--viewport[data-drop-shadows=true] .x-menu--level-1--link[data-megamenu=true] .x-menu--level-2--container {
    box-shadow: var(--box-shadow--bottom)
}

.layout--viewport[data-drop-shadows=false] .x-menu--level-1--link[data-megamenu=true] .x-menu--level-2--container {
    border-bottom: 1px solid var(--border--dark)
}

.x-menu--level-2--container[aria-hidden=true] {
    display: none
}

.x-menu--level-2--container[aria-hidden=false] {
    display: flex
}

.x-menu--level-2--wrapper {
    display: flex
}

.x-menu--level-2--list {
    padding: calc(var(--spacing--item) + var(--spacing--1)) 0
}

.x-menu--level-1--link[data-megamenu=true] .x-menu--level-2--list {
    display: flex
}

.x-menu--level-1--link[data-megamenu=true] .x-menu--level-2--list[data-single-parents=true] {
    flex-direction: column
}

.x-menu--level-1--link[data-megamenu=true] .x-menu--level-2--list:first-child {
    margin-left: var(--spacing--neg-item)
}

.x-menu--level-2--link a {
    display: inline-flex;
    padding: var(--spacing--1) var(--spacing--4)
}

.x-menu--level-2--link a>* {
    pointer-events: none
}

ul.x-menu--level-3--container {
    padding: 0 0 20px
}

.x-menu--level-3--link a {
    padding: var(--spacing--1) var(--spacing--4);
    line-height: 1
}

.header--root[data-hover-disabled=false] .x-menu--level-1--link>:is(modal-trigger, a):is([aria-expanded=true], :hover, :focus-visible) .x-menu--level-1--text::after {
    transform: scaleX(1)
}

.header--root[data-hover-disabled=false] .x-menu--level-1--link .x-menu--level-1--text::after {
    pointer-events: none;
    content: "";
    transform: scaleX(0);
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--header--color);
    transition: transform .3s;
    z-index: 5
}

.header--root[data-hover-disabled=false][data-reduce-height=true] .x-menu--level-1--text::after {
    bottom: var(--spacing--neg-item)
}

.header--root[data-hover-disabled=false][data-reduce-height=false] .x-menu--level-1--text::after {
    bottom: var(--spacing--neg-block)
}

.header--root[data-hover-disabled=false] .x-menu--level-1--link[data-highlight=true] .x-menu--level-1--text::after {
    --header--color: var(--highlight-color)
}

.y-menu {
    --transition--time: 0.4s;
    --current-level: 0;
    --height: auto;
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: var(--height);
    transition: height var(--transition--time) var(--transition--ease-out);
    will-change: height
}

.y-menu .menu-block--description {
    padding-top: var(--spacing--1);
    text-align: center
}

.y-menu .menu-block--image-wrapper,
.y-menu .blog-grid--root,
.y-menu .menu-block--products>* {
    padding: var(--spacing--item)
}

.y-menu .menu-block--featured {
    --image--radius: 0;
    container-type: inline-size
}

.y-menu button[data-item=nav-text] {
    position: relative;
    display: flex;
    gap: var(--spacing--item);
    align-items: center;
    justify-content: space-between;
    line-height: 1.3;
    padding: 24px var(--spacing--item);
    color: var(--color--body);
    width: 100%
}

.y-menu--level-1--container {
    transform: translateX(calc(var(--current-level) * -100%));
    transition: transform var(--transition--time) var(--transition--ease-out);
    will-change: transform
}

.y-menu--parent-link,
.y-menu--level-1--link,
.y-menu--level-2--link,
.y-menu--level-3--link {
    display: block
}

.y-menu--parent-link>:is(a, button, modal-trigger),
.y-menu--level-1--link>:is(a, button, modal-trigger),
.y-menu--level-2--link>:is(a, button, modal-trigger),
.y-menu--level-3--link>:is(a, button, modal-trigger) {
    border-bottom: 1px solid var(--border--dark)
}

.y-menu--parent-link:first-child>:is(a, button, modal-trigger),
.y-menu--level-1--link:first-child>:is(a, button, modal-trigger),
.y-menu--level-2--link:first-child>:is(a, button, modal-trigger),
.y-menu--level-3--link:first-child>:is(a, button, modal-trigger) {
    border-top: 1px solid var(--border--dark)
}

.y-menu--parent-link svg,
.y-menu--level-1--link svg,
.y-menu--level-2--link svg,
.y-menu--level-3--link svg {
    pointer-events: none
}

.y-menu--parent-link>:is(a, modal-trigger),
.y-menu--level-1--link>:is(a, modal-trigger),
.y-menu--level-2--link>:is(a, modal-trigger),
.y-menu--level-3--link>:is(a, modal-trigger) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing--item);
    line-height: 1.3;
    padding: 24px var(--spacing--item)
}

.y-menu--back-link {
    border-top: 1px solid var(--border--dark);
    border-bottom: 1px solid var(--border--dark)
}

.y-menu--back-link>button[data-item=nav-text] {
    justify-content: start
}

.y-menu--level-1--link[data-highlight=true]>:is(button, a, modal-trigger) {
    color: var(--highlight-color)
}

.y-menu--level-1--link[data-highlight=true]>:is(button, a, modal-trigger) svg>* {
    fill: var(--highlight-color)
}

.y-menu--level-2--container {
    position: absolute;
    background: var(--bg-color--body);
    left: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    height: -moz-fit-content;
    height: fit-content
}

.y-menu--level-2--container[aria-current=false]:not(:has(.y-menu--level-3--container[aria-current=true])) {
    display: none
}

[data-depth="2"] .y-menu--level-2--link>a {
    padding-left: var(--spacing--block)
}

.y-menu--level-3--container {
    position: absolute;
    left: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    background: var(--bg-color--body);
    height: -moz-fit-content;
    height: fit-content
}

.y-menu--level-3--container[aria-current=false] {
    display: none
}

[data-depth="3"] .y-menu--level-3--link>a {
    padding-left: var(--spacing--block)
}

.y-menu--blocks {
    display: block;
    border-bottom: 1px solid var(--border--dark)
}