/** Shopify CDN: Minification failed

Line 1220:33 Unexpected "800ms\\]"
Line 5027:52 Expected identifier but found whitespace
Line 5039:61 Expected identifier but found whitespace
Line 5039:62 Unexpected "not("
Line 5248:19 Expected identifier but found whitespace

**/
flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}
.flickity-cell {
    position: absolute!important;
    left: 0
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}
.flickity-button {
    position: absolute;
    background: #ffffffbf;
    border: none;
    color: #333
}
.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}
.flickity-disabled-mobile:after {
    content: "flickity"!important;
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: none
}
.flickity-enabled {
    position: relative
}
.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%
}

.flickity-slider {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    touch-action: pan-y;
    -webkit-user-select: none;
    -webkit-user-drag: none
}

.flickity-cell {
    position: absolute!important;
    left: 0
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: grab
}
.flickity-button {
    position: absolute;
    background: #ffffffbf;
    border: none;
    color: var(--text)
}
.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}
.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 33%;
    top: 33%;
    width: 35%;
    height: 35%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot,.flickity-page-dots .flickity-page-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    font-size: 0;
    line-height: 0;
    cursor: pointer
}

.flickity-page-dots .is-selected {
    opacity: 1
}

.product__mobile--slideshow .flickity-page-dots,.flickity-badge-dots .flickity-page-dots {
    text-align: right;
    padding: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    border-radius: 20px;
    overflow: hidden;
    gap: 4px
}

.product__mobile--slideshow .flickity-page-dots .flickity-page-dot,.flickity-badge-dots .flickity-page-dots .flickity-page-dot {
    display: inline-block;
    position: relative;
    z-index: 5;
    width: 3px;
    height: 3px;
    background: var(--bg);
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.product__mobile--slideshow .flickity-page-dots .flickity-page-dot.is-selected,.flickity-badge-dots .flickity-page-dots .flickity-page-dot.is-selected {
    opacity: 1
}

.product__mobile--slideshow .flickity-page-dots .flickity-page-dot:before,.flickity-badge-dots .flickity-page-dots .flickity-page-dot:before {
    content: '""';
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    cursor: inherit;
    z-index: -10
}

[data-carousel]+* {
    margin-top: max(var(--gutter),20px)
}

[data-carousel] .flickity-button {
    position: absolute;
    top: var(--buttons-top);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: var(--hairline);
    color: var(--text);
    transform: translateY(-50%);
    transition: all .3s
}

[data-carousel] .flickity-button svg {
    position: absolute;
    left: 33%;
    top: 33%;
    width: 35%;
    height: 35%;
    fill: currentColor
}

[data-carousel].flickity-rtl .flickity-button.previous,[data-carousel].flickity-rtl .flickity-button.next {
    left: auto;
    right: auto
}

[data-carousel] .flickity-button.next,[data-carousel].flickity-rtl .flickity-button.previous {
    right: -70px
}

[data-carousel] .flickity-button.previous,[data-carousel].flickity-rtl .flickity-button.next {
    left: -70px
}

.aos-initialized [data-aos][data-aos][data-aos-delay="200"],.aos-initialized body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s
}
.aos-initialized [data-aos][data-aos][data-aos-delay="300"],.aos-initialized body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s
}
.aos-initialized [data-aos][data-aos][data-aos-duration="400"],.aos-initialized body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}
.aos-initialized [data-aos][data-aos][data-aos-delay="400"],.aos-initialized body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease],.aos-initialized body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}
.aos-initialized [data-aos=svg-dash] path {
    stroke-dasharray: 100;
    stroke-dashoffset: 100
}
.aos-initialized [data-aos][data-aos][data-aos-order="1"] {
    --aos-delay: 0ms;
    animation-delay: 0ms
}

.aos-initialized [data-aos][data-aos][data-aos-order="2"] {
    --aos-delay: .25s;
    animation-delay: .25s
}

.aos-initialized [data-aos][data-aos][data-aos-order="3"] {
    --aos-delay: .5s;
    animation-delay: .5s
}

.aos-initialized [data-aos][data-aos][data-aos-order="4"] {
    --aos-delay: .75s;
    animation-delay: .75s
}

.aos-initialized [data-aos][data-aos][data-aos-order="5"] {
    --aos-delay: 1s;
    animation-delay: 1s
}
.aos-initialized [data-aos=hero] {
    opacity: 0;
    will-change: transform,opacity
}
*,:before,:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor
}

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

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

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

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

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

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
summary {
    display: list-item
}

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
    margin: 0
}
ol,ul,menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

:root {
    --space-1: 2px;
    --space-2: 4px;
    --space-3: 6px;
    --space-4: 8px;
    --space-5: 12px;
    --space-6: 14px;
    --space-7: 16px;
    --space-8: 20px;
    --space-9: 25px;
    --space-10: 32px;
    --space-11: 40px;
    --space-12: 50px;
    --space-13: 60px;
    --space-14: 80px;
    --space-15: 120px
}


:root {
    --leading-none: 1;
    --leading-hairline: 1.25;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --highlight-initial-position-x: 50%;
    --highlight-position-y: 50%;
    --highlight-height: 100%
}

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

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}
.type-accent {
    --font-adjust: var(--FONT-ADJUST-ACCENT);
    --font-family: var(--FONT-STACK-ACCENT);
    --font-style: var(--FONT-STYLE-ACCENT);
    --font-weight: var(--FONT-WEIGHT-ACCENT);
    --font-weight-bold: var(--FONT-WEIGHT-ACCENT-BOLD);
    --font-transform: var(--FONT-ACCENT-TRANSFORM);
    --font-letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
    font-family: var(--font-family);
    font-style: var(--font-style);
    font-weight: var(--font-weight, var(--font-weight-normal));
    text-transform: var(--font-transform);
    letter-spacing: var(--font-letter-spacing)
}

.type-body {
    --font-adjust: var(--FONT-ADJUST-BODY);
    --font-family: var(--FONT-STACK-BODY);
    --font-style: var(--FONT-STYLE-BODY);
    --font-weight: var(--FONT-WEIGHT-BODY);
    --font-weight-bold: var(--FONT-WEIGHT-BODY-BOLD);
    --font-transform: var(--FONT-BODY-TRANSFORM);
    --font-letter-spacing: var(--FONT-BODY-LETTER-SPACING);
    font-family: var(--font-family);
    font-style: var(--font-style);
    font-weight: var(--font-weight, var(--font-weight-normal));
    text-transform: var(--font-transform);
    letter-spacing: var(--font-letter-spacing)
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}
.invisible {
    visibility: hidden
}
.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.bottom-0 {
    bottom: 0
}

.bottom-\[calc\(var\(--inner\)\/2\)\] {
    bottom: calc(var(--inner) / 2)
}

.left-0 {
    left: 0
}

.left-\[--float-left-mobile\] {
    left: var(--float-left-mobile)
}
.right-0 {
    right: 0
}

.right-\[calc\(var\(--inner\)\/2\)\] {
    right: calc(var(--inner) / 2)
}

.start-\[-1\.5px\] {
    inset-inline-start: -1.5px
}

.start-\[calc\(50\%\+\(var\(--thumb-size\)\/-2\)\)\] {
    inset-inline-start: calc(50% + (var(--thumb-size) / -2))
}

.start-\[calc\(var\(--thumb-size\)\/-2\)\] {
    inset-inline-start: calc(var(--thumb-size) / -2)
}

.top-0 {
    top: 0
}

.top-\[--float-top-mobile\] {
    top: var(--float-top-mobile)
}
.\!z-40 {
    z-index: 40!important
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mb-0 {
    margin-bottom: 0
}

.mb-r11 {
    margin-bottom: var(--space-11)
}

.mb-r2 {
    margin-bottom: var(--space-2)
}

.mb-r4 {
    margin-bottom: var(--space-4)
}

.mb-r5 {
    margin-bottom: var(--space-5)
}
.mt-r8 {
    margin-top: var(--space-8)
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.\!flex {
    display: flex!important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}
.h-\[--thumb-size\] {
    height: var(--thumb-size)
}
.h-\[1px\] {
    height: 1px
}
.h-full {
    height: 100%
}
.max-h-\[--width\] {
    max-height: var(--width)
}
.w-0 {
    width: 0px
}

.w-\[--ellapsed-time-percentage\] {
    width: var(--ellapsed-time-percentage)
}

.w-\[--thumb-size\] {
    width: var(--thumb-size)
}

.w-\[--width\] {
    width: var(--width)
}

.w-\[1\.5px\] {
    width: 1.5px
}
.w-full {
    width: 100%
}
.max-w-\[--max-width\] {
    max-width: var(--max-width)
}
.flex-1 {
    flex: 1 1 0%
}
.origin-center {
    transform-origin: center
}

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

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-\[--float-rotation\] {
    --tw-rotate: var(--float-rotation);
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-col-resize {
    cursor: col-resize
}
.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}
.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

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

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

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

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

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

.justify-center {
    justify-content: center
}

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

.gap {
    gap: var(--grid-gutter)
}

.gap-\[--gap\] {
    gap: var(--gap)
}
.gap-y-\[--gap\] {
    row-gap: var(--gap)
}

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

.overflow-hidden {
    overflow: hidden
}
.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.rounded {
    border-radius: 3px
}

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

.rounded-lg {
    border-radius: 36px
}

.border {
    border-width: 1px
}
.border-\[1\.5px\] {
    border-width: 1.5px
}
.border-\[--handle-color\] {
    border-color: var(--handle-color)
}
.bg-\[--handle-color\] {
    background-color: var(--handle-color)
}

.bg-\[--placeholder-bg\] {
    background-color: var(--placeholder-bg)
}
.bg-white\/10 {
    background-color: #ffffff1a
}

.fill-\[--border\] {
    fill: var(--border)
}

.fill-\[--hairline\] {
    fill: var(--hairline)
}

.fill-\[--placeholder-fill\] {
    fill: var(--placeholder-fill)
}

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

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

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

.p-\[--inset\] {
    padding: var(--inset)
}

.p-\[--padding\] {
    padding: var(--padding)
}
.py-\[--outer\] {
    padding-top: var(--outer);
    padding-bottom: var(--outer)
}

.py-\[--space-8\] {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8)
}
.pb-\[--space-8\] {
    padding-bottom: var(--space-8)
}
.text-r4 {
    font-size: calc(var(--font-4) * var(--font-adjust, 1));
    line-height: var(--leading-normal)
}

.text-r5 {
    font-size: calc(var(--font-5) * var(--font-adjust, 1));
    line-height: var(--leading-snug)
}
.font-normal {
    font-weight: var(--font-weight)
}
.text-\[--handle-color\] {
    color: var(--handle-color)
}
.text-\[color\:var\(--text\)\] {
    color: var(--text)
}
.\!opacity-0 {
    opacity: 0!important
}

.\!opacity-100 {
    opacity: 1!important
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}
.backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--ease-out-fast);
    transition-duration: .3s
}
.delay-0 {
    transition-delay: 0s
}

.delay-\[--exit-animation-duration\] {
    transition-delay: var(--exit-animation-duration)
}

.delay-\[--slide-transition-duration\] {
    transition-delay: var(--slide-transition-duration)
}
.duration-1000 {
    transition-duration: 1s
}

.duration-150 {
    transition-duration: .15s
}

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

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

.duration-400 {
    transition-duration: .4s
}

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

.duration-\[--enter-animation-duration\] {
    transition-duration: var(--enter-animation-duration)
}

.duration-\[--exit-animation-duration\] {
    transition-duration: var(--exit-animation-duration)
}

.duration-\[--slide-transition-duration\] {
    transition-duration: var(--slide-transition-duration)
}

.duration-\[calc\(var\(--enter-animation-duration\)\*2\)\] {
    transition-duration: calc(var(--enter-animation-duration) * 2)
}

.duration-\[calc\(var\(--exit-animation-duration\)\)\] {
    transition-duration: calc(var(--exit-animation-duration))
}

.duration-\[calc\(var\(--exit-animation-duration\)\*2\)\] {
    transition-duration: calc(var(--exit-animation-duration) * 2)
}

.\!ease-out-fast {
    transition-timing-function: var(--ease-out-fast)!important
}

@keyframes enterOpacity {
    0% {
        opacity: var(--tw-enter-opacity, 1)
    }
}

@keyframes exitOpacity {
    to {
        opacity: var(--tw-exit-opacity, 1)
    }
}

@keyframes enterTransform {
    0% {
        transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale-x, 1),var(--tw-enter-scale-y, 1),var(--tw-enter-scale-z, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exitTransform {
    to {
        transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale-x, 1),var(--tw-exit-scale-y, 1),var(--tw-exit-scale-z, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}

.\!animate-delay-\[--tw-stagger-transition-delay\] {
    --tw-animate-delay: var(--tw-stagger-transition-delay) !important;
    animation-delay: var(--tw-stagger-transition-delay)!important
}

.\!paused {
    animation-play-state: paused!important
}

.paused {
    animation-play-state: paused
}
.text-left {
    text-align: left!important
}

[dir=rtl] .text-left {
    text-align: right!important
}

.text-center {
    text-align: center!important
}
.text-justify {
    text-align: justify!important;
    text-justify: inter-word
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

@supports (aspect-ratio: auto) {
    .aspect-\[--wh-ratio-mobile\] {
        aspect-ratio:var(--wh-ratio-mobile)
    }
}
@supports (aspect-ratio: auto) {
    .aspect-\[--wh-ratio\] {
        aspect-ratio:var(--wh-ratio)
    }
}
@supports (aspect-ratio: auto) {
    .aspect-video {
        aspect-ratio:16 / 9
    }
}
.reverse-z-stack>*:nth-child(1) {
    z-index: 20
}

.reverse-z-stack>*:nth-child(2) {
    z-index: 19
}
.grid-stack {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.grid-stack>* {
    grid-area: 1/1
}

.highlight,.highlight-partial,.highlight-underline {
    background-image: linear-gradient(to right,var(--highlight-color, transparent),var(--highlight-color, transparent) var(--highlight-initial-position-x),transparent var(--highlight-initial-position-x),transparent);
    background-size: 200% var(--highlight-height);
    background-position-y: var(--highlight-position-y)
}

.animate-highlight-wipe-in {
    animation: highlightWipeIn var(--highlight-duration, 1s) var(--ease-out-fast) both;
    animation-fill-mode: both;
    animation-direction: normal
}

.\!\[--bg\: transparent\] {
    --bg: transparent !important
}

.\!\[--bg\: var\(--bg-accent\)\] {
    --bg: var(--bg-accent) !important
}

.\[--content-alignment-default\: center\] {
    --content-alignment-default: center
}
.\[--content-alignment-default\: flex-start\] {
    --content-alignment-default: flex-start
}

.\[--gap\: --grid-lg\] {
    --gap: var(--grid-lg)
}

.\[--gap\: --grid-md\] {
    --gap: var(--grid-md)
}

.\[--gap\: --grid-sm\] {
    --gap: var(--grid-sm)
}

.\[--gap\: --grid-xl\] {
    --gap: var(--grid-xl)
}
.\[--inset\: --grid-lg\] {
    --inset: var(--grid-lg)
}
.\[--padding\: --grid-lg\] {
    --padding: var(--grid-lg)
}
.\[--slide-transition-duration\: 800ms\] {
    --slide-transition-duration: .8s
}
html {
    line-height: var(--leading-norma);
    font-family: var(--FONT-STACK-BODY)
}
*,input,:before,:after {
    box-sizing: border-box
}

html,body {
    padding: 0;
    margin: 0
}

body {
    min-height: var(--full-screen);
    display: flex;
    flex-direction: column
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}
[data-scroll-locked] .js__header__stuck,
[data-scroll-locked] .theme__header,
[data-scroll-locked] .search-popdown {
  padding-right: var(--scrollbar-width);
}
.wrapper, .wrapper .grandparent .header__dropdown__wrapper {
  width: 100%;
  max-width: var(--LAYOUT-WIDTH);
  margin: 0 auto;
  padding-left: var(--outer);
  padding-right: var(--outer);
}
.wrapper:after, .wrapper .grandparent .header__dropdown__wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.wrapper--full, .wrapper--full .grandparent .header__dropdown__wrapper {
  max-width: none;
  margin: 0 auto;
  padding-left: var(--outer);
  padding-right: var(--outer);
  width: 100%;
}
.wrapper--full:after, .wrapper--full .grandparent .header__dropdown__wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.section-without-title:not(.not-moved-arrows):not(.hidden-arrows):not(.section-without-title--skip) .wrapper--full [data-carousel] .flickity-button, .wrapper--full .grandparent .section-without-title:not(.not-moved-arrows):not(.hidden-arrows):not(.section-without-title--skip) .header__dropdown__wrapper [data-carousel] .flickity-button,
.section-without-title:not(.not-moved-arrows):not(.hidden-arrows):not(.section-without-title--skip) .wrapper--full [data-carousel]:first-child .flickity-button,
.section-without-title:not(.not-moved-arrows):not(.hidden-arrows):not(.section-without-title--skip) .wrapper--none [data-carousel] .flickity-button,
.section-without-title:not(.not-moved-arrows):not(.hidden-arrows):not(.section-without-title--skip) .wrapper--none [data-carousel]:first-child .flickity-button {
  margin-bottom: calc(var(--arrows-margin-offset) / 2 - var(--arrows-height) / 2);
}
[data-header-cart-full=true] .icon-cart-full {
  fill: var(--primary);
  stroke: none;
  stroke-width: 0;
}
[data-overlay-header].has-overlay {
  --image-top: var(--menu-height);
  --image-bottom: calc(var(--menu-height) * 0.66);
  /* no centering compensation on align bottom images */
}
[data-overlay-header].has-overlay .hero__content__wrapper[class*=align--bottom] {
  padding-bottom: 0;
  margin-bottom: var(--inner);
}
.hero__content__wrapper{
    position: absolute;
    display: flex;
    z-index: 10;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: var(--image-top);
    padding-bottom: var(--image-bottom);
}
.float-grid,.grid--full {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: calc(var(--gutter-offset) / 2);
    margin-right: calc(var(--gutter-offset) / 2)
}

.float-grid:after,.grid--full:after {
    content: "";
    display: table;
    clear: both
}

.grid__item {
    float: left;
    padding-left: calc(var(--gutter) / 2);
    padding-right: calc(var(--gutter) / 2);
    width: 100%
}
.grid--articles .article__item,.grid--articles[data-grid]:not([data-grid-no-gutters]) .article__item {
    margin-bottom: 0
}

.one-whole {
    width: 100%
}
.show {
    display: block!important
}

.hide {
    display: none!important
}

.grid__item.clear {
    clear: both
}

[data-grid-flex] {
    display: flex;
    flex-flow: row wrap
}

[data-grid-offset]:after {
    content: ""!important;
    position: static
}

[data-grid] {
    position: relative;
    width: calc(100% - var(--gutter-offset));
    margin: 0 calc(var(--gutter-offset) / 2)
}

[data-grid][data-grid-no-gutters] {
    padding: 0 calc(var(--gutter) / 2)
}

[data-grid]:not([data-grid-no-gutters]) [data-item] {
    padding: 0 calc(var(--gutter) / 2)
}

[data-grid] [data-item].index__column {
    padding-bottom: 30px
}

[data-grid][data-grid-large] [data-item] {
    width: calc(100% / var(--grid-large-items))
}

[data-grid] .article__card {
    margin-top: 0
}
:root {
    --leading-none: 1;
    --leading-hairline: 1.25;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2
}

.accent-title-large {
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT);
    text-transform: var(--FONT-ACCENT-TRANSFORM);
    letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-normal)
}

.accent-title-large .strong,.accent-title-large.strong,.accent-title-large strong {
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD)
}

.body-size-1,.body-size-2,.body-size-3,.body-size-4,.body-size-5,.body-size-6,.body-size-7,.body-size-8,.body-size-9,.body-size-10,.body-size-11,.body-size-12,.body-size-13,.body-size-14,.body-size-15 {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    letter-spacing: var(--FONT-BODY-LETTER-SPACING);
    text-transform: var(--FONT-BODY-TRANSFORM)
}

.body-size-4 {
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-normal)
}

.body-size-5 {
    font-size: calc(var(--font-5) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-snug)
}

.body-size-6 {
    font-size: calc(var(--font-6) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-snug)
}

.body-size-7 {
    font-size: calc(var(--font-7) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-snug)
}

.body-size-8 {
    font-size: calc(var(--font-8) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-tight)
}

.accent-size-1,.accent-size-2,.accent-size-3,.accent-size-4,.accent-size-5,.accent-size-6,.accent-size-7,.accent-size-8,.accent-size-9,.accent-size-10,.accent-size-11,.accent-size-12,.accent-size-13,.accent-size-14,.accent-size-15 {
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT);
    text-transform: var(--FONT-ACCENT-TRANSFORM);
    letter-spacing: var(--FONT-ACCENT-LETTER-SPACING)
}

