/** Shopify CDN: Minification failed

Line 509:2 Unexpected "@"

**/
.grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    margin-left: -0.5rem;
    padding: 0;
    list-style: none;
}

@media screen and (min-width: 577px) {
    .grid {
        margin-left: -1rem;
    }
}

.grid__item {
    padding-left: 0.5rem;
    padding-bottom: 0.5rem;
    width: calc(25% - 0.375rem);
    max-width: 50%;
    flex-grow: 1;
    flex-shrink: 0;
}

@media screen and (min-width: 577px) {
    .grid__item {
        padding-left: 1rem;
        padding-bottom: 1rem;
        width: calc(25% - 0.75rem);
        max-width: 50%;
    }
}

.grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 576px) {
    .grid__item.slider__slide--full-width {
        width: 100%;
        max-width: none;
    }
}

@media screen and (min-width: 577px) and (max-width: 1024px) {
    .grid--one-third-max.grid--3-col-tablet .grid__item {
        max-width: 33.33%;
    }
}

@media screen and (min-width: 1025px) {
    .grid--quarter-max.grid--4-col-desktop .grid__item {
        max-width: 25%;
    }
}

@media screen and (min-width: 1025px) {
    .grid--one-sixth-max-desktop .grid__item {
        max-width: 16.66%;
    }
}

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

.grid--3-col .grid__item {
    width: calc(33.33% - 0.3333333333rem);
}

@media screen and (min-width: 577px) {
    .grid--3-col .grid__item {
        width: calc(33.33% - 0.6666666667rem);
    }
}

.grid--2-col .grid__item {
    width: calc(50% - 0.25rem);
}

@media screen and (min-width: 577px) {
    .grid--2-col .grid__item {
        width: calc(50% - 0.5rem);
    }

    .grid--6-col-tablet .grid__item {
        width: calc(16.66% - 0.8333333333rem);
    }

    .grid--4-col-tablet .grid__item {
        width: calc(25% - 0.75rem);
    }

    .grid--3-col-tablet .grid__item {
        width: calc(33.33% - 0.6666666667rem);
    }

    .grid--2-col-tablet .grid__item {
        width: calc(50% - 0.5rem);
    }
}

@media screen and (min-width: 1025px) {
    .grid--4-col-desktop .grid__item {
        width: calc(25% - 0.75rem);
    }

    .grid--3-col-desktop .grid__item {
        width: calc(33.33% - 0.6666666667rem);
    }

    .grid--2-col-desktop .grid__item {
        width: calc(50% - 0.5rem);
    }

    .grid--4-col-desktop .grid__item--in-grid-heading {
        width: 50% !important;
        max-width: 50% !important;
    }
}

.grid__item--vertical-align {
    align-self: center;
}

.grid__item--full-width {
    flex: 0 0 100%;
    max-width: 100%;
}

@media screen and (max-width: 576px) {
    .grid--peek.slider--mobile {
        margin: 0;
        width: 100%;
    }

    .grid--peek.slider--mobile .grid__item {
        box-sizing: content-box;
        margin: 0;
    }

    .grid--peek .grid__item {
        width: calc(50% - 1.875rem);
    }

    .grid--peek .grid__item:first-of-type {
        padding-left: 1.5rem;
    }

    .grid--peek .grid__item:last-of-type {
        padding-right: 1.5rem;
    }
}

.grid .grid__item.grid__item--1-col {
    width: calc(100% - 1rem);
    max-width: initial;
}

@media screen and (min-width: 1025px) {
    .grid .grid__item.grid__item--2-col {
        width: calc(50% - 0.5rem);
        max-width: initial;
    }

    .grid .grid__item.grid__item--4-col-desktop {
        width: calc(25% - 0.75rem);
        max-width: initial;
    }

    .grid .grid__item.grid__item--3-col-desktop {
        width: calc(33.33% - 0.6666666667rem);
        max-width: initial;
    }

    .grid .grid__item.grid__item--2-col-desktop {
        width: calc(50% - 0.5rem);
        max-width: initial;
    }
}

