/** Shopify CDN: Minification failed

Line 406:14 Expected ":"

**/
input[type="number"] {
    appearance: textfield
}

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

slider-component {
    position: relative;
    display: block
}

.slider-component-desktop {
    padding: 0
}

@media (min-width: 990px) {
    .slider-component-desktop .slider {
        position: relative;
        flex-wrap: inherit;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scroll-padding-left: var(--container-padding);
        padding-bottom: var(--component-spacing);
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .slider-component-desktop .slider.grid-peek .grid-item:first-of-type {
        margin-left: var(--container-padding)
    }

    .slider-component-desktop .slider.grid-peek .grid-item:last-of-type {
        margin-right: var(--container-padding)
    }
}

@media (max-width: 989px) {
    .slider-component-mobile {
        padding: 0
    }

    .slider-component-mobile .slider {
        position: relative;
        flex-wrap: inherit;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scroll-padding-left: var(--container-padding);
        padding-bottom: var(--component-spacing);
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .slider-component-mobile .slider.grid-peek .grid-item:first-of-type {
        margin-left: var(--container-padding)
    }

    .slider-component-mobile .slider.grid-peek .grid-item:last-of-type {
        margin-right: var(--container-padding)
    }
}

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

@media (max-width: 749px) {
    .slider:not(.slider-mobile) {
        flex-wrap: wrap;
        padding-bottom: 0
    }
}

@media (min-width: 750px) and (max-width: 989px) {
    .slider:not(.slider-tablet) {
        flex-wrap: wrap;
        padding-bottom: 0
    }
}

@media (min-width: 990px) {
    .slider:not(.slider-desktop) {
        flex-wrap: wrap;
        padding-bottom: 0
    }
}

.is-ios .slider {
    padding-bottom: 0
}

.featured-collection .is-ios .slider {
    padding-bottom: 1.5rem
}

.slider .grid-item {
    scroll-snap-align: end
}

@media (max-width: 749px) {
    .product-media-wrapper .slider .grid-item {
        max-width: 89%;
        margin: 0 12px 0 0;
    }
}

.slider.grid-peek {
    --grid-peek-width: var(--component-spacing)
}

.slider.grid-peek .grid-item {
    width: calc(100% / var(--grid-columns) - var(--grid-horizontal-spacing) - (var(--grid-peek-width) / var(--grid-columns)) - (var(--container-padding) / var(--grid-columns)));
    scroll-snap-align: center
}

.slider::-webkit-scrollbar {
    height: .375rem;
    border-radius: 0
}

.slider::-webkit-scrollbar-track {
    border-bottom: 2px solid #d5d1c5;
    margin: 0 var(--container-padding)
}

@media (min-width: 990px) {
    .slider::-webkit-scrollbar-track {
        margin: 0 calc(var(--container-padding) + (2rem * 2) + 3.5rem) 0 var(--container-padding)
    }
}

@media (min-width: 1150px) {
    .slider::-webkit-scrollbar-track {
        margin: 0 calc(var(--container-padding) * 3) 0 var(--container-padding)
    }
}

.slider::-webkit-scrollbar-thumb {
    width: 25%;
    background-color: var(--color-secondary-green)
}

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

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

.slider-arrow.slider-arrow-prev {
    rotate: -90deg;
}
.slider-arrow.slider-arrow-next {
    rotate: -90deg;
}

@media (max-width: 989px) {
    .slider + .slider-buttons {
        margin-top: 10px;
    }
    .slider + .slider-buttons.margin-top {
        margin-top: 20px;
    }
    .slider-counter {
        bottom: auto!important;
    }
}

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

@media (max-width: 989px) {
    .slider-buttons {
        width: 100%;
        padding: 0 var(--container-padding);
        margin-top: 1rem;
    }

    .slider-buttons .slider-button {
        display: none;
    }
}

.slider-buttons.no-padding {
    padding: 0;
}

@media (min-width: 990px) {
    .slider-mobile + .slider-buttons .slider-dots {
        display: none
    }
}

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

.slider-button {
    color: var(--color-white);
    background: transparent;
    border: none;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease-out
}

.slider-button .icon {
    width: inherit;
    height: inherit
}

.slider-button[disabled] {
    cursor: not-allowed;
    color: var(--color-gray-300, #d5d1c5);
    opacity: 0.6;
    transition: opacity 0.3s ease-out
}

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

.carousel-slider .slider-button, .theme-dark .slider-button, .theme-texture-600 .slider-button {
    color: var(--color-typography-base)
}

.carousel-slider .slider-button[disabled], .theme-dark .slider-button[disabled], .theme-texture-600 .slider-button[disabled] {
    opacity: 1
}

.carousel-slider .slider-button:not([disabled]):hover, .theme-dark .slider-button:not([disabled]):hover, .theme-texture-600 .slider-button:not([disabled]):hover {
    color: var(--color-primary)
}

.slider-arrow {
    color: var(--color-typography-base);
    position: absolute;
    bottom: -15px;
    transition: background-color 0.3s ease-out, color 0.3s ease-out
}

@media (max-width: 989px) {
    .slider-arrow {
        position: static;
    }
}

.slider-arrow:not([disabled]):hover {
    color: var(--color-primary)
}

.carousel-slider .slider-arrow, .theme-dark .slider-arrow, .theme-texture-600 .slider-arrow {
    background-color: var(--color-white)
}

.carousel-slider .slider-arrow:not([disabled]):hover, .theme-dark .slider-arrow:not([disabled]):hover, .theme-texture-600 .slider-arrow:not([disabled]):hover {
    background-color: var(--color-primary);
    color: var(--color-white)
}

.slider-arrow.slider-arrow-prev {
    right: calc(var(--container-padding) + 2rem + 1.5rem)
}

.slider-arrow.slider-arrow-prev .icon {
    transform: rotate(180deg)
}

.slider-arrow.slider-arrow-next {
    right: var(--container-padding)
}

@media (max-width: 749px) {
    .mobile-text-below .slider-arrow {
        top: calc(100vw * 0.33)
    }
}

.slider-counter {
    display: flex;
    justify-content: center;
}

@media (max-width: 749px) {
    .mobile-text-below .slider-counter {
        transform: translateY(50%)
    }

    .mobile-text-below .banner-box {
        padding-bottom: 4rem
    }
}

.slideshow-control-wrapper {
    display: flex
}

.slider-counter-link {
    appearance: none;
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    padding: .5rem
}

.slider-counter-link-dots .dot {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid var(--color-border, #d5d1c5);
    padding: 0;
    display: block;
    transition: background-color 0.3s ease-out, border-color 0.3s ease-out
}

.slider-counter-link-dots.slider-counter-link-active .dot {
    background-color: var(--color-primary);
    border-color: var(--color-primary)
}

.slider-counter-link-dots:not(.slider-counter-link-active):hover .dot {
    border-color: var(--color-primary);
    background-color: var(--color-white)
}

.slider-image-placeholder.banner-adapt:not(.banner-content-below) {
    height: 28rem
}

.slider-image-placeholder.banner-adapt.banner-content-below .slideshow-media {
    height: 100%
}

@media (min-width: 750px) {
    .slider-image-placeholder.banner-adapt {
        height: 56rem
    }

    .slider-image-placeholder.banner-adapt.banner-content-below .slideshow-media {
        height: 56rem
    }
}

.slideshow-slide {
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column
}

.slideshow:not(.banner-content-below) .slideshow-text-wrapper {
    height: 100%
}

.banner-content-below .slideshow-text-wrapper {
    flex-grow: 1
}

@media (min-width: 750px) {
    .slideshow-text-wrapper.banner-content {
        height: 100%
    }
}

.product-media-wrapper .slider-dots::-webkit-scrollbar {
    display: none;
}
.slider-dots {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 6px;e;
    scrollbar-width: none;
}
.product-media-wrapper .slider-dots {
    max-width: 100vw;
    overflow-x: auto;
    -ms-overflow-style: non
}

.slider-dots li {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: 1px solid black;
}
.slider-dots li.active {
    background: black;
}

.product-media-wrapper {
    .slider-dots li {
        width: 65px;
        min-width: 65px;
        min-height: 65px;
        height: 65px;
        border: 0;
        opacity: .5;
        border-radius: 0;
    }

    .slider-dots li.active {
        background: transparent;
        border: 2px solid #9E9E9E;
        opacity: 1;
    }
}

.indicator-tray {
    position: relative;
    display: flex;
    height: 5px;
    width: 50%;
    background-color: grey;
    margin: 20px auto;
}

.indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: lightblue;
}