.accent-size-1 .strong,.accent-size-1.strong,.accent-size-1 strong,.accent-size-2 .strong,.accent-size-2.strong,.accent-size-2 strong,.accent-size-3 .strong,.accent-size-3.strong,.accent-size-3 strong,.accent-size-4 .strong,.accent-size-4.strong,.accent-size-4 strong,.accent-size-5 .strong,.accent-size-5.strong,.accent-size-5 strong,.accent-size-6 .strong,.accent-size-6.strong,.accent-size-6 strong,.accent-size-7 .strong,.accent-size-7.strong,.accent-size-7 strong,.accent-size-8 .strong,.accent-size-8.strong,.accent-size-8 strong,.accent-size-9 .strong,.accent-size-9.strong,.accent-size-9 strong,.accent-size-10 .strong,.accent-size-10.strong,.accent-size-10 strong,.accent-size-11 .strong,.accent-size-11.strong,.accent-size-11 strong,.accent-size-12 .strong,.accent-size-12.strong,.accent-size-12 strong,.accent-size-13 .strong,.accent-size-13.strong,.accent-size-13 strong,.accent-size-14 .strong,.accent-size-14.strong,.accent-size-14 strong,.accent-size-15 .strong,.accent-size-15.strong,.accent-size-15 strong {
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD)
}

.accent-size-3 {
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-normal)
}

.accent-size-4 {
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-normal)
}

.accent-size-5 {
    font-size: calc(var(--font-5) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-snug)
}

.heading-size-1,.heading-size-2,.heading-size-3,.heading-size-4,.heading-size-5,.heading-size-6,.heading-size-7,.heading-size-8,.heading-size-9,.heading-size-10,.heading-size-11,.heading-size-12,.heading-size-13,.heading-size-14,.heading-size-15 {
    font-family: var(--FONT-STACK-HEADING);
    font-style: var(--FONT-STYLE-HEADING);
    font-weight: var(--FONT-WEIGHT-HEADING);
    letter-spacing: var(--FONT-HEADING-LETTER-SPACING);
    text-transform: var(--FONT-HEADING-TRANSFORM)
}

.heading-size-6 {
    font-size: calc(var(--font-6) * var(--FONT-ADJUST-HEADING));
    line-height: var(--leading-snug)
}

.heading-size-7 {
    font-size: calc(var(--font-7) * var(--FONT-ADJUST-HEADING));
    line-height: var(--leading-snug)
}

.heading-size-8 {
    font-size: calc(var(--font-8) * var(--FONT-ADJUST-HEADING));
    line-height: var(--leading-tight)
}

.heading-size-9 {
    font-size: calc(var(--font-9) * var(--FONT-ADJUST-HEADING));
    line-height: var(--leading-tight)
}

.heading-size-10 {
    font-size: calc(var(--font-10) * var(--FONT-ADJUST-HEADING));
    line-height: var(--leading-tight)
}
.heading-size-13 {
    font-size: calc(var(--font-13) * var(--FONT-ADJUST-HEADING));
    line-height: var(--leading-hairline)
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    --scroll-behavior: smooth
}

body {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    letter-spacing: var(--FONT-BODY-LETTER-SPACING);
    text-transform: var(--FONT-BODY-TRANSFORM);
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    color: var(--text)
}

body,input,textarea,select,.popout__toggle {
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-normal);
    color: var(--text)
}

h1,h2,h3,h4,h5,h6 {
    font-family: var(--FONT-STACK-HEADING);
    font-style: var(--FONT-STYLE-HEADING);
    font-weight: var(--FONT-WEIGHT-HEADING);
    letter-spacing: var(--FONT-HEADING-LETTER-SPACING);
    text-transform: var(--FONT-HEADING-TRANSFORM)
}

h1 .strong,h1.strong,h1 strong,h2 .strong,h2.strong,h2 strong,h3 .strong,h3.strong,h3 strong,h4 .strong,h4.strong,h4 strong,h5 .strong,h5.strong,h5 strong,h6 .strong,h6.strong,h6 strong {
    font-weight: var(--FONT-WEIGHT-HEADING-BOLD)
}

h1 {
    font-size: calc(var(--font-10) * var(--FONT-ADJUST-HEADING));
    line-height: var(--leading-tight)
}

h2 {
    font-size: calc(var(--font-9) * var(--FONT-ADJUST-HEADING));
    line-height: var(--leading-tight)
}

h3 {
    font-size: calc(var(--font-8) * var(--FONT-ADJUST-HEADING));
    line-height: var(--leading-tight)
}

h4 {
    font-size: calc(var(--font-7) * var(--FONT-ADJUST-HEADING));
    line-height: var(--leading-snug)
}

h5 {
    font-size: calc(var(--font-6) * var(--FONT-ADJUST-HEADING));
    line-height: var(--leading-snug)
}

h6 {
    font-size: calc(var(--font-5) * var(--FONT-ADJUST-HEADING));
    line-height: var(--leading-snug)
}

small {
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-normal)
}

h1,h2,h3,h4,h5,h6 {
    margin: 0 0 .75em
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    text-decoration: none;
    font-weight: inherit
}

.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6 {
    margin: .75em 0 0
}

p {
    margin: 0
}

em,.em {
    font-style: italic
}

b,strong,.strong {
    font-weight: var(--FONT-WEIGHT-BODY-BOLD)
}

ul,ol {
    margin: 0 0 var(--gutter);
    padding: 0
}

ul {
    list-style: none outside
}

ol {
    list-style: decimal
}

ul ul,ul ol,ol ol,ol ul {
    margin-block:4px 5px}

li {
    margin-bottom: .25em
}

:root {
    --gutter: var(--LAYOUT-GUTTER);
    --outer: var(--LAYOUT-OUTER);
    --inner: 20px;
    --nav-gutter: var(--NAV-GUTTER);
    --gutter-offset: var(--LAYOUT-GUTTER-OFFSET);
    --outer-offset: calc(var(--LAYOUT-OUTER) * -1);
    --radius-sm: 3px;
    --radius-md: 12px;
    --radius-lg: 36px;
    --page-width: var(--LAYOUT-WIDTH);
    --grid-xl: 50px;
    --grid-lg: 32px;
    --grid-md: 22px;
    --grid-sm: 16px;
    --grid-0: 0px;
    --grid-standard-page-margin: var(--outer);
    --grid-standard-gutter: var(--gutter);
    --grid-page-margin: var(--grid-standard-page-margin);
    --grid-gutter: var(--grid-standard-gutter)
}

:root {
    --max-w-page: var(--LAYOUT-WIDTH);
    --max-w-page-narrow: 50%;
    --max-w-page-tiny: 33%
}

.wrapper--none:after {
    content: "";
    display: table;
    clear: both
}

.wrapper,.wrapper .grandparent .header__dropdown__wrapper {
    width: 100%;
    max-width: var(--LAYOUT-WIDTH);
    margin: 0 auto;
    padding-left: var(--outer);
    padding-right: var(--outer)
}

.wrapper:after,.wrapper .grandparent .header__dropdown__wrapper:after {
    content: "";
    display: table;
    clear: both
}

.wrapper--full,.wrapper--full .grandparent .header__dropdown__wrapper {
    max-width: none;
    margin: 0 auto;
    padding-left: var(--outer);
    padding-right: var(--outer);
    width: 100%
}

.wrapper--full:after,.wrapper--full .grandparent .header__dropdown__wrapper:after {
    content: "";
    display: table;
    clear: both
}

.wrapper--narrow {
    margin: 0 auto;
    padding-left: var(--outer);
    padding-right: var(--outer);
    width: 100%;
    max-width: 50%
}

.wrapper--narrow:after {
    content: "";
    display: table;
    clear: both
}


.wrapper--none:after {
    content: "";
    display: table;
    clear: both
}

.wrapper,.wrapper .grandparent .header__dropdown__wrapper {
    width: 100%;
    max-width: var(--LAYOUT-WIDTH);
    margin: 0 auto;
    padding-left: var(--outer);
    padding-right: var(--outer)
}

.wrapper:after,.wrapper .grandparent .header__dropdown__wrapper:after {
    content: "";
    display: table;
    clear: both
}

.wrapper--full,.wrapper--full .grandparent .header__dropdown__wrapper {
    max-width: none;
    margin: 0 auto;
    padding-left: var(--outer);
    padding-right: var(--outer);
    width: 100%
}

.wrapper--full:after,.wrapper--full .grandparent .header__dropdown__wrapper:after {
    content: "";
    display: table;
    clear: both
}

.wrapper--narrow {
    margin: 0 auto;
    padding-left: var(--outer);
    padding-right: var(--outer);
    width: 100%;
    max-width: 50%
}

.wrapper--narrow:after {
    content: "";
    display: table;
    clear: both
}





.main-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.hero__content__wrapper.section-padding,.brick__section .section-padding,.section-padding,.section-without-title:not(.section-without-title--skip) {
    --padding-top: var(--PT);
    --padding-bottom: var(--PB);
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom)
}

.section-padding-custom {
    --padding-top: var(--PT);
    --padding-bottom: var(--PB)
}

.section-without-title:not(.section-without-title--skip) {
    --arrows-height: 36px
}

.section-without-title:not(.section-without-title--skip).hidden-arrows {
    --arrows-height: 0
}

.section-without-title:not(.section-without-title--skip) .section-padding {
    padding-top: 0;
    padding-bottom: 0
}

.section-without-title:not(.not-moved-arrows):not(.hidden-arrows):not(.section-without-title--skip) {
    --arrows-margin-offset: max(calc(var(--gutter) + var(--arrows-height)), var(--padding-top));
    padding-top: var(--arrows-margin-offset)
}

.list__collections [data-grid] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc(var(--gutter) * -1)
}



.list__collections [data-grid]+* {
    margin-top: max(var(--gutter),20px)
}


.list__collections [data-grid] .collection-grid-item {
    margin-bottom: 0
}

.icon,.icon-stateful {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    fill: currentColor
}

.icon-theme {
    display: flex;
    align-items: center;
    width: 1em;
    height: 1em
}

.icon-theme-stroke {
    fill: none;
    stroke: currentColor;
    stroke-miterlimit: 10;
    stroke-width: var(--ICON-STROKE-WIDTH)
}

.icon-theme-fill {
    fill: currentColor;
    stroke: none
}

.icon-social {
    display: flex;
    align-items: center;
    width: 1em;
    height: 1em
}

.collection__layout .icon-theme {
    fill: currentColor;
    stroke: none;
    stroke-width: 0
}

.navlink .icon-theme {
    stroke-width: min(var(--ICON-STROKE-WIDTH),2.2px)
}

.icon-cart-full {
    fill: none;
    stroke: none;
    stroke-width: 0
}

*[class*=-size-]>p,.rte *[class*=-size-]>p {
    font-size: inherit
}

.rte {
    margin-bottom: var(--space-5);
    word-wrap: break-word
}

.rte:last-child {
    margin-bottom: 0
}

.rte p {
    margin: 0 0 var(--space-4)
}

.rte p:last-child {
    margin-bottom: 0
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.btn,.shopify-challenge__button,.btn--soft {
    font-family: var(--TYPE-STACK-BUTTON);
    font-style: var(--TYPE-STYLE-BUTTON);
    font-weight: var(--TYPE-WEIGHT-BUTTON);
    text-transform: var(--FONT-BUTTON-TRANSFORM);
    letter-spacing: var(--FONT-BUTTON-LETTER-SPACING);
    display: inline-block;
    padding: var(--space-5) var(--space-8);
    margin: 0;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--BUTTON-RADIUS);
    font-size: calc(var(--font-3) * var(--TYPE-ADJUST-BUTTON));
    background-color: var(--btn-bg);
    color: var(--btn-text);
    transition: background-color .5s cubic-bezier(.215,.61,.355,1)
}

.btn:hover,.shopify-challenge__button:hover,.btn:active,.shopify-challenge__button:active,.btn:focus,.shopify-challenge__button:focus,.btn--soft:hover,.btn--soft:active,.btn--soft:focus {
    color: var(--btn-text-hover);
    background-color: var(--btn-bg-hover)
}

.btn,.shopify-challenge__button {
    --btn-bg: var(--text);
    --btn-text: var(--bg);
    --btn-bg-hover: var(--hover);
    --btn-text-hover: var(--bg)
}

.btn--neutral.btn,.btn--neutral.shopify-challenge__button {
    --btn-bg: var(--COLOR-TEXT);
    --btn-text: var(--COLOR-BG);
    --btn-bg-hover: var(--COLOR-A95);
    --btn-text-hover: var(--COLOR-BG)
}

.btn--white.btn,.btn--white.shopify-challenge__button {
    --btn-bg: #FFF;
    --btn-text: #000;
    --btn-bg-hover: #FFF;
    --btn-text-hover: #333
}

.btn--outline {
    font-family: var(--TYPE-STACK-BUTTON);
    font-style: var(--TYPE-STYLE-BUTTON);
    font-weight: var(--TYPE-WEIGHT-BUTTON);
    text-transform: var(--FONT-BUTTON-TRANSFORM);
    letter-spacing: var(--FONT-BUTTON-LETTER-SPACING);
    display: inline-block;
    padding: var(--space-5) var(--space-8);
    margin: 0;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--BUTTON-RADIUS);
    --btn-bg: rgb(255 255 255 / 0%);
    font-size: calc(var(--font-3) * var(--TYPE-ADJUST-BUTTON));
    background-color: #fff0;
    transition: background-color .5s cubic-bezier(.215,.61,.355,1);
    border: 1px solid var(--btn-text);
    color: var(--btn-text)
}

.btn--outline:hover,.btn--outline:active,.btn--outline:focus {
    background-color: var(--btn-bg-hover);
    border: 1px solid var(--btn-text);
    color: var(--btn-text)
}

.btn--outline {
    --btn-text: var(--text);
    --btn-bg-hover: var(--hairline)
}

.btn--neutral.btn--outline {
    --btn-text: var(--COLOR-TEXT);
    --btn-bg-hover: var(--COLOR-A5)
}

.btn--long {
    padding: var(--space-8) var(--space-11);
    max-width: 100%;
    min-width: min(220px,100%)
}
a,.text-link-bare {
    color: currentcolor;
    text-decoration: none;
    background: transparent
}

a:hover,a:focus,.text-link-bare:hover,.text-link-bare:focus {
    color: currentcolor
}

.text-btn-arrow-right {
    font-family: var(--TYPE-STACK-BUTTON);
    font-style: var(--TYPE-STYLE-BUTTON);
    font-weight: var(--TYPE-WEIGHT-BUTTON);
    text-transform: var(--FONT-BUTTON-TRANSFORM);
    letter-spacing: var(--FONT-BUTTON-LETTER-SPACING);
    position: relative;
    display: inline-block;
    padding-inline-end:10px}

.text-btn-arrow-right:not([class*=body-size-],[class*=accent-size-],[class*=heading-size-]) {
    font-size: calc(var(--font-3) * var(--TYPE-ADJUST-BUTTON))
}

.text-btn-arrow-right:after {
    content: "";
    position: absolute;
    top: 50%;
    inset-inline-end: 1px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-width: 1.5px 1.5px 0 0;
    border-style: solid;
    border-color: currentcolor;
    margin-top: 0
}

button+.text-link-bare,.btn+.text-link-bare,.shopify-challenge__button+.text-link-bare,button+.btn-text-thick-line,.btn+.btn-text-thick-line,.shopify-challenge__button+.btn-text-thick-line {
    margin-inline-start:15px;margin-inline-end:15px}



.btn-block-text-underline,.btn-text-thick-line {
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    text-transform: var(--FONT-ACCENT-TRANSFORM);
    letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-normal);
    position: relative;
    text-decoration: none
}

.btn-block-text-underline:after,.btn-text-thick-line:after {
    content: "";
    left: 0;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -1px;
    height: 1px;
    background: currentcolor;
    transition: transform .2s ease,opacity .4s cubic-bezier(.215,.61,.355,1)
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .btn-block-text-underline:after,.btn-text-thick-line:after {
        height:.5px
    }
}

.btn-block-text-underline:after,.btn-text-thick-line:after {
    opacity: .25;
    transform: scaleX(0);
    transform-origin: 100% 50%
}

.btn-block-text-underline:after,.btn-text-thick-line:after {
    bottom: -3px;
    height: 2px
}

.btn-block-text-underline {
    padding: 0
}

.btn-block-text-underline.btn--neutral,.btn-text-thick-line.btn--neutral {
    color: var(--text)
}

.btn-block-text-underline.btn--white,.btn-text-thick-line.btn--white {
    color: #fff
}

.btn-block-text-underline:after,.btn-text-thick-line.hero__btn:after {
    opacity: 1
}

.badge {
    display: inline-block;
    padding: .33em .5em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--radius-sm);
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    text-transform: var(--FONT-ACCENT-TRANSFORM);
    letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-relaxed);
    background-color: var(--hairline);
    color: var(--text)
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0009;
    display: flex;
    justify-content: center;
    align-items: center
}


form {
    margin-bottom: var(--gutter)
}

form:last-child {
    margin-bottom: 0
}


button,input[type=text],input[type=search],input[type=password],input[type=email],input[type=file],input[type=number],input[type=tel],input[type=submit],input[type=url],.quantity__wrapper input,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input,textarea,select,.popout__toggle,fieldset {
    border-radius: var(--radius-sm);
    max-width: 100%
}
input,select,.popout__toggle,textarea {
    padding: 8px 10px;
    font-family: inherit;
    line-height: 1.42
}
input {
    display: inline-block;
    width: auto
}

button,input[type=submit] {
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit
}

button {
    background-color: transparent;
    overflow: visible;
    border: none;
    font-family: inherit
}

button[disabled],html input[disabled] {
    cursor: default
}
input[type=text],input[type=search],input[type=password],input[type=email],input[type=file],input[type=number],input[type=tel],input[type=url],input[type=date],textarea,select,.popout__toggle {
    border: 1px solid var(--border);
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 0 1em;
    background-color: transparent;
    outline: none;
    color: var(--text-dark)
}
textarea {
    min-height: 100px
}

input[type=checkbox],input[type=radio] {
    display: inline;
    margin: 0;
    padding: 0
}

input[type=checkbox]+label,input[type=radio]+label {
    display: inline-block;
    margin-left: 5px
}

label,legend {
    display: block
}
label[for] {
    cursor: pointer
}

.float__wrapper {
    position: relative;
    margin: 20px 0
}

.float__wrapper:first-of-type,.float__wrapper:first-child {
    margin-top: 0
}

.float__wrapper:last-of-type,.float__wrapper:last-child {
    margin-bottom: 0
}

.float__wrapper input,.float__wrapper textarea {
    width: 100%
}

.float__wrapper input:focus,.float__wrapper textarea:focus {
    border: 1px solid var(--text-dark);
    box-shadow: none
}

.float__wrapper label {
    background: var(--bg);
    color: var(--text);
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    text-transform: var(--FONT-ACCENT-TRANSFORM);
    letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-relaxed);
    inset-inline-start: 7px;
    opacity: 0;
    padding: 0 4px;
    position: absolute;
    transform: translateY(2em);
    transition: transform .2s ease-out,opacity .15s linear;
    z-index: -1
}

.float__wrapper label.label--float {
    opacity: 1;
    transform: translateY(-1em);
    z-index: 1;
    padding-bottom: 2px
}

.form__legal {
    margin-bottom: 10px
}

.form__legal p {
    margin-top: 0;
    font-style: italic;
    color: var(--text-light);
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-normal)
}

.form__legal a {
    color: var(--text-dark);
    position: relative;
    text-decoration: none
}

.form__legal a:after {
    content: "";
    left: 0;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -1px;
    height: 1px;
    background: currentcolor;
    transition: transform .2s ease,opacity .4s cubic-bezier(.215,.61,.355,1)
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .form__legal a:after {
        height:.5px
    }
}

.form__legal a:after {
    opacity: .25;
    transform: scaleX(0);
    transform-origin: 100% 50%
}

.section-contact .form__legal {
    margin-top: 10px
}