.badge {
    --color-badge-background: var(--color-background);
    --color-badge-foreground: var(--color-foreground);
    font-family: var(--font-button-family);
    border-radius: var(--buttons-border-radius);
    display: inline-block;
    font-size: var(--font-body-medium-size);
    line-height: calc(1 + 0.4 / var(--font-body-scale));
    font-weight: 400;
    padding: 0.6rem 1rem;
    text-align: center;
    background-color: rgb(var(--color-badge-background));
    color: rgb(var(--color-badge-foreground));
    text-transform: var(--headings-case);
    text-decoration: none;
}

.badge--small {
    font-size: 1rem;
    line-height: var(--font-body-small-line-height);
    padding: 0.2rem 0.4rem;
}

.badge--on-sale {
    background: rgb(var(--clr-sale-tags));
    color: rgb(var(--clr-sale-tags-text));
}

.badge--sold-out {
    background-color: rgb(var(--color-foreground));
    color: rgb(var(--clr-theme-background));
}

.quantity {
    visibility: visible;
    display: flex;
    align-items: center;
    position: relative;
    width: 12.8rem;
    border-radius: var(--buttons-border-radius);
}

.quantity__input {
    font-size: var(--font-body-medium-size);
    font-weight: bold;
    opacity: 0.85;
    text-align: center;
    background-color: transparent;
    border: 0;
    width: 100%;
    height: 5rem;
    color: rgb(var(--clr-input-text));
    background-color: rgba(var(--clr-input-background), var(--clr-input-background-alpha));
    border: 0.1rem solid rgba(var(--clr-input-line), var(--clr-input-line-alpha));
    border-radius: var(--buttons-border-radius);
    -webkit-appearance: none;
    appearance: none;
    transition: border var(--duration-short) ease;
}

.quantity__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.6rem;
    height: 4.6rem;
    padding: 0;
    position: absolute;
    top: 50%;
    margin-top: -2.3rem;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    color: rgb(var(--clr-input-icon));
    border-radius: 50%;
    z-index: 2;
}

.quantity__button[disabled] {
    cursor: default;
    opacity: 0.6;
}

@media screen and (max-width: 1024px) {
    .quantity__button:hover {
        box-shadow: inset 0 0 0 3rem rgba(var(--clr-theme-base), 0.03);
    }
}

.quantity__button:first-child {
    left: 0.2rem;
}

.quantity__button:last-child {
    right: 0.2rem;
}

.quantity__button svg {
    pointer-events: none;
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
    box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
    -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity__input[type=number] {
    -moz-appearance: textfield;
}

.article-data-author {
    font-size: var(--font-body-small-size);
    line-height: var(--font-body-small-line-height);
    font-weight: 300;
    color: rgb(var(--clr-theme-accent));
}

.article-data-author + .article-data-author {
    margin-left: 1.5rem;
}

.icon-star {
    width: 1.4rem;
    height: 1.3rem;
    flex-shrink: 0;
}

.theme-rating {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.theme-rating__stars-wrapper,
.theme-rating__stars {
    display: inline-flex;
}

.theme-rating__stars-wrapper {
    position: relative;
    --percent: calc((var(--rating) + var(--rating-decimal)) / var(--rating-max) * 100%);
}

.theme-rating__stars {
    gap: 0.3rem;
}

.theme-rating__stars-base {
    color: rgba(var(--color-foreground), 0.15);
}

.theme-rating__stars-current {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--percent);
    height: 100%;
    overflow: hidden;
    color: rgb(var(--clr-theme-base));
}

.media-overlay {
    --media-overlay-color-value: rgb(0, 0, 0);
    --opacity-default: 0;
    position: relative;
}

.media-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--media-overlay-color-value);
    opacity: var(--opacity-default);
    z-index: 1;
    pointer-events: none;
}