:root {
    --OPTION-SIZE-SWATCH: 44px;
    --OPTION-SIZE-RADIO: 50px
}

.swatch__button {
    --swatch: #CCC;
    --swatch-offset: 2px;
    --swatch-border-width: 2px;
    --swatch-size: var(--OPTION-SIZE-SWATCH);
    display: inline-block
}

.swatch__button label,.swatch__label {
    position: relative;
    overflow: hidden;
    width: var(--swatch-size);
    height: var(--swatch-size);
    border-radius: var(--swatch-border-radius, 100%);
    background-color: var(--swatch)
}

.swatch__button--square {
    --swatch-border-radius: 0
}

.swatch__button input:disabled:hover,.swatch__button input:disabled~label:hover {
    cursor: default
}

.swatch__button.sold-out a:before,.swatch__button input.sold-out~label:before,.swatch__button input.unavailable~label:before,.swatch__button input:disabled~label:before,.radio__button .sold-out+label:before,.radio__button .unavailable+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    width: 3px;
    height: 100%;
    border-radius: 0;
    background: #000;
    margin-left: -1px;
    transform: rotate(45deg)
}


img {
    border: 0 none
}

svg:not(:root) {
    overflow: hidden
}

:root {
    --placeholder-bg: #eeeeee;
    --placeholder-fill: #B4B6B9
}

.image__hero__scale {
    --placeholder-bg: #ffffff;
    --placeholder-fill: #eeeeee
}

.bare-placeholder-colors .image__hero__scale,.look {
    --placeholder-bg: #e0e0e0;
    --placeholder-fill: #cfcfcf
}

svg.placeholder-svg {
    fill: var(--placeholder-fill);
    background-color: var(--placeholder-bg)
}

@keyframes imgLoadingShimmer {
    0% {
        transform: translate(-100%) rotate(32deg)
    }

    to {
        transform: translate(100%) rotate(8deg)
    }
}

.loading-shimmer {
    position: relative;
    background-color: var(--hairline)
}

.loading-shimmer img {
    opacity: 0
}

.loading-shimmer:after {
    content: "";
    position: absolute;
    top: -30%;
    left: -30%;
    right: -30%;
    bottom: -30%;
    animation-duration: 2.4s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: imgLoadingShimmer;
    animation-timing-function: linear;
    background: linear-gradient(to right,transparent 16%,var(--bg) 32%,transparent 48%);
    transform: translate(-100%) rotate(32deg)
}

.no-js .loading-shimmer:after {
    display: none
}

.no-js .loading-shimmer img {
    opacity: 1
}

.nested-banner:has(.block-split-image) .nested-banner__section-image img,.nested-banner:has(.block-split-image) .nested-banner__section-image svg {
    display: none!important
}

.image__hero__frame {
    position: relative;
    overflow: hidden;
    max-width: 100%
}

.image__hero__frame noscript,.image__hero__pane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image__hero__scale {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%
}

.reposition-background-mobile {
    --focal-point: var(--OBJECT-POSITION-DESKTOP)
}


.link-over-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20
}

.theme-animate-hover .link-over-image~img,.theme-animate-hover .link-over-image~.image__hero__frame .image__hero__scale {
    transition: transform 1.1s ease-out
}

.theme-animate-hover .link-over-image:hover~img,.theme-animate-hover .link-over-image:focus~img,.theme-animate-hover .link-over-image:hover~.image__hero__frame .image__hero__scale,.theme-animate-hover .link-over-image:focus~.image__hero__frame .image__hero__scale {
    transform: scale(1.05)
}

[data-overlay-header].has-overlay {
    --image-top: var(--menu-height);
    --image-bottom: calc(var(--menu-height) * .66)
}

[data-overlay-header].has-overlay .hero__content__wrapper[class*=align--bottom] {
    padding-bottom: 0;
    margin-bottom: var(--inner)
}

.section--image {
    overflow: hidden;
    position: relative;
    color: var(--text);
    --image-top: var(--inner);
    --image-bottom: var(--inner)
}

.section--image .section__inner {
    position: relative;
    overflow: hidden
}

.image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: var(--bg);
    opacity: var(--overlay-opacity, 0)
}

.hero__content {
    --default-max-width: calc(66% - var(--outer));
    --content-width-fallback: var(--CONTENT-WIDTH, var(--default-max-width));
    max-width: min(var(--content-width-fallback),var(--default-max-width));
    width: 100%;
    margin: var(--inner);
    padding: var(--outer);
    color: var(--text)
}


.hero__content.hero__content--large {
    --default-max-width: 100%
}

.hero__content__wrapper {
    position: absolute;
    display: flex;
    z-index: 10;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: var(--image-top);
    padding-bottom: var(--image-bottom)
}
.align--middle-center {
    align-items: center;
    justify-content: center;
    text-align: center
}
.align--bottom-center {
    align-items: flex-end;
    justify-content: center;
    text-align: center
}

.align--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
    text-align: end
}

.align-space-between-vertical {
    justify-content: space-between;
    align-items: center;
    flex-flow: column
}

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

img.auto,.grid__item img,.grid__item iframe {
    max-width: 100%
}
.text-center {
    text-align: center
}
.hide,.display-none {
    display: none
}

.visually-hidden,[data-shopify-xr-hidden] {
    position: absolute!important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.is-hidden {
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .8s cubic-bezier(.215,.61,.355,1)
}

html.js .no-js {
    display: none
}

.hero__content__wrapper,.text__standard {
    --cta-column-gap: 8px
}

.kicker-flourished {
    font-family: var(--TYPE-STACK-KICKER);
    font-style: var(--TYPE-STYLE-KICKER);
    font-weight: var(--TYPE-WEIGHT-KICKER);
    text-transform: var(--FONT-KICKER-TRANSFORM);
    letter-spacing: var(--FONT-KICKER-LETTER-SPACING);
    font-size: calc(var(--font-4) * var(--TYPE-ADJUST-KICKER));
    color: var(--text);
    padding-bottom: var(--inner);
    position: relative;
    text-align: center
}

.kicker-flourished:after {
    content: "";
    width: 30px;
    height: 3px;
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    margin-inline-start:var(--kicker-flourish-left, auto);margin-inline-end: var(--kicker-flourish-right, auto);
    background: var(--text);
    opacity: .2
}

.kicker__line {
    padding-bottom: var(--inner);
    position: relative
}

.kicker__line:after {
    content: "";
    width: 30px;
    height: 3px;
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    margin-inline-start:var(--kicker-flourish-left, auto);margin-inline-end: var(--kicker-flourish-right, auto);
    background: var(--text);
    opacity: .2
}

.hero__content__wrapper .rte p:last-child {
    margin-bottom: 0
}

.hero__kicker {
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    text-transform: var(--FONT-ACCENT-TRANSFORM);
    letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
    margin: 0
}

.hero__kicker:not([class*=body-size-],[class*=accent-size-]) {
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-normal)
}

.block__kicker--flourished {
    --inner: var(--gap, var(--grid-md));
    padding-bottom: var(--inner);
    position: relative
}

.block__kicker--flourished:after {
    content: "";
    width: 30px;
    height: 3px;
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    margin-inline-start:var(--kicker-flourish-left, auto);margin-inline-end: var(--kicker-flourish-right, auto);
    background: var(--text);
    opacity: .2
}

.hero__content--transparent .block__kicker--flourished:after {
    opacity: 1
}

.text-center,.align--top-center,.align--middle-center,.align--bottom-center {
    --kicker-flourish-left: auto;
    --kicker-flourish-right: auto
}

.text-left,.text-start,.align--top-left,.align--middle-left,.align--bottom-left {
    --kicker-flourish-left: 0;
    --kicker-flourish-right: auto
}

.text-right,.text-end,.align--top-right,.align--middle-right,.align--bottom-right {
    --kicker-flourish-left: auto;
    --kicker-flourish-right: 0
}

.hero__title {
    margin: 0
}

.hero__kicker p,.hero__title p {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: inherit;
    margin-top: inherit
}

.hero__kicker a,.hero__title a {
    text-decoration: underline
}

.hero__kicker a:hover,.hero__title a:hover {
    text-decoration: none
}

.hero__kicker+.hero__title {
    margin: var(--space-2) 0 0 0
}

.hero__title+.hero__description {
    margin: var(--space-4) 0 0 0
}

.hero__kicker,.hero__description,.hero__cta__wrapper,.hero__title {
    overflow: hidden
}

.hero__cta__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: visible;
    margin: 0 calc(-1 * var(--cta-column-gap));
    width: calc(100% + 2 * var(--cta-column-gap))
}

.text-left .hero__cta__wrapper {
    justify-content: flex-start
}

.text-center .hero__cta__wrapper {
    justify-content: center
}

.text-right .hero__cta__wrapper {
    justify-content: flex-end
}


.hero__cta__wrapper .hero__btn {
    margin-bottom: 0
}

.hero__btn+.hero__cta__wrapper {
    margin-top: var(--space-8)
}

.hero__btn:not(.btn--block),.btn-text-thick-line+.hero__btn,.hero__btn+.btn-text-thick-line {
    margin-left: var(--cta-column-gap);
    margin-right: var(--cta-column-gap)
}

.hero__cta__wrapper__btn-container {
    flex-basis: 100%
}

.hero__cta__wrapper .hero__btn+.hero__btn:not(.standard__cta),.hero__cta__wrapper .hero__btn:not(.standard__cta),.hero__cta__wrapper .btn-text-thick-line {
    margin-top: var(--space-8)
}

.hero__content.text-center .hero__cta__wrapper,.align--top-center .hero__cta__wrapper,.align--middle-center .hero__cta__wrapper,.align--bottom-center .hero__cta__wrapper {
    justify-content: center
}
.text__standard {
    color: var(--text)
}

.text__standard .standard__cta {
    display: inline-block;
    margin: var(--space-6) var(--cta-column-gap) 0;
    vertical-align: middle
}

.text__standard *:last-child:not(.standard__cta):not(.timer) {
    margin-bottom: 0
}

.standard__heading:first-child {
    margin-top: 0
}

.standard__kicker {
    font-family: var(--TYPE-STACK-KICKER);
    font-style: var(--TYPE-STYLE-KICKER);
    font-weight: var(--TYPE-WEIGHT-KICKER);
    text-transform: var(--FONT-KICKER-TRANSFORM);
    letter-spacing: var(--FONT-KICKER-LETTER-SPACING);
    overflow: hidden;
    color: var(--text);
    margin: 0
}

.hero__title,.hero__title p,.standard__heading,.standard__heading p {
    font-family: var(--FONT-STACK-HEADING);
    font-style: var(--FONT-STYLE-HEADING);
    font-weight: var(--FONT-WEIGHT-HEADING);
    letter-spacing: var(--FONT-HEADING-LETTER-SPACING);
    text-transform: var(--FONT-HEADING-TRANSFORM)
}

.standard__kicker,.standard__heading,.standard__rte,.standard__cta,.standard__icons,.standard__image,.standard__list {
    overflow: hidden;
    margin-bottom: var(--space-6)
}

.standard__kicker+.standard__spacer,.standard__heading+.standard__spacer,.standard__rte+.standard__spacer,.standard__cta+.standard__spacer,.standard__icons+.standard__spacer,.standard__image+.standard__spacer,.standard__list+.standard__spacer {
    margin-top: calc(var(--space-6) * -1)
}

.text__standard {
    max-width: var(--CONTENT-WIDTH, 100%)
}

.text__standard.text-center {
    margin-left: auto;
    margin-right: auto
}

.text__standard.text-right {
    margin-left: auto
}

.standard__rte.columns--2 p:first-of-type,.standard__rte.columns--3 p:first-of-type {
    margin-top: 0
}

.standard__cta.btn--small,.standard__cta.btn--medium,.standard__cta.btn--large,.standard__cta.shopify-challenge__button,.standard__cta.btn--long {
    margin-top: var(--space-8);
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT))
}

.standard__cta.btn-text-thick-line {
    line-height: 1;
    padding: 5px 0;
    min-width: auto
}

.standard__cta.btn-text-thick-line.btn--long {
    margin-left: 50px;
    margin-right: 50px
}

.standard__cta.btn-text-thick-line:after {
    bottom: 0
}

.standard__cta:not(.btn--block),.standard__cta+.standard__icon,.standard__icon+.standard__cta {
    margin-left: var(--cta-column-gap);
    margin-right: var(--cta-column-gap)
}

.palette--light,:root {
    --bg: var(--COLOR-BG);
    --bg-accent: var(--COLOR-BG-ACCENT);
    --text-dark: var(--COLOR-TEXT-DARK);
    --text: var(--COLOR-TEXT);
    --text-light: var(--COLOR-TEXT-LIGHT);
    --hover: var(--COLOR-A95);
    --muted: var(--COLOR-A35);
    --border: var(--COLOR-A20);
    --hairline: var(--COLOR-A5);
    --hairline-hover: var(--COLOR-A10);
    --contrast: #000;
    --primary: var(--COLOR-PRIMARY);
    --primary-fade: var(--COLOR-PRIMARY-FADE);
    --secondary: var(--COLOR-SECONDARY);
    --secondary-fade: var(--COLOR-SECONDARY-FADE);
    --rgb-canvas: var(--RGB-CANVAS);
    --rgb-content: var(--RGB-CONTENT);
    --rgb-primary: var(--RGB-PRIMARY);
    --rgb-secondary: var(--RGB-SECONDARY);
    --rgb-primary-contrast: var(--RGB-PRIMARY-CONTRAST);
    --rgb-secondary-contrast: var(--RGB-SECONDARY-CONTRAST);
    --rgb-black: 0 0 0;
    --rgb-white: 255 255 255;
    --rgb-black-contrast: var(--rgb-white);
    --rgb-white-contrast: var(--rgb-black);
    --rgb-canvas-contrast: var(--rgb-content);
    --rgb-content-contrast: var(--rgb-canvas);
    --rgb-button-main: var(--rgb-content);
    --rgb-button-contrast: var(--rgb-content-contrast);
    --color-error: #D02E2E;
    --color-success: #56AD6A
}

.palette--dark,body.default--dark {
    --bg: var(--INVERSE-BG);
    --bg-accent: var(--INVERSE-BG-ACCENT);
    --text-dark: var(--INVERSE-TEXT-DARK);
    --text: var(--INVERSE-TEXT);
    --text-light: var(--INVERSE-TEXT-LIGHT);
    --hover: var(--INVERSE-A95);
    --muted: var(--INVERSE-A35);
    --border: var(--INVERSE-A20);
    --hairline: var(--INVERSE-A5);
    --hairline-hover: var(--INVERSE-A10);
    --contrast: #FFF;
    --primary: var(--INVERSE-PRIMARY);
    --primary-fade: var(--INVERSE-PRIMARY-FADE);
    --secondary: var(--INVERSE-SECONDARY);
    --secondary-fade: var(--INVERSE-SECONDARY-FADE);
    --rgb-canvas: var(--RGB-DARK-CANVAS);
    --rgb-content: var(--RGB-DARK-CONTENT);
    --rgb-primary: var(--RGB-DARK-PRIMARY);
    --rgb-secondary: var(--RGB-DARK-SECONDARY);
    --rgb-dark-primary-contrast: var(--RGB-DARK-PRIMARY-CONTRAST);
    --rgb-dark-secondary-contrast: var(--RGB-DARK-SECONDARY-CONTRAST);
    --color-error: #D02E2E;
    --color-success: #56AD6A
}
.palette--dark,.palette--light,.palette--bright,.main-content {
    color: var(--text);
    background-color: var(--bg)
}
.text--neutral {
    --text-dark: var(--COLOR-TEXT-DARK);
    --text: var(--COLOR-TEXT);
    --text-light: var(--COLOR-TEXT-LIGHT)
}

.text--white {
    --text: #FFF;
    --text-light: #FFF;
    --text-dark: #F7F7F7
}
.text--black {
    --text: #000;
    --text-light: #000;
    --text-dark: #000
}

.text--primary {
    --text: var(--COLOR-PRIMARY);
    --text-light: var(--COLOR-PRIMARY);
    --text-dark: var(--COLOR-PRIMARY)
}

.text--secondary {
    --text: var(--COLOR-SECONDARY);
    --text-light: var(--COLOR-SECONDARY);
    --text-dark: var(--COLOR-SECONDARY)
}
.text--invert--primary {
    --text: var(--INVERSE-PRIMARY);
    --text-light: var(--INVERSE-PRIMARY);
    --text-dark: var(--INVERSE-PRIMARY)
}

.text--invert--secondary {
    --text: var(--INVERSE-SECONDARY);
    --text-light: var(--INVERSE-SECONDARY);
    --text-dark: var(--INVERSE-SECONDARY)
}

.text--invert {
    --text: var(--INVERSE-A90);
    --text-light: var(--INVERSE-A80);
    --text-dark: var(--INVERSE-TEXT)
}

.text--bright--primary {
    --text: var(--BRIGHT-PRIMARY);
    --text-light: var(--BRIGHT-PRIMARY);
    --text-dark: var(--BRIGHT-PRIMARY)
}

.text--bright--secondary {
    --text: var(--BRIGHT-SECONDARY);
    --text-light: var(--BRIGHT-SECONDARY);
    --text-dark: var(--BRIGHT-SECONDARY)
}

.bg--transparent {
    --bg: rgb(255 255 255 / 0%)
}

.bg--neutral {
    --bg: var(--COLOR-BG)
}

.bg--accent {
    --bg: var(--COLOR-BG-ACCENT)
}

.bg--invert {
    --bg: var(--INVERSE-BG)
}

:root {
    --full-screen: 100vh;
    --three-quarters: 75vh;
    --two-thirds: 66vh;
    --one-half: 50vh;
    --one-third: 33vh;
    --one-fifth: 20vh;
    --header-height: 100px;
    --footer-height: 500px;
    --announcement-height: 33px;
    --content-full: 90vh;
    --scrollbar-width: 0
}

.use_screen_full {
    height: var(--full-screen)
}

.use_screen_three_quarters {
    height: var(--three-quarters)
}

.use_screen_two_thirds {
    height: var(--two-thirds)
}

.use_screen_one_half {
    height: var(--one-half)
}

:root {
    --ease-out-fast: cubic-bezier(.215, .61, .355, 1);
    --ease-out-sharp: cubic-bezier(.25, .1, .25, 1)
}

.header__wrapper {
    --bg: var(--COLOR-NAV);
    --border: var(--COLOR-NAV-BORDER);
    --text: var(--COLOR-NAV-TEXT);
    --text-dark: var(--COLOR-NAV-TEXT-DARK);
    --text-light: var(--COLOR-NAV-TEXT-LIGHT);
    --text-transparent: var(--COLOR-NAV-TEXT-TRANSPARENT);
    --underline: var(--COLOR-NAV-A10)
}

.theme__header {
    position: absolute;
    z-index: 6000;
    width: 100%;
    background-color: var(--bg);
    color: var(--text);
    border-bottom: 1px solid var(--border);
    display: flex;
    flex-wrap: wrap
}

.header__inner {
    width: 100%
}

.header__backfill {
    visibility: hidden;
    z-index: -1;
    position: relative
}

.header__backfill .theme__header__toolbar {
    display: flex;
    flex-wrap: nowrap
}

.header__backfill__content {
    display: flex
}

@media (pointer: coarse) {
    .header__backfill__content {
        display:grid;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

.header__logo {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: var(--LOGO-PADDING) 0;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: span 4/span 4
}

.header__logo img {
    font-size: 0
}


.header__logo__link {
    display: block;
    text-decoration: none;
    color: var(--text);
    position: relative;
    max-width: 50vw;
    width: var(--LOGO-WIDTH, auto)
}

.header__logo__link img {
    height: auto
}

.header__logo__text {
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1em .5em;
    background: var(--COLOR-NAV-TEXT);
    color: var(--COLOR-NAV)
}

.header__logo__text span {
    max-width: calc(50vw - 1em);
    text-align: center;
    line-height: 1;
    height: auto
}

.header__logo__text--long.header__logo__text {
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-normal)
}

.header__mobile {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr))
}

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

.header__mobile__left,.header__mobile__right {
    display: flex
}

.header__mobile__left {
    display: flex;
    justify-content: flex-start
}

.header__mobile__left .header__mobile__button {
    display: flex;
    justify-content: flex-start;
    padding-left: 0
}

.header__mobile__right {
    display: flex;
    justify-content: flex-end
}

.header__mobile__right .header__mobile__button {
    display: flex;
    justify-content: flex-end;
    padding-right: 0
}