@media screen and (min-width: 1025px) {
    .hover-animation-body--zoom-in .hover-animation-global,
.hover-animation-body--zoom-in-opacity-add .hover-animation-global,
.hover-animation--zoom-in,
.hover-animation--zoom-in-opacity-add,
.media--hover-effect {
        --hover-animation-zoom-start: 1;
        --hover-animation-zoom-end: calc(1 + var(--hover-animation-zoom-ratio));
    }

    .hover-animation-body--zoom-out .hover-animation-global,
.hover-animation-body--zoom-out-opacity-add .hover-animation-global,
.hover-animation--zoom-out,
.hover-animation--zoom-out-opacity-add {
        --hover-animation-zoom-start: calc(1 + var(--hover-animation-zoom-ratio));
        --hover-animation-zoom-end: 1;
    }

    .hover-animation-global .media > img,
.hover-animation img,
.hover-animation__image,
.hover-animation-global--disable-cropping .media {
        backface-visibility: hidden;
        transform: scale3d(var(--hover-animation-zoom-start), var(--hover-animation-zoom-start), var(--hover-animation-zoom-start)) translateZ(0);
        transition: var(--images-opacity-transition), var(--images-zoom-transition);
        will-change: transform;
    }

    .hover-animation-global:hover :is(.media > img),
.hover-animation:hover :is(img, .hover-animation__image),
.hover-animation-trigger:hover :is(.hover-animation img, .hover-animation__image),
.hover-animation-global--disable-cropping:hover .media {
        transform: scale3d(var(--hover-animation-zoom-end), var(--hover-animation-zoom-end), var(--hover-animation-zoom-end)) translateZ(0);
    }

    .hover-animation-global--disable-cropping img {
        transform: none !important;
    }

    .media-overlay:is(.hover-animation--zoom-in-opacity-add, .hover-animation--zoom-out-opacity-add, .hover-animation--opacity-add)::after {
        transition: opacity var(--hover-animation-opacity-duration) ease;
    }

    .media-overlay:is(.hover-animation--zoom-in-opacity-add, .hover-animation--zoom-out-opacity-add, .hover-animation--opacity-add):hover::after,
.hover-animation-trigger:hover .media-overlay:is(.hover-animation--zoom-in-opacity-add, .hover-animation--zoom-out-opacity-add, .hover-animation--opacity-add)::after {
        opacity: var(--hover-animation-opacity-end);
    }

    .hover-animation:not(.hover-animation--none) > img {
        animation: none !important;
    }
}

[class*=animate--] {
    --zoom-animation-duration: 60s;
}

.animate--ambient > :is(img, svg) {
    animation: animateAmbient 30s linear infinite;
}

.animate--zoom-in-out > :is(img, svg),
.slideshow__slide:not(:nth-child(even)) .animate--zoom-random > :is(img, svg) {
    animation: animateZoomInOut var(--zoom-animation-duration) linear infinite;
}

.animate--zoom-out-in > :is(img, svg),
.slideshow__slide:nth-child(even) .animate--zoom-random > :is(img, svg) {
    animation: animateZoomOutIn var(--zoom-animation-duration) linear infinite;
}

@keyframes animateAmbient {
    0% {
        transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
    }

    100% {
        transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
    }
}