.header__mobile__right .visually-hidden,.header__mobile__right [data-shopify-xr-hidden] {
    margin-right: 0
}

.header__mobile__button {
    height: 100%;
    min-width: 60px;
    display: flex;
    align-items: center;
    align-content: center
}

.header__desktop {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap
}
.header__desktop__button .navlink,.header__mobile__button {
    color: var(--text)
}

.header__mobile__left svg,.header__mobile__right svg {
    font-size: 24px
}

.js__header__stuck {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 6000
}

.js__header__stuck .theme__header {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: background-color 0s cubic-bezier(.215,.61,.355,1),-webkit-backdrop-filter .5s cubic-bezier(.215,.61,.355,1);
    transition: backdrop-filter .5s cubic-bezier(.215,.61,.355,1),background-color 0s cubic-bezier(.215,.61,.355,1);
    transition: backdrop-filter .5s cubic-bezier(.215,.61,.355,1),background-color 0s cubic-bezier(.215,.61,.355,1),-webkit-backdrop-filter .5s cubic-bezier(.215,.61,.355,1)
}

.js__header__stuck .theme__header:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -5;
    opacity: 0;
    transition: opacity .2s linear;
    background: var(--bg)
}

.js__header__stuck.js__header__stuck__backdrop .theme__header {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #fff0;
    transition: background-color .8s cubic-bezier(.215,.61,.355,1),-webkit-backdrop-filter .5s cubic-bezier(.215,.61,.355,1);
    transition: backdrop-filter .5s cubic-bezier(.215,.61,.355,1),background-color .8s cubic-bezier(.215,.61,.355,1);
    transition: backdrop-filter .5s cubic-bezier(.215,.61,.355,1),background-color .8s cubic-bezier(.215,.61,.355,1),-webkit-backdrop-filter .5s cubic-bezier(.215,.61,.355,1)
}

.js__header__stuck.js__header__stuck__backdrop .theme__header:after {
    opacity: .7;
    transition: opacity 0s cubic-bezier(.215,.61,.355,1)
}
.logo__img {
    display: block;
    width: 100%;
    opacity: 1
}


@media (pointer: coarse) {
    .header__desktop {
        display:none
    }

    .header__mobile {
        display: grid
    }
}

.js__header__clone {
    position: absolute;
    transform: translateY(-5000px);
    visibility: hidden
}

[data-header-cart-count],[data-header-cart-price] {
    display: none
}

.ticker--animated {
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker;
    animation-duration: var(--animation-time);
    animation-play-state: running;
    display: flex;
    width: -moz-max-content;
    width: max-content;
    will-change: transform,padding,width
}

.ticker__comparitor {
    position: absolute;
    transform: translateY(-5000px);
    visibility: hidden
}

.header__drawer {
    --border: var(--COLOR-NAV-A10);
    --muted: var(--COLOR-NAV-A50);
    --text: var(--COLOR-NAV-TEXT);
    --text-light: var(--COLOR-NAV-TEXT);
    --text-dark: var(--COLOR-NAV-TEXT);
    --outer: 20px;
    color: var(--text)
}

.search-popdown .header__search__results {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: max-height .5s ease,opacity .5s ease,visibility .5s;
    background: var(--bg);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.accordion__wrapper {
    border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border)
}

.accordion__wrapper+.accordion__wrapper {
    border-top: none
}

.accordion__title {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    font-weight: var(--FONT-WEIGHT-BODY-BOLD);
    letter-spacing: var(--FONT-BODY-LETTER-SPACING);
    text-transform: var(--FONT-BODY-TRANSFORM);
    overflow: hidden;
    display: block;
    text-align: inherit;
    width: 100%;
    position: relative;
    padding-inline:0 30px;padding-block:var(--space-8);margin: 0;
    cursor: pointer;
    white-space: normal
}

.accordion__title:after {
    position: absolute;
    top: 50%;
    inset-inline-end: 5px;
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-width: 0 0 var(--ICON-STROKE-WIDTH) var(--ICON-STROKE-WIDTH);
    border-style: solid;
    border-color: var(--text-dark);
    margin: -4px 0 0;
    vertical-align: middle;
    transform: rotate(-45deg);
    transform-origin: 50% 50%;
    transition: all .3s cubic-bezier(.215,.61,.355,1)
}

.accordion__title.accordion-is-open:after {
    transform: rotate(135deg)
}

.accordion__title:not([class*=accent-size-]) {
    font-size: calc(var(--font-5) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-snug)
}

.accordion__body {
    display: none;
    overflow: hidden;
    padding-bottom: var(--space-9)
}
.section-accordion .accordion__body {
    padding-bottom: var(--space-6)
}

.logo-bar {
    text-align: center;
    margin: -10px 0
}

.logo-bar a {
    text-decoration: none
}

.logo-bar__item {
    display: inline-block;
    vertical-align: middle;
    width: var(--width);
    margin: 10px var(--gutter)
}

.logo-bar__link {
    display: block
}

.logo-bar__wrapper {
    position: relative;
    overflow: hidden
}

.logo-bar__text {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.logo-bar__text * {
    white-space: nowrap
}

.logo-bar--marquee .logo-bar__text {
    justify-content: space-between;
    flex-wrap: nowrap
}

.no-js .logo-bar--marquee .logo-bar__text {
    flex-wrap: wrap;
    justify-content: center
}

.logo-bar__message {
    overflow: hidden;
    width: 100%;
    font-size: 0
}

.logo-bar__scale {
    display: flex;
    transition: opacity .5s linear
}

.logo-bar__scale.ticker--unloaded {
    width: -moz-max-content;
    width: max-content
}

.logo-bar .ticker--animated {
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker;
    animation-duration: var(--animation-duration);
    animation-play-state: paused;
    display: flex;
    width: -moz-max-content;
    width: max-content;
    will-change: transform,padding,width
}


.logo-bar__holder>.logo-bar .ticker--animated {
    animation-play-state: running
}

.collection-grid-item {
    position: relative;
    width: 100%;
    margin-bottom: var(--gutter);
    text-align: center
}

.collection-grid-item .hero__content__wrapper {
    padding-right: var(--gutter);
    padding-left: var(--gutter)
}

.collection-grid-item .text-btn-arrow-right:after {
    animation: move-right 2s infinite ease-in-out
}

.collection-grid-item .image__hero__frame {
    padding-top: var(--aspect-ratio)
}

.collection-grid-item__subtitle,.collection-grid-item__title {
    width: 100%
}

.collection-grid-item__subtitle,.collection-grid-item__btn {
    transform: translateY(calc(100% + var(--image-bottom)));
    opacity: 0;
    transition: transform .6s cubic-bezier(.215,.61,.355,1),opacity .6s cubic-bezier(.215,.61,.355,1) 0s
}

.collection-grid-item__subtitle {
    transform: translateY(calc(-100% - var(--image-bottom)))
}

.collection-grid-item__title {
    margin-bottom: 0;
    margin-top: 0
}

.icon__column {
    stroke: var(--text-light)
}

.icon__column__icon {
    width: var(--ICON-SIZE, 20px);
    height: var(--ICON-SIZE, 20px);
    margin-bottom: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0
}

.icon__column__icon svg {
    width: 100%;
    height: 100%
}

.icon__column__icon svg path,.icon__column__icon svg g,.icon__column__icon svg circle {
    stroke: var(--ICON-STROKE-COLOR)
}

.text-center .icon--top .icon__column__icon {
    margin-left: auto;
    margin-right: auto
}

.icon__column__text {
    overflow: hidden
}

.icon__column__heading {
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    text-transform: var(--FONT-ACCENT-TRANSFORM);
    letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-normal);
    color: var(--text-dark);
    margin: 0
}

.rte.icon__column__paragraph {
    margin: .25em 0;
    color: var(--text-light)
}

.rte.icon__column__paragraph:first-child {
    margin-top: 0
}

.rte.icon__column__paragraph:last-child {
    margin-bottom: 0
}

.section-icons .clearfix {
    padding-bottom: 40px
}

.index__column {
    padding-bottom: 30px
}

.section-columns .rte p:last-child,.section-columns div:last-child,.section-columns h3:last-child {
    margin-bottom: 0
}


.column__image {
    position: relative;
    margin-bottom: 20px
}

.brick__section {
    display: flex;
    align-items: stretch;
    --menu-height: 0;
    --brick-gutter: var(--BRICK-GUTTER)
}


.brick__block {
    width: 100%;
    height: 100%;
    position: relative
}

.brick__block__text {
    height: 100%;
    display: flex;
    padding-inline-start:var(--outer);padding-inline-end: var(--outer);
    align-items: center;
    background-color: var(--bg)
}

.brick__block__text__inner {
    width: 100%
}


.brick__section.use_image .brick__block {
    height: auto
}

.brick__block__image,.brick__block__video,.brick__block__text {
    color: var(--text)
}

.brick__block__image {
    overflow: hidden;
    position: relative
}

.brick__block__image.brick__block__image--hotspots {
    height: auto
}

.brick__block__image.brick__block__image--hotspots .image__hero__frame {
    min-height: unset!important;
    height: auto
}

.brick__block__product__inner {
    width: 100%
}

.brick__block__product__inner .standard__kicker {
    max-width: 350px;
    width: 100%;
    margin: 0 auto
}

.brick__product {
    background-color: var(--bg-accent);
    padding: var(--inner);
    display: block;
    max-width: 350px;
    margin: var(--outer) auto 0 auto
}

.brick__product .product-grid-item .product__grid__info {
    padding-bottom: 0
}

.brick__product.flickity-cell.is-selected {
    z-index: 1
}

.brick__collection {
    max-width: 500px;
    padding: 0 75px 50px;
    margin: 0 auto
}

.brick__collection .brick__product {
    background-color: var(--bg-accent);
    width: 100%;
    margin-left: var(--outer)
}


.brick__collection .brick__product .product-grid-item {
    width: 100%
}

.brick__collection .flickity-button.flickity-prev-next-button {
    background: var(--bg-accent)
}

.brick__collection .flickity-badge-dots .flickity-page-dots:before {
    opacity: 0
}

.brick__collection .flickity-page-dots {
    background: var(--bg-accent);
    bottom: 10px
}

.brick__collection .flickity-page-dots .flickity-page-dot {
    background: var(--text)
}

.brick__collection:not(.flickity-enabled) .brick__product:not(:first-child) {
    display: none
}


.text-center .brick__collection .flickity-page-dots {
    left: 50%;
    transform: translate(-50%)
}

.section-featured-article {
    --padding-top: var(--PT);
    --padding-bottom: var(--PB);
    --margin-vertical: calc((var(--inner) * 2) + (var(--padding-bottom) / 2));
    --margin-vertical-negative: calc(((var(--inner) * 2) + (var(--padding-top) / 2)) * -1);
    --margin-horizontal: calc(var(--inner) * 4);
    --margin-horizontal-negative: calc(var(--margin-horizontal) * -1);
    position: relative;
    height: auto
}

.section-featured-article:before {
    content: "";
    display: table;
    clear: both
}
    .section-featured-article.use_screen_one_half {
        min-height: var(--one-half)
    }
.section-featured-article .section__wrapper {
    display: flex;
    min-height: inherit;
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom)
}

.section-featured-article .section__inner {
    flex: 1;
    position: relative
}

.section-featured-article .hero__image {
    flex: 1;
    position: relative;
    overflow: hidden
}

.section-featured-article .image__hero__frame {
    min-height: 100%
}


.section-featured-article .hero__image {
    flex: 1;
    position: relative;
    overflow: hidden
}

.section-featured-article .image__hero__frame {
    min-height: 100%
}


.section-featured-article.has-overlay .hero__content__wrapper[class*=align--bottom],.section-featured-article .hero__content__wrapper {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0
}



.section-featured-article:not([data-overlay-header].has-overlay) .hero__content__wrapper {
    padding-top: 0
}


.section-featured-article .hero__image+.hero__content__wrapper {
    margin-top: var(--margin-horizontal-negative)
}

.frame {
    overflow: hidden
}

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

.gallery__item {
    float: left
}

.custom__title {
    margin: 0;
    padding-top: calc(var(--outer) * .75);
    width: 100%
}

.custom__title:first-child {
    padding-top: 0
}

.custom__text {
    width: 100%;
    padding-right: 10px
}

.text-right .custom__text {
    padding-right: 0
}

.border--line {
    border-top: 1px solid var(--border)
}

.border--line .custom__title {
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    text-transform: var(--FONT-ACCENT-TRANSFORM);
    letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
    color: var(--text-light)
}

.border--line .custom__text {
    color: var(--text-light)
}

.border--line>.custom__text {
    margin: 0;
    padding-top: calc(var(--outer) / 4);
    line-height: 1.4
}

.border--line>.custom__text:first-child {
    padding-top: 0
}

.gallery__text {
    display: flex;
    flex-direction: column;
    padding-top: calc(var(--outer) * .75);
    padding-bottom: calc(var(--outer) * .75)
}

.gallery__item .lookbook__rte {
    margin: 0;
    padding: 0
}

.footer {
    --bg: var(--COLOR-FOOTER-BG);
    --hairline: var(--COLOR-FOOTER-A5);
    --text: var(--COLOR-FOOTER-A90);
    --border: var(--COLOR-FOOTER-A15);
    --text-dark: var(--COLOR-FOOTER-TEXT);
    --margin-offset: min(calc((((100vw - var(--scrollbar-width)) - var(--LAYOUT-WIDTH)) / 2) * -1), 0px);
    position: relative;
    background-color: var(--bg);
    color: var(--text);
    text-align: left;
    margin-top: auto
}

.footer a {
    color: var(--text-dark)
}

.footer a:hover {
    text-decoration: none
}


.footer__logo__wrapper {
    padding-bottom: var(--padding-bottom)
}

.footer__column p {
    margin-top: 0
}

.footer__logo {
    display: block;
    max-width: 100%
}

.footer__logo img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto
}

.footer__image img {
    display: block;
    width: 100%;
    height: auto
}

.footer__accordion__head {
    position: relative
}

.footer__accordion__head .icon-theme {
    font-size: 18px;
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: transform .3s
}

.no-js .no-js-checkbox:checked+.footer__accordion__head .icon-theme,.footer__accordion__head.accordion-is-open .icon-theme {
    transform: translateY(-50%) rotate(90deg)
}


.footer__accordion__body {
    overflow: hidden;
    padding: 20px 0;
    margin: 0
}


.footer__title {
    padding-bottom: 10px;
    margin-bottom: 0;
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    text-transform: var(--FONT-ACCENT-TRANSFORM);
    letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-normal)
}

.footer__quicklinks li {
    margin: 0 0 11px
}

.footer__quicklinks a {
    position: relative;
    text-decoration: none
}

.footer__quicklinks a:after {
    content: "";
    left: 0;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -1px;
    height: 1px;
    background: currentcolor;
    transition: transform .2s ease,opacity .4s cubic-bezier(.215,.61,.355,1)
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .footer__quicklinks a:after {
        height:.5px
    }
}

.footer__quicklinks a:after {
    opacity: .25;
    transform: scaleX(0);
    transform-origin: 100% 50%
}

[dir=rtl] .footer__quicklinks a:after {
    transform-origin: 0 50%
}

.footer__quicklinks a:hover:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    opacity: 1
}

[dir=rtl] .footer__quicklinks a:hover:after {
    transform-origin: 100% 50%
}


.footer__content {
    min-width: 0
}


.footer__content__inner {
    padding: var(--padding-top) 0 var(--padding-bottom) 0
}


.footer__aside {
    position: relative;
    z-index: 1;
    margin-inline:var(--outer-offset);background-color: var(--bg);
    color: var(--text)
}


.footer__newsletter__body {
    padding: var(--padding-top) var(--outer)
}

.footer__newsletter__body p:first-child {
    margin-top: 0
}

.footer__newsletter__body .rte:last-child,.footer__newsletter__body p:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.footer__newsletter__body .footer__form .input-group-button button:hover {
    color: var(--text-dark)
}


.footer__block--socials {
    padding-bottom: var(--padding-bottom)
}

.footer__block--socials:first-child {
    padding-top: var(--padding-bottom)
}

.footer__block--socials h3:last-child {
    margin-bottom: 0
}


.footer__socials {
    padding-top: 15px;
    border-top: 1px solid var(--border);
    margin-top: 15px;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0
}

.footer__socials:first-child {
    padding-top: 0;
    border-top: none;
    margin-top: 0
}


.footer__icon {
    display: inline-block;
    height: 18px;
    margin-inline:0 20px;margin-block:5px;font-size: 0;
    line-height: 0;
    letter-spacing: 0
}

.footer__icon:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.footer__icon img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: middle
}

.footer__icon svg {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle
}


.footer__icon--payment {
    width: 36px;
    max-width: unset;
    height: auto;
    margin-inline-end:5px}

.footer__icon--payment svg {
    height: auto
}


.footer__icon--social {
    max-width: 18px
}

.footer__icon--social path {
    fill: var(--text)
}

.footer__icon--social:hover path {
    fill: var(--text-dark)
}

.subfooter {
    --bg: var(--COLOR-SUB-FOOTER-BG);
    --hairline: var(--COLOR-SUB-FOOTER-A5);
    --text: var(--COLOR-SUB-FOOTER-A90);
    --border: var(--COLOR-SUB-FOOTER-A15);
    --text-dark: var(--COLOR-SUB-FOOTER-TEXT);
    background-color: var(--bg);
    color: var(--text)
}

.subfooter__items {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 100%;
    background-color: var(--bg);
    gap: var(--space-2);
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT);
    text-transform: var(--FONT-ACCENT-TRANSFORM);
    letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-normal)
}

.subfooter__items a:not(.footer__icon) {
    position: relative;
    text-decoration: none
}

.subfooter__items a:not(.footer__icon):after {
    content: "";
    left: 0;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -1px;
    height: 1px;
    background: currentcolor;
    transition: transform .2s ease,opacity .4s cubic-bezier(.215,.61,.355,1)
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .subfooter__items a:not(.footer__icon):after {
        height:.5px
    }
}

.subfooter__items a:not(.footer__icon):after {
    opacity: .25;
    transform: scaleX(0);
    transform-origin: 100% 50%
}

[dir=rtl] .subfooter__items a:not(.footer__icon):after {
    transform-origin: 0 50%
}

.subfooter__items a:not(.footer__icon):hover:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    opacity: 1
}

[dir=rtl] .subfooter__items a:not(.footer__icon):hover:after {
    transform-origin: 100% 50%
}


.subfooter__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    -moz-column-gap: 10px;
    column-gap: 10px
}


.subfooter__select .popout:first-child {
    padding-left: 0
}

.js-grid {
    display: grid;
    -moz-column-gap: var(--gutter);
    column-gap: var(--gutter);
    row-gap: var(--gutter)
}

.js-grid>* {
    min-width: 0
}

.js-grid__full-row {
    grid-column-start: 1;
    grid-column-end: -1
}


[data-toggle-grid] {
    cursor: pointer;
    padding: 0 10px;
    color: var(--text-light);
    height: 100%;
    align-items: center;
    display: flex
}

[data-toggle-grid].is-active,[data-toggle-grid]:hover {
    color: var(--text-dark)
}

[data-toggle-grid]:last-child {
    padding-inline-end:20px}

.frame,.section-recent,.section-list-collections,.section-related,.section-collection-tabs,.section-carousel,.section-blog {
    position: relative;
    overflow: hidden
}


.product-grid-item {
    position: relative;
    text-align: center
}

.product-grid-item a {
    display: block
}

.product-grid-item a:focus {
    outline: none
}

.product-grid-item .hero__content__wrapper {
    padding-right: var(--gutter);
    padding-left: var(--gutter)
}

.product-grid-item:hover .text-btn-arrow-right:after {
    animation: move-right 2s infinite ease-in-out
}

.product__grid__info {
    position: relative;
    padding: 8px 0 0
}

.product__grid__info a {
    display: block;
    text-decoration: none;
    color: var(--text-dark)
}

.product__grid__title {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    font-weight: var(--FONT-WEIGHT-BODY-BOLD);
    letter-spacing: var(--FONT-BODY-LETTER-SPACING);
    text-transform: var(--FONT-BODY-TRANSFORM);
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-normal);
    margin: 8px 0 2px;
    word-break: break-word;
    text-transform: none;
    letter-spacing: 0
}

.product__grid__price {
    overflow: hidden;
    margin: 3px 0;
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-normal)
}

.text-left .product__grid__price {
    justify-content: flex-start
}

.text-center .product__grid__price {
    justify-content: center
}