@keyframes animateZoomInOut {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes animateZoomOutIn {
    0% {
        transform: scale(1.2);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

@media screen and (min-width: 1025px) {
    sticky-sidebar {
        --sticky-top: var(--sticky-offset-top, 2rem);
        position: sticky;
        top: var(--sticky-top);
    }

    .sticky-top-spacing--enable sticky-sidebar {
        --sticky-top: calc(var(--sticky-offset-top, 2rem));
    }

    .sticky-sidebar--dynamic-offset {
        --sticky-current-height: 0rem;
        --sticky-freeze-top: 0rem;
        --sticky-dynamic-top: calc(100vh - var(--sticky-offset-bottom, 2rem) + var(--sticky-current-height));
        top: var(--sticky-dynamic-top);
    }

    .freeze-scroll sticky-sidebar {
        position: relative;
        top: var(--sticky-freeze-top);
    }

  @    -moz-document url-prefix() {
        sticky-sidebar{
      position: static !important;
    }
}
}

parallax-image {
    overflow: hidden;
}

parallax-image:not(.parallax-image--init) img {
    opacity: 0;
}

.parallax-image--init img {
    height: auto !important;
    object-fit: initial !important;
}

.parallax-image--delay.parallax-image--animate img {
    transition: transform calc(var(--hover-animation-duration) * 0.7) cubic-bezier(0.15, 0.75, 0.5, 1);
}

.parallax-static-image {
    display: block !important;
    background-size: cover;
    background-attachment: fixed;
}

@supports (-webkit-overflow-scrolling: touch) {
    .parallax-static-image {
        background-attachment: scroll;
    }
}

.featured-collection {
    display: block;
}

.featured-collection .heading-wrapper--description-empty .heading-wrapper__heading {
    margin-bottom: 0;
}

.featured-collection slider-component > .grid-bs,
.featured-collection__grid > .grid-bs {
    row-gap: 4rem;
}

.featured-collections > .grid-bs {
    row-gap: 6rem;
}

@media screen and (min-width: 577px) and (max-width: 1024px) {
    .featured-collections .g-col-sm-12 .card-wrapper--horizontal .card-wrapper__inner .card,
.featured-collections .g-col-sm-12 .card-wrapper--horizontal .card-wrapper__placeholder {
        width: 25%;
        min-width: 25%;
    }
}

@media screen and (min-width: 1025px) {
    .featured-collections .card-wrapper--horizontal .card-wrapper__inner .card,
.featured-collections .card-wrapper--horizontal .card-wrapper__placeholder {
        width: 50%;
        min-width: 50%;
    }
}

.featured-collections__column-title {
    margin-top: 0;
    margin-bottom: 4rem;
}

.featured-collections__view-all {
    margin-top: 4rem;
}

.featured-collections__content {
    display: flex;
    width: 100%;
    gap: 2rem;
}

@media screen and (max-width: 576px) {
    .featured-collections__content {
        flex-direction: column;
        gap: 4rem;
    }
}

.featured-collections__banner,
.featured-collections__products {
    width: 100%;
}

@media screen and (min-width: 577px) {
    .featured-collections__banner {
        width: 33.33%;
    }

    .featured-collections__products {
        width: 66.66%;
    }
}

@media screen and (min-width: 577px) {
    .featured-collection--collection-left .featured-collections__products {
        order: -1;
    }
}

@media screen and (min-width: 1025px) {
    .featured-collections__banner {
        position: relative;
        width: 40%;
    }

    .featured-collections__products {
        width: 60%;
    }

    .featured-collection--size-4 .featured-collections__banner {
        width: 33.33%;
    }

    .featured-collection--size-4 .featured-collections__products {
        width: 66.66%;
    }

    .featured-collection--size-6 .featured-collections__banner {
        width: 41.66%;
    }

    .featured-collection--size-6 .featured-collections__products {
        width: 58.33%;
    }

    .featured-collections__featured-promotion,
.featured-collections__featured-promotion .featured-promotion-wrapper,
.featured-collections__featured-promotion .featured-promotion,
.featured-promotion__media.placeholder {
        height: 100% !important;
        min-height: 10rem;
    }

    .featured-collections__product,
.featured-collections__product :is(.card-wrapper, product-form, form, .card-wrapper__inner, .card, .card__inner, .card__inner > div:first-child, .card__media, .media:not(.placeholder)) {
        height: 100%;
    }

    .featured-collections__product product-form {
        display: block;
    }

    .featured-collections__product {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .featured-collections__product .card-wrapper > product-form .media {
        padding: 0 !important;
    }
}

recently-viewed:not(.recently-viewed--loaded) {
    visibility: hidden;
}

.recently-viewed__product:empty {
    display: none !important;
}

.custom-badges {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    z-index: 1;
    pointer-events: none;
}

.product .custom-badges {
    z-index: 2;
}

.custom-badges--top_left {
    left: 0;
}

.custom-badges--top_right {
    right: 0;
}

.custom-badges--bottom_right {
    right: 0;
    justify-content: flex-end;
}

.custom-badges--bottom_left {
    left: 0;
    justify-content: flex-end;
}

.custom-badges__badge {
    max-width: 100%;
    height: auto;
}

.card__custom-badge .custom-badges__badge {
    width: var(--card-custom-badges-width);
}

@media screen and (min-width: 1025px) {
    .product__custom-badge .custom-badges__badge {
        width: var(--product-custom-badges-width);
    }
}

@media screen and (max-width: 1024px) {
    :is(.card__custom-badge, .product__custom-badge).custom-badges {
        max-width: 33.33%;
    }
}

.countdown-timer__grid {
    row-gap: 4rem;
}

@media screen and (min-width: 1025px) {
    .countdown-timer__grid {
        align-items: center;
    }

    .countdown-timer .g-col-md-4 .heading-wrapper {
        max-width: 100% !important;
    }
}

.countdown-timer__content {
    gap: 3rem;
}

@media screen and (max-width: 1024px) {
    .countdown-timer__content {
        order: 2;
    }
}

.countdown-timer__image .media {
    border-radius: var(--images-border-radius);
}

@media screen and (min-width: 1025px) and (max-width: 1188px) {
    .countdown-timer__image.g-col-md-4 {
        grid-column: auto/span 3;
    }

    .countdown-timer__content.g-col-md-4 {
        grid-column: auto/span 6;
    }
}

.disclosure .disclosure__link {
    color: rgba(var(--color-foreground), 0.75);
}

.disclosure .disclosure__link:hover {
    color: rgb(var(--color-foreground));
}

.disclosure .disclosure__link--active {
    text-decoration: underline;
}

.accordion summary {
    display: flex;
    align-items: center;
    padding: 1rem 0;
}

.accordion .summary__title + .icon-caret {
    visibility: hidden;
}

.accordion__title {
    margin: 0;
}

.trim-margins-y *:first-child {
    margin-top: 0;
}

.trim-margins-y *:last-child {
    margin-bottom: 0;
}

#scroll-offset-example {
    display: block !important;
    position: fixed;
    width: 5rem;
    height: 5rem;
    overflow-y: scroll;
    visibility: hidden;
    pointer-events: none;
    left: 0;
    bottom: -100%;
}

.freeze-scroll {
    overflow: hidden !important;
    width: 100%;
    top: 0;
    left: 0;
    padding-right: var(--scrollbar-width) !important;
}

.freeze-scroll body {
    overflow: hidden;
}

.freeze-scroll:not(.is-safari) {
    position: fixed !important;
}

@media screen and (max-width: 576px) {
    .freeze-scroll {
        position: fixed !important;
    }
}

@media screen and (max-width: 1024px) {
    .freeze-scroll-mobile {
        overflow: hidden !important;
        position: fixed !important;
        width: 100%;
        top: 0;
        left: 0;
        padding-right: var(--scrollbar-width) !important;
    }

    .freeze-scroll-mobile body {
        overflow: hidden;
    }
}

.freeze-scroll,
.freeze-scroll .freeze-scroll-padding,
.freeze-scroll .product-footbar__wrapper--visible,
.freeze-scroll .sticky-header__content--sticky,
.freeze-scroll #preview-bar-iframe {
    padding-right: var(--scrollbar-width) !important;
}

.freeze-scroll .freeze-scroll-margin,
.freeze-scroll .popup-section:not(.popup-section--fullscreen) .popup-section__body {
    margin-right: var(--scrollbar-width) !important;
}

.freeze-scroll push-messages {
    max-width: calc(100% - var(--scrollbar-width)) !important;
}

.freeze-scroll .freeze-scroll-center {
    left: calc(50% - var(--scrollbar-width) / 2);
    max-width: calc(100% - var(--scrollbar-width)) !important;
}

slideshow-component {
    display: flex;
    flex-direction: column;
}

slideshow-component .slideshow {
    display: flex;
    overflow-y: hidden;
    flex-wrap: nowrap;
    margin: 0;
}

@media screen and (min-width: 1025px) {
    slideshow-component .slideshow {
        overflow: hidden;
    }
}

slideshow-component .slideshow__controls--top {
    order: 2;
}

slideshow-component .slideshow__slide {
    padding: 0;
}