.text-right .product__grid__price {
    justify-content: flex-end
}

.product__grid__price--nowrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.product__grid__price--nowrap .compare-at {
    margin-top: 0
}

.product__grid__price--nowrap .price,.product__grid__price--nowrap .compare-at {
    flex: 0 1 auto;
    white-space: nowrap
}

.product__grid__cutline {
    position: relative;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    padding-inline-end:6px;margin-inline-end:5px;text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: top
}

.product__grid__cutline:empty {
    padding-inline-end:0;margin-inline-end:0}

.product__grid__cutline:before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    inset-inline-end: 0;
    border-inline-end:1px solid currentcolor}

.product__grid__price__sold,.product__grid__price__unit {
    margin: 3px 0;
    padding: 0;
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-normal)
}

.grid__swatch__placeholder {
    margin: 0;
    padding: 0;
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-relaxed);
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: 1;
    transition: opacity .3s cubic-bezier(.215,.61,.355,1)
}

.supports-touch .grid__swatch__placeholder {
    position: relative;
    z-index: 2;
    cursor: pointer
}

.grid__swatch__container {
    min-height: 28px;
    overflow: hidden;
    margin: 4px 0 0;
    position: relative;
    display: flex;
    align-items: flex-start
}

.text-center .grid__swatch__container {
    justify-content: center
}

.text-right .grid__swatch__container {
    justify-content: flex-end
}

.grid__swatch__container .swatch__button {
    margin: 0 4px
}

.product__grid__info.text-left .grid__swatch__container .swatch__button:first-child {
    margin-left: 0
}

.grid__swatch__container .swatch__button {
    --OPTION-SIZE-SWATCH: 34px;
    --swatch-offset: 2px;
    --swatch-border-width: 2px
}
.product__grid__info .grid__swatch__hover {
    overflow-x: auto;
    position: absolute;
    display: flex;
    flex-flow: row nowrap;
    max-width: 290px;
    padding: 6px 0 26px;
    margin: 0 0 -32px;
    opacity: 0;
    width: 100%;
    transition: opacity .3s cubic-bezier(.215,.61,.355,1)
}

.product-grid-item__link {
    position: relative;
    display: block
}

.product-grid-item__container {
    position: relative;
    overflow: hidden
}

.product-grid-item__image-wrapper {
    background: var(--bg);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s linear,visibility .15s linear;
    transition-delay: .15s
}

.product-grid-item__image-wrapper.is-active {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.product-grid-item__error-display {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    padding: calc(var(--inner) / 2)
}

.collection-list-item+.collection-list-item {
    margin-top: 60px
}

.collection-list-item:first-of-type {
    padding-top: 20px
}

.kicker-flourished+.collection-list-item {
    padding-top: 0
}

.collection-list__heading hr {
    margin: 10px 0
}

.collection-list__heading__text {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px
}

.collection-list__heading__text .hero__title {
    margin-right: 10px
}

.collection-list__product {
    flex: 0 0 var(--product-width)
}

.drawer__underlay {
    position: fixed;
    visibility: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.search__predictive {
    --text: var(--COLOR-NAV-TEXT);
    --text-dark: var(--COLOR-NAV-TEXT);
    --text-light: var(--COLOR-NAV-TEXT);
    --bg: var(--COLOR-NAV);
    --border: var(--COLOR-NAV-BORDER);
    color: var(--text);
    background: var(--bg)
}

.search__predictive__main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.search__predictive__close {
    width: 90px;
    height: 100%
}

.search__predictive__close__inner {
    display: flex;
    align-items: center;
    max-height: none;
    height: 100%;
    padding: 20px 10px;
    margin-inline-start:auto;font-size: inherit;
    cursor: pointer
}

.search__predictive__close__inner svg {
    font-size: 24px
}

.search__predictive__clear {
    display: flex
}

.search__predictive__clear svg {
    display: none;
    font-size: 20px
}

.section-blog__btn,.section-blog .custom-scrollbar {
    margin-top: 20px
}

.blog__tags strong {
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD)
}

.article__item {
    margin-bottom: 63px
}

.article__item .rte p:last-child,.article__item div:last-child,.article__item h3:last-child {
    margin-bottom: 0
}

.article__item-image {
    margin-bottom: 16px
}

.article__item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 5px;
    margin-bottom: 9px;
    color: var(--text-light)
}

.article__item-meta:last-child {
    margin-bottom: 0
}

.article__item-meta span:last-child:after {
    display: none
}

.article__item-meta span:after {
    content: "\b7"
}

.article__item-tag {
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT);
    text-transform: var(--FONT-ACCENT-TRANSFORM);
    letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-relaxed);
    display: flex;
    gap: 6px
}

.article__item-date {
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-normal)
}

.article__item-title {
    word-break: break-word
}

.article__item-title a {
    text-decoration: none
}

.article__item-avatar {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden
}

.article__item-author {
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-normal);
    color: var(--text-light);
    display: flex;
    align-content: center;
    margin: 5px 0
}

.article__item-author span {
    display: inline-block
}
.newsletter__contain {
    max-width: 420px;
    margin: 0 auto
}

.newsletter__message,.has-error:not(.newsletter--default-messages) p:not([class]),.has-success:not(.newsletter--default-messages) p:not([class]) {
    display: none
}

.has-error>.newsletter__message--error,.has-success>.newsletter__message--success {
    display: block
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group input::placeholder {
    color: inherit;
    opacity: .7
}

.input-group-field,.input-group-button {
    display: table-cell;
    vertical-align: middle;
    margin: 0
}

.input-group .btn,.input-group .shopify-challenge__button,.input-group .input-group-field {
    height: 37px;
    display: flex;
    align-items: center
}

.input-group .input-group-field {
    width: 100%;
    margin-bottom: 0
}

.input-group-button {
    position: relative;
    white-space: nowrap;
    width: 1%;
    padding: 0
}

.input-group--inner-button {
    padding: 5px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    background-color: var(--bg)
}

.input-group--inner-button .input-group-button,.input-group--inner-button .input-group-button .btn--outline {
    border-radius: var(--radius-sm)
}

.input-group--inner-button input {
    border: none
}

.item--loadbar {
    height: 4px;
    width: 100%;
    position: absolute;
    top: -1px;
    left: 0;
    overflow: hidden;
    background-color: var(--hairline)
}

.text__standard.text-left {
    align-items: center
}

.product-add-popdown {
    position: fixed;
    z-index: 18000;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease,transform .5s ease,visibility 0s linear .5s;
    transform: translate3d(0,-100%,0);
    color: var(--COLOR-NAV-TEXT);
    background: var(--COLOR-NAV);
    border-bottom: 1px solid var(--COLOR-NAV-BORDER)
}

.product-add-popdown:not(.has-errors) {
    min-height: var(--header-height)
}

.search-popdown {
    position: fixed;
    z-index: 30000;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    max-height: 100%;
    transition: opacity .5s ease,transform .5s ease,visibility 0s linear .5s;
    transform: translate3d(0,-100%,0);
    border-bottom: 1px solid var(--border)
}

.search-popdown.is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease,transform .5s ease,visibility 0s linear 0s;
    transform: translateZ(0)
}

.search-popdown .search__predictive__main {
    height: var(--header-height)
}

.search-popdown .search__predictive__actions {
    display: flex;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    margin: 0
}

.search-popdown .search__predictive__actions input {
    margin: 0;
    border: none;
    font-size: calc(var(--font-5) * var(--FONT-ADJUST-BODY));
    line-height: var(--leading-snug)
}

.search-popdown .search__predictive__actions input:focus,.search-popdown .search__predictive__actions input:active {
    box-shadow: none
}

.search-popdown .search__predictive__button {
    padding: 0 15px
}
.product__grid__title__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rating__wrapper__grid {
    font-family: var(--FONT-STACK-ACCENT);
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    text-transform: var(--FONT-ACCENT-TRANSFORM);
    letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT));
    line-height: var(--leading-normal)
}

.product__grid__info.text-center .product__grid__title__wrapper {
    justify-content: center;
    flex-direction: column
}

:root {
    --form-top: 14px;
    --form-left: 20px
}

:root {
    --OPTION-SIZE-SIBLING: 50px
}

.custom-scrollbar {
    clear: both;
    position: relative;
    display: none;
    width: 100%;
    height: 4px;
    padding: 0;
    border-radius: 2px;
    background-color: var(--bg-accent)
}

.custom-scrollbar+.custom-scrollbar {
    margin-top: max(var(--gutter),20px)
}

.bg--accent .custom-scrollbar {
    background-color: var(--hairline)
}

.custom-scrollbar.hide {
    display: none!important
}

.custom-scrollbar.both {
    display: block!important
}

.custom-scrollbar--offset {
    width: calc(100% - var(--gutter) * 2);
    margin: 0 var(--gutter)
}

.custom-scrollbar__track {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--track-width);
    height: 100%;
    border-radius: 2px;
    background-color: var(--border);
    transform: translate(var(--position));
    transition: transform .15s cubic-bezier(.215,.61,.355,1);
    will-change: transform
}

[dir=rtl] .custom-scrollbar {
    transform: scale(-1)
}

.look__dot__holder {
    position: absolute;
    z-index: 1;
    width: 24px;
    height: 24px;
    box-shadow: 0 0 0 10px var(--bg) inset,0 0 6px #0003;
    background-color: #fff0;
    border-radius: 50%;
    font-size: 0;
    transform: translate(-50%,-50%);
    top: var(--DOT-TOP-DESKTOP);
    left: var(--DOT-LEFT-DESKTOP)
}

.look__dot__holder:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    opacity: 0;
    border: 1px solid var(--bg);
    border-radius: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .2s,transform .2s
}

.look__dot__holder:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--bg);
    opacity: .5;
    transform: translate(-50%,-50%);
    transition: width .2s,height .2s,transform .2s
}

.look__dot__holder:hover:after,.look__dot__holder.is-focused:after,.look__dot__holder.is-active:after {
    opacity: 1
}

.look__dot__holder:hover:before,.look__dot__holder.is-focused:before,.look__dot__holder.is-active:before {
    width: 34px;
    height: 34px
}

.look__dot__holder:hover .look__dot,.look__dot__holder.is-focused .look__dot,.look__dot__holder.is-active .look__dot {
    opacity: 1;
    transition: opacity .2s .1s,transform .2s
}

.look__dot__holder:hover .look__dot:before,.look__dot__holder:hover .look__dot:after,.look__dot__holder.is-focused .look__dot:before,.look__dot__holder.is-focused .look__dot:after,.look__dot__holder.is-active .look__dot:before,.look__dot__holder.is-active .look__dot:after {
    opacity: 1;
    transition: opacity .2s .2s
}

.look__dot {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 22px;
    height: 22px;
    padding: 0;
    opacity: 0;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .2s,transform .2s
}

.is-active>.look__dot {
    transform: translate(-50%,-50%) rotate(45deg)
}

.look__dot:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--ICON-STROKE-WIDTH);
    height: 10px;
    background-color: currentcolor;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: opacity .2s,transform .2s
}

.look__dot:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: var(--ICON-STROKE-WIDTH);
    background-color: currentcolor;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: opacity .2s,transform .2s
}

.look__dot__pulse {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
    pointer-events: none
}

.look__dot__pulse:before,.look__dot__pulse:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    background-color: var(--bg);
    opacity: .3;
    border-radius: 50%;
    transition: width .2s,height .2s;
    animation: pulse 2.5s linear infinite
}

.look__dot__pulse:after {
    animation: pulse-small 2.5s linear infinite
}

.is-active>.look__dot__pulse:before,.is-active>.look__dot__pulse:after,.look__dot__holder:hover>.look__dot__pulse:before,.look__dot__holder:hover>.look__dot__pulse:after {
    animation: none
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0
    }

    59% {
        transform: scale(0);
        opacity: 0
    }

    60% {
        transform: scale(1);
        opacity: .05
    }

    80% {
        opacity: .15
    }

    to {
        transform: scale(4);
        opacity: 0
    }
}

@keyframes pulse-small {
    0% {
        transform: scale(0);
        opacity: 0
    }

    74% {
        transform: scale(0);
        opacity: 0
    }

    75% {
        transform: scale(1);
        opacity: .15
    }

    to {
        transform: scale(3);
        opacity: 0
    }
}

.look__products__holder {
    visibility: hidden;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 245px;
    padding: calc(var(--gutter) / 2);
    background-color: var(--bg);
    transform: translateY(-50%);
    opacity: 0;
    transition: visibility .3s,opacity .3s,bottom .3s;
    box-shadow: 0 0 9px #0003
}

.look__products__holder.is-expanded {
    visibility: visible;
    opacity: 1
}

.\*\:h-full>* {
    height: 100%
}
.\*\:transition-\[none\]>* {
    transition-property: none
}

.\*\:stagger-each-transition-100>*:nth-child(1) {
    --tw-stagger-transition-start: var(--tw-transition-delay, 0ms);
    --tw-stagger-transition-offset: .1s;
    --tw-stagger-transition-delay: calc(var(--tw-stagger-transition-start, 0ms) + var(--tw-stagger-transition-offset, 0ms) * var(--tw-stagger-transition-order));
    --tw-stagger-transition-order: 0;
    transition-delay: var(--tw-stagger-transition-delay)
}

.\[\&\:\:-webkit-slider-thumb\]\:h-\[100vh\]::-webkit-slider-thumb {
    height: 100vh
}

.\[\&\:\:-webkit-slider-thumb\]\:w-\[--thumb-size\]: :-webkit-slider-thumb {
    width:var(--thumb-size)
}

.\[\&\:\:-webkit-slider-thumb\]\:w-\[100vw\]::-webkit-slider-thumb {
    width: 100vw
}

.\[\&\:\:-webkit-slider-thumb\]\:rounded-none::-webkit-slider-thumb {
    border-radius: 0
}

.\[\&\:not\(\:first-child\)\]\:opacity-\[--initial-opacity\]: not(:first-child) {
    opacity:var(--initial-opacity)
}

.\[\&\:not\(\:first-child\)\]\:\[--initial-display\: none\]:not(:first-child) {
    --initial-display: none
}

.\[\&\>svg\]\:inline-block>svg {
    display: inline-block
}

.section-collection .product__grid__info .grid__swatch__hover,.collection .product__grid__info .grid__swatch__hover {
    opacity: 1!important;
    visibility: visible!important
}

.section-collection .grid__swatch__placeholder,.collection .grid__swatch__placeholder {
    opacity: 0
}

footer.footer {
    padding-left: 50px;
    padding-right: 50px
}

.footer__newsletter__body:first-child {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    align-self: start
}
.wrapper--full.section-padding {
    padding-left: 30px!important;
    padding-right: 30px!important
}


.flickity-prev-next-button {
    height: 30px!important;
    width: 30px!important;
    background: #fff!important
}


.grid__swatch__hover.slider.flickity-enabled.is-draggable {
    padding-bottom: 0!important
}

.flickity-prev-next-button.previous {
    left: 0!important
}

.flickity-prev-next-button.next {
    right: 0!important
}
wrapper--full, .wrapper--full .grandparent .header__dropdown__wrapper {
    max-width: none;
    margin: 0 auto;
    padding-left: var(--outer);
    padding-right: var(--outer);
    width: 100%;
}

.list__collections [data-grid] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(var(--gutter) * -1);
}
@media only screen and (min-width: 768px) {
  .list__collections [data-grid]:not([data-carousel]) {
    overflow: hidden;
  }
}
.list__collections [data-grid] + * {
  margin-top: max(var(--gutter), 20px);
}
.list__collections [data-grid] .grid__item {
  margin-bottom: var(--gutter);
}
.list__collections [data-grid] .collection-grid-item {
  margin-bottom: 0;
}
@media only screen and (min-width: 480px) {
    .modal__overlay {
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter: blur(10px)
    }
    .js-grid[data-grid-large="1"] {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }

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

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

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

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

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

    .js-grid[data-grid-large="7"],.js-grid[data-grid-large="8"] {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    [data-toggle-grid="1"] {
        display: none!important
    }
    .header__desktop {
        position:static
    }

    .header__mobile {
        display: none
    }
}

@media (min-width: 768px) {
    :root {
        --space-1: 2px;
        --space-2: 4px;
        --space-3: 6px;
        --space-4: 8px;
        --space-5: 12px;
        --space-6: 15px;
        --space-7: 18px;
        --space-8: 22px;
        --space-9: 27px;
        --space-10: 35px;
        --space-11: 45px;
        --space-12: 56px;
        --space-13: 75px;
        --space-14: 105px;
        --space-15: 150px
    }
}
@media only screen and (min-width: 768px) {
    .js [data-carousel]:not(.flickity-enabled) {
        display:flex;
        flex-wrap: nowrap;
        overflow: hidden
    }

    .js [data-carousel]:not(.flickity-enabled) .grid__item,.js [data-carousel]:not(.flickity-enabled) .gallery__item,.js [data-carousel]:not(.flickity-enabled) .slide-item {
        flex-shrink: 0
    }
    .medium-up--one-whole {
        width:100%
    }

    .medium-up--one-half {
        width: 50%
    }

    .medium-up--one-third {
        width: 33.3333333333%
    }

    .grid--uniform .medium-up--one-half:nth-child(odd),.grid--uniform .medium-up--one-third:nth-child(3n+1),.grid--uniform .medium-up--one-quarter:nth-child(4n+1),.grid--uniform .medium-up--one-fifth:nth-child(5n+1),.grid--uniform .medium-up--one-sixth:nth-child(6n+1),.grid--uniform .medium-up--two-sixths:nth-child(3n+1),.grid--uniform .medium-up--three-sixths:nth-child(odd),.grid--uniform .medium-up--one-eighth:nth-child(8n+1),.grid--uniform .medium-up--two-eighths:nth-child(4n+1),.grid--uniform .medium-up--four-eighths:nth-child(odd),.grid--uniform .medium-up--five-tenths:nth-child(odd),.grid--uniform .medium-up--one-twelfth:nth-child(12n+1),.grid--uniform .medium-up--two-twelfths:nth-child(6n+1),.grid--uniform .medium-up--three-twelfths:nth-child(4n+1),.grid--uniform .medium-up--four-twelfths:nth-child(3n+1),.grid--uniform .medium-up--six-twelfths:nth-child(odd),.gallery .medium-up--one-half:nth-child(odd),.gallery .medium-up--one-third:nth-child(3n+1),.gallery .medium-up--one-quarter:nth-child(4n+1),.gallery .medium-up--one-fifth:nth-child(5n+1),.gallery .medium-up--one-sixth:nth-child(6n+1),.gallery .medium-up--two-sixths:nth-child(3n+1),.gallery .medium-up--three-sixths:nth-child(odd),.gallery .medium-up--one-eighth:nth-child(8n+1),.gallery .medium-up--two-eighths:nth-child(4n+1),.gallery .medium-up--four-eighths:nth-child(odd),.gallery .medium-up--five-tenths:nth-child(odd),.gallery .medium-up--one-twelfth:nth-child(12n+1),.gallery .medium-up--two-twelfths:nth-child(6n+1),.gallery .medium-up--three-twelfths:nth-child(4n+1),.gallery .medium-up--four-twelfths:nth-child(3n+1),.gallery .medium-up--six-twelfths:nth-child(odd) {
        clear: both
    }
    .footer__aside {
        flex:0 0 35%;
        max-width: 35%
    }

    .footer__container {
        display: flex;
        gap: 30px
    }

    .cst_double_menu {
        gap: 30px
    }

    .product-section .product-single .is-sticky {
        top: 85px!important
    }

    .list__collections [data-grid]:not([data-carousel]) {
        overflow:hidden
    }
    .subfooter__item:nth-child(2n) .footer__icon,.footer__socials:not(:first-child) .footer__icon {
        margin-inline:20px 0
    }
    .footer__newsletter__body {
        flex:0 1 100%
    }

    .footer__newsletter__body:first-child {
        align-self: center
    }
    .footer__aside {
        display:flex;
        flex: 0 0 40%;
        max-width: 40%;
        margin-inline:var(--outer-offset) var(--padding-top)}

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

    .footer__container--reversed .footer__aside {
        order: 1;
        margin-inline:var(--padding-top) var(--outer-offset)}

    .footer__newsletter {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        flex: 1
    }

    .footer__newsletter--offset {
        margin-inline-end:var(--margin-offset);background-color: inherit
    }

    .footer__newsletter__image {
        flex: 0 1 100%
    }

    .footer__newsletter__image:first-child:last-child {
        height: 100%
    }
    .footer__content__inner {
        flex:0 1 100%;
        max-width: 100%
    }

    .footer__content__inner:last-child {
        align-self: center
    }
    .footer__content {
        flex:0 1 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end
    }
    .footer__container {
        display:flex
    }
    .footer__accordion__body {
        overflow:visible;
        padding: 0
    }
    .footer__holder {
        overflow:hidden
    }
    .section-featured-article .hero__image+.hero__content__wrapper {
        margin-top:0
    }

    .section-featured-article .hero__image+.hero__content__wrapper.align--bottom-right,.section-featured-article .hero__image+.hero__content__wrapper.align--bottom-center,.section-featured-article .hero__image+.hero__content__wrapper.align--bottom-left {
        transform: translateY(var(--margin-vertical))
    }
    .section-featured-article:not([data-overlay-header].has-overlay) .hero__content__wrapper {
        padding-top:var(--inner)
    }
    .section-featured-article.has-overlay .hero__content__wrapper[class*=align--bottom],.section-featured-article .hero__content__wrapper {
        padding-bottom:var(--inner)
    }
    .section-featured-article:not(.use_image) .section__inner:not(.section__inner--columns) .hero__image,.section-featured-article:not(.use_image) .image__hero__frame {
        position:absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        height: 100%;
        padding-top: 0!important
    }
    .brick__block .video-background,.brick__block .image__hero__frame,.brick__block__video,.brick__block__image {
        height:100%
    }
    .brick--2 .brick__block {
        width:50%
    }
    .md\:left-\[--float-left\] {
        left:var(--float-left)
    }

    .md\:top-\[--float-top\] {
        top: var(--float-top)
    }

    @supports (aspect-ratio: auto) {
        .md\:aspect-\[--wh-ratio\] {
            aspect-ratio:var(--wh-ratio)
        }
    }
    .subfooter__item:nth-child(odd) {
        justify-content:flex-start
    }

    .subfooter__item:nth-child(odd):last-child {
        grid-column: span 2
    }

    .subfooter__item:nth-child(2n) {
        justify-content: flex-end
    }
    .subfooter__items {
        grid-template-columns:repeat(2,auto)
    }
    .subfooter__item:nth-child(2n) .footer__icon--payment {
        margin-inline-start:5px
    }
    .footer__socials {
        flex:1;
        align-self: center;
        padding-top: 0;
        border-top: none;
        margin-top: 0
    }

    .footer__socials:not(:first-child) {
        text-align: end
    }
    .footer__block--socials {
        flex:0 1 100%;
        display: flex;
        justify-content: space-between;
        padding: var(--padding-bottom) 0 var(--padding-bottom) 0;
        border-top: 1px solid var(--border);
        margin: 0
    }

    .footer__block--socials:first-child {
        border-top: none
    }

    .footer__block--socials h3 {
        flex: 0 0 auto;
        max-width: 50%;
        margin-bottom: 0
    }

    .footer__block--socials h3:not(:last-child) {
        margin-inline-end:10px
    }

}
    .cst_double_menu {
        display:flex;
        justify-content: space-evenly
    }

    .cst_double_menu>* {
        width: 50%%;
        margin-bottom: 0
    }

    .header__dropdown__wrapper .header__dropdown__inner {
        padding-left: 50px!important;
        padding-right: 50px!important
    }
    @media(min-width:998px){
  .cst_double_menu{
    display:flex;
    /* justify-content:space-around; */
    justify-content:space-evenly;
  }
  .cst_double_menu > *{
    width:50%%;
    margin-bottom:0px;
  }
  .header__dropdown__wrapper .header__dropdown__inner{
    padding-left:50px !important;
    padding-right:50px !important;
  }

}


@media (min-width: 1100px) {
    :root {
        --space-1: 2px;
        --space-2: 4px;
        --space-3: 6px;
        --space-4: 8px;
        --space-5: 12px;
        --space-6: 16px;
        --space-7: 20px;
        --space-8: 24px;
        --space-9: 32px;
        --space-10: 38px;
        --space-11: 50px;
        --space-12: 68px;
        --space-13: 96px;
        --space-14: 128px;
        --space-15: 192px
    }
    .section-blog__btn,.section-blog .custom-scrollbar {
        margin-top:32px
    }
}
@media(min-width:1173px){
/* Outer grid: 4 columns. Col 1 = menu, cols 2–4 = images */
.menu__item.kids-7.blocks-6 .header__dropdown__inner {
  display: grid;
  grid-template-columns: 1fr repeat(3, minmax(0, 1fr));
  gap: 24px; /* tweak spacing as needed */
}

/* Left column spans two rows */
.menu__item.kids-7.blocks-6 .header__dropdown__inner > .dropdown__family {
  grid-column: 1;
  grid-row: 1 / span 2;
}

/* Place the 6 image blocks:
   (remember nth-of-type() counts DIVs; your menu is the 1st <div>) */
.menu__item.kids-7.blocks-6 .header__dropdown__inner > div:not(.dropdown__family):nth-of-type(2) { grid-column: 2; grid-row: 1; }
.menu__item.kids-7.blocks-6 .header__dropdown__inner > div:not(.dropdown__family):nth-of-type(3) { grid-column: 3; grid-row: 1; }
.menu__item.kids-7.blocks-6 .header__dropdown__inner > div:not(.dropdown__family):nth-of-type(4) { grid-column: 4; grid-row: 1; }

.menu__item.kids-7.blocks-6 .header__dropdown__inner > div:not(.dropdown__family):nth-of-type(5) { grid-column: 2; grid-row: 2; }
.menu__item.kids-7.blocks-6 .header__dropdown__inner > div:not(.dropdown__family):nth-of-type(6) { grid-column: 3; grid-row: 2; }
 .menu__item.kids-7.blocks-6 .header__dropdown__inner > div:not(.dropdown__family):nth-of-type(7) { grid-column: 4; grid-row: 2; }

}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
    :root {
        --grid-xl: 32px;
        --grid-lg: 22px;
        --grid-md: 18px;
        --grid-sm: 12px;
        --inner: 18px;
        --gutter: calc(var(--LAYOUT-GUTTER) * .8);
        --outer: calc(var(--LAYOUT-OUTER) * .8);
        --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .8);
        --outer-offset: calc(var(--LAYOUT-OUTER) * -.8)
    }
}

@media(max-width:1099px){
    .search__predictive__close{
    display:none;
}
    .wrapper--narrow {
        max-width:66%
    }
    [data-grid][data-grid-large] [data-item] {
        width:25%
    }

    [data-grid][data-grid-medium] [data-item] {
        width: calc(100% / var(--grid-medium-items))
    }
      .section-no-slider-mobile [data-grid] {
        margin:0 auto;
        padding-right: calc(var(--outer) - var(--gutter));
        padding-left: 0
    }
    .hero__content {
        --default-max-width: 66%
    }
}
@media only screen and (max-width:767){
    header .wrapper--full{
    padding-left:20px !important;
    padding-right:20px !important;
  }
    .footer__newsletter__body:first-child {
        margin-bottom:30px
    }

    footer.footer {
        padding: 20px
    }

    header .wrapper--full {
        padding-left: 20px!important;
        padding-right: 20px!important
    }

    .product-section .btn--primary.btn--soft {
        padding: 10px 20px
    }

    .flickity-prev-next-button {
        height: 35px!important;
        width: 35px!important;
        background: #fff!important
    }
    .look__dot__holder {
        top:var(--DOT-TOP-MOBILE);
        left: var(--DOT-LEFT-MOBILE)
    }
    .footer__title {
        margin:0;
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid var(--border)
    }

    .grid__item:first-child .footer__title {
        border-top: 1px solid var(--border)
    }

    .footer__title .icon-theme {
        display: block
    }

    .footer__newsletter .footer__title {
        padding-top: 0;
        border-bottom: none
    }
    .footer__accordion__head {
        cursor:pointer
    }

    .footer__accordion__head .icon-theme {
        display: block
    }
    .section-featured-article.has-overlay .hero__content__wrapper[class*=align--bottom],.section-featured-article .hero__content__wrapper {
        display:block
    }
    .brick__collection.flickity-disabled-mobile .brick__product:not(:first-child) {
        display:block
    }
    .brick__collection .brick__product {
        width:80%;
        margin-left: 0;
        margin-right: var(--gutter)
    }

    .brick__collection .brick__product:last-child {
        margin-right: 0
    }
    .header__logo__text--break.header__logo__text {
        word-break:break-all
    }
    .hero__content {
        --default-max-width: 100%
    }
    .reposition-background-mobile {
        --focal-point: var(--OBJECT-POSITION-MOBILE);
        --wh-ratio: var(--ASPECT-RATIO-MOBILE)
    }
    input,textarea,select,.popout__toggle {
        font-size:16px
    }
    .wrapper--narrow {
        max-width:100%
    }
    .flickity-disabled-mobile:after {
        content:""!important
    }

    [data-grid][data-grid-small] [data-item] {
        width: calc((100% - var(--outer)) / var(--grid-small-items) - (var(--gutter) - 1px / var(--grid-small-items) * (var(--grid-small-items) - 1)));
    }

[data-grid]:not([data-grid-no-gutters]),[data-grid][data-grid-no-gutters],[data-grid] {
        position:relative;
        width: calc(100% + var(--outer) * 2);
        margin: 0 var(--outer-offset);
        padding-right: 0;
        padding-left: var(--outer);
        scroll-padding: var(--outer)
    }
[data-custom-scrollbar-items] {
        margin-right:calc(var(--outer) * -1);
        margin-left: calc(var(--outer) * -1);
        scroll-snap-type: x mandatory;
        overflow: hidden;
        overflow-x: auto;
        display: flex;
        flex-flow: row nowrap!important;
        scroll-behavior: smooth;
        -ms-overflow-style: none;
        scrollbar-width: none;
        touch-action: auto;
        scroll-padding: max(var(--outer) - var(--IMAGE-SPACING),0px)
    }
   :root {
        --max-w-page-narrow: 100%
    }
 .hero__content__wrapper.section-padding,.brick__section .section-padding,.section-padding,.section-without-title:not(.section-without-title--skip) {
        --padding-top: calc(var(--PT) * .6);
        --padding-bottom: calc(var(--PB) * .6)
    }
 .section-without-title:not(.not-moved-arrows):not(.hidden-arrows):not(.section-without-title--skip).section-without-padding-mobile {
        padding-top:var(--padding-top)
    }
 .modal__container--video {
        padding:10px
    }
.form__selectors .swatch__button {
        --swatch-size: calc(var(--OPTION-SIZE-SWATCH) - 4px)
    }
   .hero__content {
        --default-max-width: 100%
    }
  [data-header-transparent=true]:not(.meganav--visible) .theme__header__toolbar:after {
        width:calc(100% + var(--outer) * 2);
        left: var(--outer-offset)
    }
.toolbar__text {
        justify-content:center
    }
.grid--slider {
        overflow-x:auto;
        overflow-y: hidden;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0 var(--gutter-offset);
        padding-bottom: 5px;
        scrollbar-width: none;
        -ms-overflow-style: none
    }
.brick--border:not(.brick--margin):not(.brick__section--reverse) .brick__block+.brick__block {
        border-top:none
    }
.brick__block__text .flickity-slider {
        padding-right:0;
        scroll-padding: 0 0 0 var(--outer);
        width: calc(100% + var(--outer) * 2)
    }
 .brick__block__text--slider {
        overflow:hidden;
        padding: var(--outer)
    }
.brick__collection .brick__product {
        width:80%;
        margin-left: 0;
        margin-right: var(--gutter)
    }
.section-featured-article .section__wrapper {
        display:block;
        padding: 0
    }
 .section-featured-article.has-overlay .hero__content__wrapper[class*=align--bottom],.section-featured-article .hero__content__wrapper {
        display:block
    }
  .footer__accordion__head {
        cursor:pointer
    }

    .footer__accordion__head .icon-theme {
        display: block
    }
.collection-list__products {
        -moz-column-gap:0;
        column-gap: 0;
        row-gap: 0;
        display: flex;
        flex-flow: row nowrap;
        padding-right: var(--outer);
        margin: 0 calc(var(--outer) * -1);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
  .sidebar__navigation__list {
        border-top:1px solid var(--border);
        margin-top: 10px;
        padding-top: 10px
    }
.product__block__buttons,.product__block__description,.product__block__icon,.product__block__image,.product__block__pickup,.product__block__quantity,.product__block__remaining,.product__block__share,.product__block__siblings,.product__block__spacer,.product__block__subscription,.product__block__text,.product__block__title,.product__block__price,.product__block__upsell,.product__block__variants {
        padding-bottom:min(var(--PB) * .8,30px)
    }
 .product__inner {
        padding-top:30px
    }
.blog__article--over-image {
        margin-top:-100px
    }
 .product__popdown__image-holder,.product__popdown__image img,.product__popdown__image--no-image div {
        width:60px;
        height: 60px
    }
 .media__buttons__holder {
        opacity:1
    }
 .look__dot__holder {
        top:var(--DOT-TOP-MOBILE);
        left: var(--DOT-LEFT-MOBILE)
    }
    [data-grid]:not([data-grid-no-gutters]) [data-item], [data-grid][data-grid-no-gutters] .grid__item{
                margin-inline-end: calc(var(--gutter) + 1px);
    }
}
@media only screen and (max-width: 479px) {
    button+.text-link-bare,.btn+.text-link-bare,.shopify-challenge__button+.text-link-bare,button+.btn-text-thick-line,.btn+.btn-text-thick-line,.shopify-challenge__button+.btn-text-thick-line {
        margin-inline-start:15px!important;
        margin-inline-end:15px!important
    }
    .flickity-grid[data-grid-large] .product-grid-slide:not([data-item]) {
        width:90%
    }
    .js-grid[data-grid-small="1"] {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }

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

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

    [data-toggle-grid="3"],[data-toggle-grid="4"],[data-toggle-grid="5"],[data-toggle-grid="6"] {
        display: none!important
    }
    .section-columns .grid__item:not(:last-child)>a {
        margin-bottom:40px
    }
    .header__logo {
        padding:calc(var(--LOGO-PADDING) * .7) 0
    }
    .hero__cta__wrapper {
        flex-direction:column
    }
    .hidden-mobile {
        display:none
    }
 .hero__content.text-center .hero__cta__wrapper,.align--top-center .hero__cta__wrapper,.align--middle-center .hero__cta__wrapper,.align--bottom-center .hero__cta__wrapper {
        align-items:center
    }
 .hero__content.text-left .hero__btn--play,.align--top-left .hero__btn--play,.align--middle-left .hero__btn--play,.align--bottom-left .hero__btn--play {
        align-items:flex-start
    }
  .header__inner--bar-nav {
        display:none
    }
 .header__logo {
        padding:calc(var(--LOGO-PADDING) * .7) 0
    }
 .grid__item:not(:first-child) .icon__column {
        padding-top:30px
    }
.header__drawer .drawer__underlay,.drawer--right .drawer__underlay,.drawer__underlay__fill,.drawer__underlay__blur {
        display:none!important
    }
}
.header__wrapper {
  --bg: var(--COLOR-NAV);
  --border: var(--COLOR-NAV-BORDER);
  --text: var(--COLOR-NAV-TEXT);
  --text-dark: var(--COLOR-NAV-TEXT-DARK);
  --text-light: var(--COLOR-NAV-TEXT-LIGHT);
  --text-transparent: var(--COLOR-NAV-TEXT-TRANSPARENT);
  --underline: var(--COLOR-NAV-A10);
}
.theme__header {
  position: absolute;
  z-index: 6000;
  width: 100%;
  background-color: var(--bg);
  color: var(--text);
  border-bottom: 1px solid var(--border);
  display: flex;
  flex-wrap: wrap;
}
.header__inner {
  width: 100%;
}
.header__inner--bar {
  --bg: var(--COLOR-ANNOUNCEMENT-BG);
  --text: var(--COLOR-ANNOUNCEMENT-TEXT);
  color: var(--text);
  background: var(--bg);
  padding: 4px 0;
}
@media only screen and (max-width: 479px) {
  .header__inner--bar-nav {
    display: none;
  }
}
@media (pointer: coarse) {
  .header__inner--bar-nav {
    display: none;
  }
}
.js__show__mobile .header__inner--bar-nav, [data-header-style=drawer] .header__inner--bar-nav {
  display: none;
}
[data-header-transparent=true] .header__inner--bar {
  border: none;
}
[data-header-transparent=true]:not(.meganav--visible) .header__inner--bar {
  color: currentcolor;
  background: transparent;
  position: relative;
}
[data-header-transparent=true]:not(.meganav--visible) .theme__header__toolbar {
  position: relative;
}
[data-header-transparent=true]:not(.meganav--visible) .theme__header__toolbar:after {
  content: "";
  height: 1px;
  background: currentcolor;
  opacity: 0.2;
  width: 100%;
  left: 0;
  bottom: -4px;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  [data-header-transparent=true]:not(.meganav--visible) .theme__header__toolbar:after {
    width: calc(100% + var(--outer) * 2);
    left: var(--outer-offset);
  }
}
.toolbar__text {
  flex-grow: 1;
}
.toolbar__text p {
  margin: 0;
}
.toolbar__text--center {
  justify-content: center;
}
.toolbar__text a {
  position: relative;
  text-decoration: none;
}
.toolbar__text a:after {
  content: "";
  left: 0;
  width: 100%;
  display: block;
  position: absolute;
  bottom: -1px;
  height: 1px;
  background: currentcolor;
  transition: transform 0.2s ease, opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .toolbar__text a:after {
    height: 0.5px;
  }
}
.toolbar__text a:after {
  transform: scaleX(1);
  transform-origin: 0 50%;
}
[dir=rtl] .toolbar__text a:after {
  transform-origin: 100% 50%;
}
.toolbar__text a:hover:after {
  transform: scaleX(0);
  transform-origin: 100% 50%;
}
[dir=rtl] .toolbar__text a:hover:after {
  transform-origin: 0 50%;
}
.header-override-border .theme__header,
[data-header-transparent=true] .theme__header {
  border-bottom-color: transparent;
}
.header-override-border .theme__header .header__dropdown,
[data-header-transparent=true] .theme__header .header__dropdown {
  border: none;
}
.header-override-border .theme__header .grandparent .header__dropdown,
[data-header-transparent=true] .theme__header .grandparent .header__dropdown {
  border-bottom: none;
}
[data-header-transparent=true] .theme__header:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 150%;
  width: 100%;
  background: linear-gradient(to bottom, var(--COLOR-HEADER-TRANSPARENT-GRADIENT) 0%, rgba(255, 255, 255, 0) 100%);
  transition: opacity 0.2s;
}
[data-header-transparent=true] .theme__header .parent .header__dropdown {
  padding-top: 18px;
}
[data-header-transparent=true].meganav--visible .theme__header:after {
  opacity: 0;
}
.header__backfill {
  visibility: hidden;
  z-index: -1;
  position: relative;
}
.header__backfill .theme__header__toolbar {
  display: flex;
  flex-wrap: nowrap;
}
.header__backfill__content {
  display: flex;
}
@media (pointer: coarse) {
  .header__backfill__content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 479px) {
  .header__backfill__content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.js__show__mobile ~ .header__backfill .header__backfill__content,
[data-header-style=drawer] ~ .header__backfill .header__backfill__content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.js__show__mobile ~ .header__backfill .toolbar__links,
.js__show__mobile ~ .header__backfill .header__inner--bar-nav,
[data-header-style=drawer] ~ .header__backfill .toolbar__links,
[data-header-style=drawer] ~ .header__backfill .header__inner--bar-nav {
  display: none;
}
.header__logo {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: var(--LOGO-PADDING) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: span 4/span 4;
}
.header__logo img {
  font-size: 0;
}
@media only screen and (max-width: 479px) {
  .header__logo {
    padding: calc(var(--LOGO-PADDING) * 0.7) 0;
  }
}
.header__logo__link {
  display: block;
  text-decoration: none;
  color: var(--text);
  position: relative;
  max-width: 50vw;
  width: var(--LOGO-WIDTH, auto);
}
.header__logo__link img {
  height: auto;
}
.header__logo__text {
  font-family: var(--FONT-STACK-ACCENT);
  font-style: var(--FONT-STYLE-ACCENT);
  font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1em 0.5em;
  background: var(--COLOR-NAV-TEXT);
  color: var(--COLOR-NAV);
}
.header__logo__text span {
  max-width: calc(50vw - 1em);
  text-align: center;
  line-height: 1;
  height: auto;
}
.header__logo__text--long.header__logo__text {
  font-size: calc(var(--font-4) * var(--FONT-ADJUST-ACCENT));
  line-height: var(--leading-normal);
}
@media only screen and (max-width: 767px) {
  .header__logo__text--break.header__logo__text {
    word-break: break-all;
  }
}
.header__mobile {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.theme__header__toolbar.header__mobile {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.header__mobile__left,
.header__mobile__right {
  display: flex;
}
.header__mobile__left {
  display: flex;
  justify-content: flex-start;
}
.header__mobile__left .header__mobile__button {
  display: flex;
  justify-content: flex-start;
  padding-left: 0;
}
.header__mobile__right {
  display: flex;
  justify-content: flex-end;
}
.header__mobile__right .header__mobile__button {
  display: flex;
  justify-content: flex-end;
  padding-right: 0;
}
.header__mobile__right .visually-hidden, .header__mobile__right [data-shopify-xr-hidden] {
  margin-right: 0;
}
.header__mobile__button {
  height: 100%;
  min-width: 60px;
  display: flex;
  align-items: center;
  align-content: center;
}
.header__desktop {
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  flex-wrap: nowrap;
}
.header__desktop__bar__l,
.header__desktop__bar__c,
.header__desktop__bar__r {
  display: flex;
  align-self: stretch;
}
.header__desktop__bar__l {
  flex: 1 0 0;
  justify-content: flex-start;
}
.header__desktop__bar__c {
  flex-grow: 0;
}
.header__desktop__bar__r {
  flex: 1 0 0;
  justify-content: flex-end;
}
.header__desktop__bar__inline {
  display: flex;
  align-self: stretch;
  height: 100%;
}
.header__desktop__buttons {
  display: flex;
}
.header__menu__inner {
  display: flex;
  height: 100%;
}
.navlink--toplevel,
.header__desktop__button .navlink {
  align-items: center;
  display: flex;
  height: 100%;
}
.header__desktop__button .navlink,
.header__mobile__button {
  color: var(--text);
}
.highlight--link {
  color: var(--COLOR-HIGHLIGHT-LINK);
}
.navtext {
  font-family: var(--TYPE-STACK-NAV);
  font-style: var(--TYPE-STYLE-NAV);
  font-weight: var(--TYPE-WEIGHT-NAV);
  text-transform: var(--FONT-NAV-TRANSFORM);
  letter-spacing: var(--FONT-NAV-LETTER-SPACING);
  font-size: calc(var(--font-2) * var(--TYPE-ADJUST-NAV));
  white-space: nowrap;
  display: block;
}
.navlink {
  padding: 5px 15px;
}
.navlink svg {
  font-size: 20px;
}
.header__mobile__left svg,
.header__mobile__right svg {
  font-size: 24px;
}
/* Fade out non hovered links */
.navlink--toplevel {
  position: relative;
  transition: opacity 0.1s linear;
}
.menu__item.is-visible .navlink--toplevel:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  content: "";
}
.header__menu__inner:hover .menu__item:not(:hover) .navlink--toplevel {
  opacity: 0.8;
}
.header__desktop__bar__r .header__desktop__button:last-child {
  margin-inline-end: calc(var(--nav-gutter) * -1);
}
.header__desktop__bar__r .header__desktop__button:last-child > a {
  padding-inline-end: var(--nav-gutter);
  overflow: hidden;
}
.header__desktop__bar__r .header__desktop__button:last-child > a:after {
  width: calc(100% + 15px - var(--nav-gutter));
  padding-bottom: calc(100% + 15px - var(--nav-gutter));
}
.header__desktop__bar__l .menu__item:first-child > a {
  padding-left: 0;
}
/* ================ Sticky header ================ */
.js__header__stuck {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 6000;
}
.js__header__stuck .theme__header {
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  transition: background-color 0s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js__header__stuck .theme__header:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -5;
  opacity: 0;
  transition: opacity 0.2s linear;
  background: var(--bg);
}
.js__header__stuck.js__header__stuck__backdrop .theme__header {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js__header__stuck.js__header__stuck__backdrop .theme__header:after {
  opacity: 0.7;
  transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js__header__stuck.js__header__stuck__backdrop .theme__header:hover:after {
  opacity: 1;
}
.js__header__stuck--animated .theme__header {
  transform: translateY(-100%);
  transition: transform 0.2s linear;
}
.js__header__stuck--animated.js__header__stuck--trigger-animation .theme__header,
.js__header__stuck--trigger-animation .theme__header {
  transform: translateY(0);
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* ================ Icon dot hover ================ */
.header__desktop__buttons--icons .header__desktop__button .navlink {
  position: relative;
}
.header__desktop__buttons--icons .header__desktop__button .navlink:after {
  content: "";
  left: 0;
  width: 100%;
  padding-bottom: 100%;
  position: absolute;
  background: var(--text);
  border-radius: 100%;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.15s linear;
  z-index: -2;
}
.header__desktop__buttons--icons .header__desktop__button .navlink:hover:after {
  transform: scale(0.9);
  opacity: 0.05;
}
body:not(.theme-animate-hover) .header__desktop__buttons--icons .header__desktop__button .navlink:hover:after {
  transform: scale(0);
}
/* ================ Transparent header ================ */
.logo__img {
  display: block;
  width: 100%;
  opacity: 1;
}
.logo__img--transparent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  opacity: 0;
}
[data-header-transparent=true]:not(.meganav--visible) {
  --text: var(--text-transparent);
  --text-dark: var(--text-transparent);
  --underline: var(--text-transparent);
}
[data-header-transparent=true]:not(.meganav--visible) .theme__header {
  background-color: rgba(255, 255, 255, 0);
}
[data-header-transparent=true]:not(.meganav--visible) .header__logo--has-transparent .logo__img--color {
  opacity: 0;
}
[data-header-transparent=true]:not(.meganav--visible) .header__logo--has-transparent .logo__img--transparent {
  opacity: 1;
}
[data-header-transparent=true] + .header__backfill {
  display: none;
}
.drawer__search .search__predictive__actions{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    height: 50px;
    width: 100%;
}
/* Mobile drawer version */
.drawer__search {
  position: relative;
  border-bottom: 1px solid var(--border);
}
.drawer__search .search__predictive__button {
  position: absolute;
  inset-inline-end: 0;
  padding: 0 20px;
}
.drawer__search .search__predictive__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  height: 50px;
  width: 100%;
}
.drawer__search .search__predictive__actions input,
.drawer__search .search__predictive__actions input:focus {
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.drawer__search .search__predictive__actions input::-moz-placeholder {
  font-style: italic;
}
.drawer__search .search__predictive__actions input::placeholder {
  font-style: italic;
}
/* ================ Large / Small Display Logic ================ */
@media only screen and (max-width: 479px) {
  .header__mobile {
    display: grid;
  }
  .header__desktop {
    display: none;
  }
}
@media only screen and (min-width: 480px) {
  .header__desktop {
    position: static;
  }
  .header__mobile {
    display: none;
  }
}
/*
 * Switch to the mobile version on screens with
 * course input as the primary input method
 * https://patrickhlauke.github.io/touch/pointer-hover-any-pointer-any-hover/results/
 */
@media (pointer: coarse) {
  .header__desktop {
    display: none;
  }
  .header__mobile {
    display: grid;
  }
}
.js__header__clone {
  position: absolute;
  transform: translateY(-5000px);
  visibility: hidden;
}
.js__show__mobile .header__mobile,
[data-header-style=drawer] .header__mobile {
  display: grid;
}
.js__show__mobile .theme__header__toolbar,
[data-header-style=drawer] .theme__header__toolbar {
  display: block;
}
.js__show__mobile .header__desktop,
[data-header-style=drawer] .header__desktop {
  display: none;
}
.theme__header__toolbar__text {
  overflow: hidden;
  position: relative;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .theme__header__toolbar__text {
    margin: 0 var(--outer-offset);
    width: auto;
  }
}
/* ============================================================================
  #Site Nav and Dropdowns
============================================================================== */
.header__dropdown {
  --border: var(--COLOR-NAV-BORDER);
  color: var(--COLOR-NAV-TEXT);
  position: absolute;
  top: 100%;
  opacity: 0;
  background-color: var(--COLOR-NAV);
  border-bottom: var(--border);
  visibility: hidden;
}
.header__dropdown:before {
  position: absolute;
  top: calc(-1 * var(--bar-bottom));
  bottom: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  height: calc((var(--menu-height) - var(--toolbar-height)) / 2 - 12px);
  content: "";
  opacity: 0;
  visibility: hidden;
}
.header__dropdown.is-visible {
  opacity: 1;
  visibility: visible;
}
.header__dropdown.is-visible:before {
  opacity: 1;
  visibility: visible;
}
/* Product cards can force menu visibility */
.header__dropdown:not(.is-visible) .group\/quick-actions-toolbar {
  display: none;
}
.header__dropdown__wrapper {
  max-height: calc(100vh - var(--menu-height));
  overflow-y: auto;
  overflow-x: hidden;
}
.navlink--child,
.navlink--grandchild {
  margin: 0;
  padding: 0;
}
.navlink--child {
  font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.dropdown__family--grandchild .navlink--grandchild .navtext {
  font-family: var(--FONT-STACK-BODY);
  font-style: var(--FONT-STYLE-BODY);
  font-weight: var(--FONT-WEIGHT-BODY);
  letter-spacing: var(--FONT-BODY-LETTER-SPACING);
  text-transform: var(--FONT-BODY-TRANSFORM);
  font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY));
  line-height: var(--leading-normal);
  text-transform: none;
  letter-spacing: normal;
}
.dropdown__family--grandchild .navlink--grandchild:not(.highlight--link) .navtext {
  color: var(--text-light);
}
.header__dropdown .dropdown__family--grandchild .navlink--grandchild:hover .navtext,
.dropdown__family--grandchild .navlink--grandchild:hover .navtext {
  color: var(--text-dark);
}
.header__dropdown__image__holder {
  overflow: hidden;
}
.header__dropdown__image__holder,
.header__dropdown__image {
  position: relative;
}
.header__dropdown__actions {
  padding: var(--space-6) 0;
}
.header__dropdown__image.is-on-image .header__dropdown__actions {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 19;
  width: 100%;
}
.header__dropdown__actions .text-btn-arrow-right {
  font-size: calc(var(--font-2) * var(--FONT-ADJUST-BUTTON));
}
.header__dropdown__image .hero__title {
  color: var(--text);
}
.header__dropdown__image.is-on-image .link-over-image ~ .header__dropdown__actions {
  opacity: 0;
  transform: translateY(calc(100% + var(--image-bottom)));
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.header__dropdown__image.is-on-image .link-over-image:hover ~ .header__dropdown__actions {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.09s;
}
.header__dropdown__image.is-on-image .link-over-image:hover ~ .header__dropdown__actions .text-btn-arrow-right:after {
  animation: move-right 2s infinite ease-in-out;
}
[dir=rtl] .header__dropdown__image.is-on-image .link-over-image:hover ~ .header__dropdown__actions .text-btn-arrow-right:after {
  animation-name: move-right-rtl;
}
@media only screen and (max-width: 1099px) {
  .header__dropdown__image.is-on-image .link-over-image ~ .header__dropdown__actions {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ============================================================================
  #Large Meganav
============================================================================== */
.grandparent .header__dropdown {
  width: 100%;
  left: 0;
  background: var(--bg);
  border-bottom: 1px solid var(--border);
}
.grandparent .header__dropdown__inner {
  display: grid;
  padding: var(--gutter) 0;
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
}
.grandparent .dropdown__image {
  display: block;
  margin-bottom: 10px;
}
.grandparent .navlink--child {
  width: 100%;
  border-bottom: 1px solid var(--COLOR-NAV-A10);
  padding-bottom: 10px;
  display: block;
}
.grandparent .navlink--grandchild {
  display: block;
  margin-top: 10px;
}
/* Kids 1 & Kids 2 special cases */
.grandparent.kids-1:not([class*=blocks-]) .navlink--child,
.grandparent.kids-2:not([class*=blocks-]) .navlink--child {
  position: relative;
  border-bottom: 0;
  padding-bottom: 25px;
}
.grandparent.kids-1:not([class*=blocks-]) .navlink--child:before,
.grandparent.kids-2:not([class*=blocks-]) .navlink--child:before {
  content: "";
  position: absolute;
  bottom: 6px;
  width: 32px;
  height: 3px;
  background-color: var(--underline);
}
.grandparent.kids-1:not([class*=blocks-]) .navlink--grandchild,
.grandparent.kids-2:not([class*=blocks-]) .navlink--grandchild {
  margin-top: 8px;
}
.grandparent.kids-1:not([class*=blocks-]) .header__dropdown__inner,
.grandparent.kids-2:not([class*=blocks-]) .header__dropdown__inner {
  justify-items: center;
}
.grandparent.kids-2 .header__dropdown__inner {
  margin: 0 auto;
  max-width: 50%;
  padding-bottom: calc(var(--gutter) * 2.4);
}
.grandparent.kids-1 .header__dropdown__inner {
  margin: 0 auto;
  max-width: 25%;
  padding-bottom: calc(var(--gutter) * 2.4);
  grid-template-columns: minmax(0, 1fr);
}
.grandparent.kids-2 .header__dropdown__inner {
  padding-top: calc(var(--gutter) * 2.1);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grandparent.kids-1.blocks-1 .header__dropdown__inner {
  max-width: 30%;
}
.grandparent.kids-2.blocks-1 .header__dropdown__inner,
.grandparent.kids-2.blocks-2 .header__dropdown__inner {
  padding-top: calc(var(--gutter) * 2.6);
  max-width: 69%;
}
.grandparent.kids-2.blocks-1 .header__dropdown__inner {
  grid-template-columns: 0.82fr 1fr;
}
.grandparent.kids-2.blocks-1 .dropdown__family {
  padding-left: 10px;
}
.grandparent.kids-2.blocks-1 .navlink--grandchild .navtext {
  font-family: var(--FONT-STACK-BODY);
  font-style: var(--FONT-STYLE-BODY);
  font-weight: var(--FONT-WEIGHT-BODY);
  letter-spacing: var(--FONT-BODY-LETTER-SPACING);
  text-transform: var(--FONT-BODY-TRANSFORM);
  font-size: calc(var(--font-6) * var(--FONT-ADJUST-BODY));
  text-transform: none;
  letter-spacing: normal;
}
.grandparent.kids-3.blocks-2 .navlink--grandchild .navtext {
  font-family: var(--FONT-STACK-BODY);
  font-style: var(--FONT-STYLE-BODY);
  font-weight: var(--FONT-WEIGHT-BODY);
  letter-spacing: var(--FONT-BODY-LETTER-SPACING);
  text-transform: var(--FONT-BODY-TRANSFORM);
  font-size: calc(var(--font-6) * var(--FONT-ADJUST-BODY));
  text-transform: none;
  letter-spacing: normal;
}
.grandparent.kids-4.blocks-3 .navlink--grandchild .navtext {
  font-family: var(--FONT-STACK-BODY);
  font-style: var(--FONT-STYLE-BODY);
  font-weight: var(--FONT-WEIGHT-BODY);
  letter-spacing: var(--FONT-BODY-LETTER-SPACING);
  text-transform: var(--FONT-BODY-TRANSFORM);
  font-size: calc(var(--font-6) * var(--FONT-ADJUST-BODY));
  text-transform: none;
  letter-spacing: normal;
}
.grandparent.kids-5.blocks-4 .navlink--grandchild .navtext {
  font-family: var(--FONT-STACK-BODY);
  font-style: var(--FONT-STYLE-BODY);
  font-weight: var(--FONT-WEIGHT-BODY);
  letter-spacing: var(--FONT-BODY-LETTER-SPACING);
  text-transform: var(--FONT-BODY-TRANSFORM);
  font-size: calc(var(--font-6) * var(--FONT-ADJUST-BODY));
  text-transform: none;
  letter-spacing: normal;
}
.grandparent.kids-2.blocks-1 .navlink--child,
.grandparent.kids-2.blocks-2 .navlink--child {
  padding-top: 5px;
  padding-bottom: 16px;
}
.grandparent.kids-2.blocks-1 .navlink--grandchild,
.grandparent.kids-2.blocks-2 .navlink--grandchild {
  margin-top: 13px;
}
.grandparent.kids-2.blocks-1 .navlink--child + .navlink--grandchild,
.grandparent.kids-2.blocks-2 .navlink--child + .navlink--grandchild {
  margin-top: 20px;
}
.dropdown__family--grandchild {
  min-width: 100%;
}
.grandparent.kids-3 .header__dropdown__inner {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grandparent.kids-4 .header__dropdown__inner {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grandparent.kids-5 .header__dropdown__inner {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grandparent.kids-6 .header__dropdown__inner {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grandparent.kids-7 .header__dropdown__inner {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grandparent.kids-8 .header__dropdown__inner {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grandparent.kids-9 .header__dropdown__inner {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grandparent.kids-10 .header__dropdown__inner,
.grandparent.kids-11 .header__dropdown__inner,
.grandparent.kids-12 .header__dropdown__inner,
.grandparent.kids-13 .header__dropdown__inner,
.grandparent.kids-14 .header__dropdown__inner,
.grandparent.kids-15 .header__dropdown__inner,
.grandparent.kids-16 .header__dropdown__inner,
.grandparent.kids-17 .header__dropdown__inner,
.grandparent.kids-18 .header__dropdown__inner,
.grandparent.kids-19 .header__dropdown__inner,
.grandparent.kids-20 .header__dropdown__inner {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.header__dropdown__element--wide {
  grid-column-start: span 2;
}
/* ================ Hover animations ================ */
/* Basic Dropdown */
.menu__item.parent .navlink--child {
  opacity: 0;
  transform: translateY(-5px);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu__item.parent .is-visible .navlink--child {
  opacity: 1;
  transform: translateY(0);
}
/* Basic Meganav */
.menu__item.grandparent .navlink--child {
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu__item.grandparent .navlink--grandchild {
  opacity: 0;
  transform: translateY(-5px);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu__item.grandparent .is-visible .navlink--child,
.menu__item.grandparent .is-visible .navlink--grandchild {
  opacity: 1;
  transform: translateY(0);
}
/* Image Meganav */
.menu__item.grandparent .header__dropdown__image,
.menu__item.grandparent .product-grid-item {
  opacity: 0;
  transform: translateY(-15px);
  transition: transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu__item.grandparent .is-visible .header__dropdown__image,
.menu__item.grandparent .is-visible .product-grid-item {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
/* dropdown inner link */
.header__dropdown .navlink .navtext {
  transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  white-space: normal;
}
.header__dropdown .navlink:hover .navtext {
  color: var(--text-light);
}
.header__dropdown {
  opacity: 0;
  transition: opacity 0.1s ease-out;
}
.header__dropdown.is-visible {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
/* Override visibility on collection bottom image */
.header__dropdown .product-grid-item {
  pointer-events: none;
}
.header__dropdown.is-visible .product-grid-item {
  pointer-events: auto;
}
/* ================ Hover animations ================ */
.parent .header__dropdown {
  border-left: 1px solid var(--border);
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: var(--bg);
  padding: 6px 32px 18px 32px;
  margin-left: -17px;
}
.parent .navlink--child {
  padding: 5px 0;
  display: block;
}
.hover__bar {
  position: absolute;
  bottom: var(--bar-bottom);
  left: 0;
  height: 2px;
  z-index: -1;
  opacity: var(--bar-opacity);
  background-color: var(--underline);
  transform: translateX(var(--bar-left));
  width: var(--bar-width);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, width 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navlink[href="#"] {
  cursor: default;
}
/* ================ Header cart status ================ */
[data-header-cart-count],
[data-header-cart-price] {
  display: none;
}
.cart__status__parens [data-header-cart-count]:not([data-header-cart-count="0"]) {
  display: inline-block;
}
.no-js .menu__item.parent:hover .header__dropdown,
.no-js .menu__item.parent:hover .navlink,
.no-js .menu__item.grandparent:hover .header__dropdown,
.no-js .menu__item.grandparent:hover .navlink {
  opacity: 1 !important;
  visibility: visible !important;
}
.no-js .navlink--toplevel:focus + .header__dropdown {
  opacity: 1 !important;
  visibility: visible !important;
}
.no-js .navlink--toplevel:focus + .header__dropdown .navlink {
  opacity: 1 !important;
  visibility: visible !important;
}
/* ================ Toolbar ================ */
.toolbar {
  width: 100%;
  font-size: 0;
}
.toolbar__scale {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0 var(--gutter-offset);
}
.toolbar__scale.ticker--unloaded {
  width: -moz-max-content;
  width: max-content;
}
.toolbar__text {
  padding: 0 var(--gutter);
  display: flex;
}
.toolbar__text p {
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .toolbar__text {
    justify-content: center;
  }
}
.toolbar__text.ticker--animated {
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: var(--animation-time);
  animation-play-state: running;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  will-change: transform, padding, width;
}
.theme__header__toolbar__text:hover .toolbar__text.ticker--animated {
  animation-play-state: paused;
}
.toolbar__links {
  display: flex;
  justify-content: flex-end;
  margin-inline-end: -15px;
}
.toolbar__elements form {
  display: flex;
  margin: 0;
}
.toolbar__elements .popout-list {
  top: calc(100% + 9px);
  min-width: 100%;
  bottom: auto;
  border: none;
}
.toolbar__elements .popout__toggle,
.toolbar__links .toolbar__navlink {
  border: none;
  margin: 0;
  padding: 0 15px;
  color: inherit;
  border-radius: 0;
  display: flex;
  line-height: 1.42;
  align-items: center;
}
.toolbar__elements .popout__toggle,
.toolbar__elements .popout-list__option,
.toolbar__navlink .navtext {
  font-family: var(--TYPE-STACK-NAV);
  font-style: var(--TYPE-STYLE-NAV);
  font-weight: var(--TYPE-WEIGHT-NAV);
  text-transform: var(--FONT-NAV-TRANSFORM);
  letter-spacing: var(--FONT-NAV-LETTER-SPACING);
  font-size: calc(var(--font-2) * var(--TYPE-ADJUST-NAV));
}
.toolbar__elements .popout-list__option {
  color: var(--text);
}
@keyframes ticker {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.announcement .flickity-button {
  display: none;
}
.announcement p,
.announcement h1,
.announcement h2,
.announcement h3,
.announcement h4,
.announcement h5,
.announcement h6 {
  margin-inline: 2em 0;
  margin-block: 0;
}
.announcement p:first-child,
.announcement h1:first-child,
.announcement h2:first-child,
.announcement h3:first-child,
.announcement h4:first-child,
.announcement h5:first-child,
.announcement h6:first-child {
  margin-inline-start: 0;
}
.announcement ul {
  list-style: disc outside;
}
.announcement ul,
.announcement ol {
  display: flex;
  align-items: center;
}
.announcement ul,
.announcement ol,
.announcement li {
  margin-inline: 3em 0;
  margin-block: 0;
}
.announcement ul:first-child,
.announcement ol:first-child,
.announcement li:first-child {
  margin-inline-start: 0;
}
.announcement * {
  white-space: nowrap;
}
.announcement br {
  display: none;
}
.announcement a {
  position: relative;
}
.announcement a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(var(--underline) + 4px);
  height: 1px;
  width: 100%;
  transform: translateX(-50%);
  box-shadow: 0 -1px 0 0 currentcolor;
  transition: opacity 0.2s linear;
}
.announcement a:link,
.announcement a:hover {
  color: inherit;
  text-decoration: none;
}
.announcement a:hover:after {
  opacity: 0.5;
}
.announcement .cart__message {
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.announcement .cart__message.is-hidden {
  visibility: visible;
  max-height: none;
  padding: 12px;
  border: none;
  opacity: 1;
}
.announcement .cart__graph {
  display: none;
}
.announcement .icon {
  display: block;
  width: auto;
  width: 1em;
  max-height: 1em;
  fill: currentColor;
}
.announcement svg path, .announcement svg g, .announcement svg circle {
  stroke: var(--ICON-STROKE-COLOR);
}
.announcement .ticker--unloaded {
  width: -moz-max-content;
  width: max-content;
}
.announcement .flickity-enabled .ticker--animated {
  animation-play-state: paused;
}
.announcement .flickity-enabled .is-selected .ticker--animated {
  animation-play-state: running;
}
.announcement:hover .ticker--animated {
  animation-play-state: paused;
}
.shopify-section-group-group-header:has([data-header-transparent=true]) + .shopify-section-group-group-header .announcement {
  display: none;
}
html.js [x-data^=announcementSlider]:not(.flickity-enabled) > *:not(:first-child) {
  display: none;
}
.ticker--animated {
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: var(--animation-time);
  animation-play-state: running;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  will-change: transform, padding, width;
}
.ticker--animated:hover {
  animation-play-state: paused;
}
.ticker__comparitor {
  position: absolute;
  transform: translateY(-5000px);
  visibility: hidden;
}
@keyframes ticker {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.header__drawer {
  --border: var(--COLOR-NAV-A10);
  --muted: var(--COLOR-NAV-A50);
  --text: var(--COLOR-NAV-TEXT);
  --text-light: var(--COLOR-NAV-TEXT);
  --text-dark: var(--COLOR-NAV-TEXT);
  --outer: 20px;
  color: var(--text);
}
.header__drawer .drawer__content {
  border: none;
}
.header__drawer__selects {
  display: flex;
  width: 100%;
  margin: 0;
}
.header__drawer__selects .popout-list {
  bottom: initial;
  top: 100%;
  min-width: calc(100% + 1px);
}
.drawer__top {
  display: flex;
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  height: 51px;
}
.drawer__top__left {
  display: flex;
  justify-content: flex-start;
  height: 50px;
}
.drawer__button {
  height: 50px;
  color: var(--text);
  width: 50px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
.header__drawer .drawer__close {
  position: fixed;
  inset-inline-end: 0;
  z-index: 50;
  background-color: var(--bg);
}
.header__drawer .drawer__close svg {
  font-size: 20px;
}
.drawer__account {
  display: flex;
  align-items: center;
  padding: 0 20px;
  margin-inline-end: 20px;
}
.search-drawer predictive-search[open] .header__search__results {
  display: block;
}
.search-popdown predictive-search[open] .header__search__results {
  max-height: calc(var(--full-screen) - var(--header-height));
  opacity: 1;
  visibility: visible;
}
.search__results__wrapper {
  padding-bottom: 30px;
}
.search__results__products {
  order: -1;
}
.search__results__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border);
  padding-bottom: var(--space-4);
  margin-bottom: var(--gutter);
}
.search__results__products__list {
  display: flex;
  gap: var(--gutter);
  flex-direction: column;
  margin: var(--gutter) 0;
}
.search__results__actions {
  margin-top: var(--gutter);
}
.product__inline__link {
  display: flex;
  gap: var(--gutter);
  flex-direction: row;
}
.product__inline__image img {
  max-width: 70px;
}
.search__results__title {
  font-family: var(--FONT-STACK-ACCENT);
  font-style: var(--FONT-STYLE-ACCENT);
  font-weight: var(--FONT-WEIGHT-ACCENT);
  text-transform: var(--FONT-ACCENT-TRANSFORM);
  letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
  font-size: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT));
  line-height: var(--leading-normal);
  margin-right: 0.5em;
}
.product__inline__title {
  font-family: var(--FONT-STACK-BODY);
  font-style: var(--FONT-STYLE-BODY);
  font-weight: var(--FONT-WEIGHT-BODY);
  font-weight: var(--FONT-WEIGHT-BODY-BOLD);
  letter-spacing: var(--FONT-BODY-LETTER-SPACING);
  text-transform: var(--FONT-BODY-TRANSFORM);
  font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY));
  line-height: var(--leading-normal);
  margin: 0;
  word-break: break-word;
}
.product__inline__price {
  margin-top: 5px;
  margin-bottom: 0;
}
.other__inline__title {
  margin: var(--gutter) 0;
}
.other__inline__title a {
  display: block;
}
.header__search__results .animates {
  opacity: 0;
}
.header__search__results .product__inline.animates,
.header__search__results .other__inline.animates {
  animation: fade 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
.search-drawer .header__search__results {
  display: none;
}
.search-popdown .header__search__results {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.5s ease, opacity 0.5s ease, visibility 0.5s;
  background: var(--bg);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.search-popdown .header__search__results::-webkit-scrollbar {
  display: none;
}
.search__results__btn .icon {
  margin-left: 10px;
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Null results */
.search__results__empty {
  text-align: center;
  padding-bottom: 10px;
}
/* A11Y */
.other__inline[aria-selected=true] a,
.product__inline[aria-selected=true] a,
.search__results__btn[aria-selected=true] {
  outline: 5px auto var(--secondary);
}

.template-giftcard .wrapper, .template-giftcard .wrapper .grandparent .header__dropdown__wrapper, .wrapper .grandparent .template-giftcard .header__dropdown__wrapper {
  max-width: 588px;
}
.template-giftcard .wrapper img, .template-giftcard .wrapper .grandparent .header__dropdown__wrapper img, .wrapper .grandparent .template-giftcard .header__dropdown__wrapper img,
.template-giftcard .wrapper object,
.template-giftcard .wrapper .grandparent .header__dropdown__wrapper object,
.wrapper .grandparent .template-giftcard .header__dropdown__wrapper object,
.template-giftcard .wrapper iframe,
.template-giftcard .wrapper .grandparent .header__dropdown__wrapper iframe,
.wrapper .grandparent .template-giftcard .header__dropdown__wrapper iframe {
  max-width: 100%;
}

.drawer__menu {
  --sliderule-height: auto;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  max-height: var(--sliderule-height);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.drawer__menu[data-sliderule-pane="0"] {
  transform: translateX(0%);
  position: relative;
  display: block;
  height: auto;
}
.drawer__menu[data-sliderule-pane="0"] .sliderule__panel.is-hiding {
  overflow-y: auto;
  overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="0"] .sliderule__panel.is-hiding .sliderule__panel {
  overflow-y: hidden;
  overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="1"] {
  transform: translateX(-100%);
}
.drawer__menu[data-sliderule-pane="1"].is-hiding .sliderule__panel {
  overflow: visible;
}
.drawer__menu[data-sliderule-pane="1"]:not(.is-hiding) .sliderule__panel.is-visible {
  overflow-y: auto;
  overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="1"] .sliderule__panel.is-visible .sliderule__panel {
  overflow-y: hidden;
  overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="1"] .sliderule__panel .sliderule__panel.is-hiding {
  overflow-y: visible;
  overflow-x: visible;
  height: auto;
}
.drawer__menu[data-sliderule-pane="2"] {
  transform: translateX(-200%);
}
.drawer__menu[data-sliderule-pane="2"] .sliderule__panel.is-visible {
  overflow-y: visible;
  overflow-x: visible;
  height: auto;
}
.sliderule__panel {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 0;
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sliderule__panel.is-visible,
.sliderule__panel.is-hiding {
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header__drawer.drawer--visible .drawer__menu > .sliderule__wrapper > [data-animates].is-hidden,
.drawer__menu > .sliderule__wrapper > [data-animates] {
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sliderule__wrapper--secondary {
  padding-top: 24px;
}
.sliderule__wrapper--secondary:last-child {
  padding-bottom: 24px;
}
.sliderule__wrapper--secondary .sliderow__back {
  margin-bottom: 24px;
}
.sliderow__title {
    padding-inline: 20px 34px;
    min-height: 50px;
    display: flex;
    align-items: center;
}
.sliderule__wrapper--secondary .sliderule__panel .sliderow .sliderow__title,
.sliderule__wrapper--secondary .sliderow:not(.sliderow__back),
.sliderule__wrapper--secondary .sliderow__title {
  min-height: 35px;
  font-family: var(--FONT-STACK-ACCENT);
  font-style: var(--FONT-STYLE-ACCENT);
  font-weight: var(--FONT-WEIGHT-ACCENT);
  text-transform: var(--FONT-ACCENT-TRANSFORM);
  letter-spacing: var(--FONT-ACCENT-LETTER-SPACING);
  font-size: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT));
  line-height: var(--leading-normal);
  border: none;
  padding-right: 10px;
  text-transform: none;
}
.sliderule__wrapper--secondary .sliderule__panel .sliderow:not(.sliderow__back) {
  justify-content: center;
}
.sliderule__wrapper--secondary + .sliderule__wrapper--secondary {
  padding-top: 0;
}
.sliderow--secondary {
  justify-content: flex-start;
  width: 100%;
}
.sliderow--secondary span {
  position: static;
  right: auto;
}
.header__drawer.drawer--visible .drawer__menu > .sliderule__wrapper > [data-animates] {
  opacity: 1;
  transform: translateY(0%);
}
[data-sliderule-pane] [data-animates].is-hidden,
[data-sliderule-pane] [data-animates].is-hidden.is-visible,
[data-sliderule-pane] [data-animates] {
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
[data-sliderule-pane] [data-animates].is-hidden {
  min-height: 0;
}
[data-sliderule-pane] [data-animates].sliderule__image {
  transform: translateY(0);
}
[data-sliderule-pane] .is-hiding .sliderow.sliderow__back[data-animates],
[data-sliderule-pane] [data-animates].is-visible {
  opacity: 1;
  transform: translateY(0%);
}
.sliderow {
  font-family: var(--TYPE-STACK-NAV);
  font-style: var(--TYPE-STYLE-NAV);
  font-weight: var(--TYPE-WEIGHT-NAV);
  text-transform: var(--FONT-NAV-TRANSFORM);
  letter-spacing: var(--FONT-NAV-LETTER-SPACING);
  font-size: calc(var(--font-2) * var(--TYPE-ADJUST-NAV));
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border);
  background-color: var(--bg);
  position: relative;
  z-index: 10;
  padding: 0;
}
.sliderule-grid > * {
  opacity: 0;
  transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sliderule-grid > *.is-visible {
  opacity: 1;
}
.sliderule-grid {
  display: grid;
  margin: calc(var(--gutter) / 2);
  -moz-column-gap: calc(var(--gutter) / 2);
       column-gap: calc(var(--gutter) / 2);
  row-gap: calc(var(--gutter) / 2);
}
.sliderule-grid.blocks-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.sliderule-grid.blocks-2,
.sliderule-grid.blocks-3,
.sliderule-grid.blocks-4,
.sliderule-grid.blocks-5,
.sliderule-grid.blocks-6,
.sliderule-grid.blocks-7,
.sliderule-grid.blocks-8,
.sliderule-grid.blocks-9,
.sliderule-grid.blocks-10,
.sliderule-grid.blocks-11,
.sliderule-grid.blocks-12,
.sliderule-grid.blocks-13,
.sliderule-grid.blocks-14,
.sliderule-grid.blocks-15,
.sliderule-grid.blocks-16,
.sliderule-grid.blocks-17,
.sliderule-grid.blocks-18,
.sliderule-grid.blocks-19,
.sliderule-grid.blocks-20 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sliderow--borderless {
  border-bottom-color: transparent;
}
.sliderow__title {
  padding-inline: 20px 34px;
  min-height: 50px;
  display: flex;
  align-items: center;
}
.sliderow__back .sliderow__title {
  position: absolute;
}
.sliderule__panel .sliderow__title {
  padding: 10px 34px;
  text-align: center;
}
.sliderule__panel .sliderow {
  padding-left: 0;
}
.sliderule__panel .sliderow .sliderow__title {
  justify-content: center;
  width: 100%;
}

.slideshow__slide .wrapper, .slideshow__slide .wrapper .grandparent .header__dropdown__wrapper, .wrapper .grandparent .slideshow__slide .header__dropdown__wrapper {
  padding: 0 var(--outer);
  max-width: var(--LAYOUT-WIDTH);
}
.wrapper.collection-tabs, .wrapper .grandparent .collection-tabs.header__dropdown__wrapper {
  max-width: calc(1180px + var(--gutter));
}
.header__wrapper .popout--navbar .popout-list__item {
  white-space: normal;
}
.account-header__right .btn--outline + .text-btn-arrow-right {
  margin-left: var(--gutter);
}
.drawer__content {
  position: fixed;
  visibility: hidden;
  content-visibility: hidden;
  z-index: 20050;
  top: 0;
  left: 0;
  height: 100%;
  max-width: 450px;
  width: 100%;
  background: var(--bg);
  border-right: 1px solid var(--border);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 3px 12px rgba(0, 0, 0, 0.02);
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.3s ease, visibility 0s linear 1s;
  display: flex;
  flex-direction: column;
}
.drawer--visible .drawer__content, .is-open .drawer__content {
  visibility: visible;
  content-visibility: visible;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s ease;
}
@media(min-width:1173px){
/* Place the 6 image blocks:
   (remember nth-of-type() counts DIVs; your menu is the 1st <div>) */
.menu__item.kids-7.blocks-6 .header__dropdown__inner > div:not(.dropdown__family):nth-of-type(2) { grid-column: 2; grid-row: 1; }
.menu__item.kids-7.blocks-6 .header__dropdown__inner > div:not(.dropdown__family):nth-of-type(3) { grid-column: 3; grid-row: 1; }
.menu__item.kids-7.blocks-6 .header__dropdown__inner > div:not(.dropdown__family):nth-of-type(4) { grid-column: 4; grid-row: 1; }

.menu__item.kids-7.blocks-6 .header__dropdown__inner > div:not(.dropdown__family):nth-of-type(5) { grid-column: 2; grid-row: 2; }
.menu__item.kids-7.blocks-6 .header__dropdown__inner > div:not(.dropdown__family):nth-of-type(6) { grid-column: 3; grid-row: 2; }
 .menu__item.kids-7.blocks-6 .header__dropdown__inner > div:not(.dropdown__family):nth-of-type(7) { grid-column: 4; grid-row: 2; }

}
@media screen and (max-height: 800px) {
  .header-logo img {
    max-height: 90px;
  }
}
@media screen and (max-width: 580px) {
.header-logo {
    font-size: 2em;
  }
  
}
@media only screen and (max-width: 479px) {
  .collection--compact-mobile .wrapper, .collection--compact-mobile .wrapper .grandparent .header__dropdown__wrapper, .wrapper .grandparent .collection--compact-mobile .header__dropdown__wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .collection--compact-mobile .wrapper .collection__nav, .wrapper .grandparent .collection--compact-mobile .header__dropdown__wrapper .collection__nav {
    border-left: 0;
    border-right: 0;
  }
  .header__wrapper .popout--navbar .popout-list {
    max-height: 50vh;
  }
  .wrapper.collection-tabs, .wrapper .grandparent .collection-tabs.header__dropdown__wrapper {
    margin: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 479px) {
  .header__drawer .drawer__underlay,
  .drawer--right .drawer__underlay,
  .drawer__underlay__fill,
  .drawer__underlay__blur {
    display: none !important;
  }
}
@media only screen and (max-width: 479px) {
  .full__page__form__wrapper .wrapper, .full__page__form__wrapper .wrapper .grandparent .header__dropdown__wrapper, .wrapper .grandparent .full__page__form__wrapper .header__dropdown__wrapper {
    padding: 0;
  }
  .full__page__form__wrapper .wrapper .float-grid, .wrapper .grandparent .full__page__form__wrapper .header__dropdown__wrapper .float-grid, .full__page__form__wrapper .wrapper .grid--full, .wrapper .grandparent .full__page__form__wrapper .header__dropdown__wrapper .grid--full {
    margin-left: 0;
    margin-right: 0;
  }
}
@media(min-width:998px){
  .cst_double_menu{
    display:flex;
    /* justify-content:space-around; */
    justify-content:space-evenly;
  }
  .cst_double_menu > *{
    width:50%%;
    margin-bottom:0px;
  }
  .header__dropdown__wrapper .header__dropdown__inner{
    padding-left:50px !important;
    padding-right:50px !important;
  }
  header .wrapper--full{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}
@media(min-width:1173px){
/* Outer grid: 4 columns. Col 1 = menu, cols 2–4 = images */
.menu__item.kids-7.blocks-6 .header__dropdown__inner {
  display: grid;
  grid-template-columns: 1fr repeat(3, minmax(0, 1fr));
  gap: 24px; /* tweak spacing as needed */
}

/* Left column spans two rows */
.menu__item.kids-7.blocks-6 .header__dropdown__inner > .dropdown__family {
  grid-column: 1;
  grid-row: 1 / span 2;
}

}


@media only screen and (max-width: 479px) {
  .drawer__content {
    width: 100vw;
  }
}
@media only screen and (max-width: 1099px) {
  .section-no-slider-mobile [data-grid] {
    margin: 0 auto;
    padding-right: calc(var(--outer) - var(--gutter));
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
    [data-grid][data-grid-small] [data-item] {
     width: calc(100% - var(--outer));
    }
}
@media only screen and (max-width: 479px) {
  .section-no-slider-mobile [data-grid] {
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
  }
}