.page-width {
    max-width: var(--page-width, 1400px);
    margin: 0 auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media screen and (min-width: 750px) {
    .page-width {
        padding-left:2rem;
        padding-right: 2rem
    }
}

@media screen and (min-width: 750px) {
    .page-width.width--narrow {
        padding-left:9rem;
        padding-right: 9rem
    }
}

@media screen and (min-width: 1200px) {
    .page-width.width--narrow {
        max-width:72.6rem;
        padding-left: 0;
        padding-right: 0
    }
}

.isolate {
    position: relative;
    z-index: 0
}

.isolate.isolate--higher {
    z-index: 1
}



.list-social {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1rem
}

.list-social .social-item {
    padding: .25rem;
    line-height: 0;
    --icon-width: 2rem;
    --alpha-border: 0;
    position: relative;
    border-radius: var(--small-radius)
}

.list-social .social-item:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 1px rgba(var(--color-foreground),var(--alpha-border));
    border-radius: var(--small-radius);
    pointer-events: none;
    z-index: 1
}

.list-social .social-item .icon {
    width: var(--icon-width)
}

.list-social .social-item:hover .icon {
    animation: bounceScale .3s ease
}

.list-social.social-style--icon .social-item {
    padding: 0
}

.list-social.social-style--icon .social-item .icon {
    width: calc(var(--icon-width) * 1.25)
}

.list-social.social-style--border .social-item {
    --alpha-border: 1
}

.list-social.social-style--wrapper .social-item {
    --alpha-background: .05;
    background: rgba(var(--color-foreground),var(--alpha-background));
    --alpha-border: .02
}

.list-social.social-style--wrapper .social-item:hover {
    --alpha-background: 1;
    color: rgb(var(--color-background))
}

.list-social.social-style--solid .social-item {
    --alpha-background: 1;
    color: rgb(var(--color-background));
    background: rgba(var(--color-foreground),var(--alpha-background))
}

.list-social.social-style--solid .social-item:hover {
    --alpha-background: .05;
    color: rgb(var(--color-foreground))
}

.placeholder {
    display: block!important;
    background: rgba(var(--color-foreground),.05);
    color: rgba(var(--color-foreground),.6);
    fill: rgba(var(--color-foreground),.6);
    border-radius: var(--small-radius);
    animation: shimmer .8s linear infinite forwards
}

.placeholder-svg {
    background: rgba(var(--color-foreground),.2)
}

.text-content>* {
    margin-top: 0;
    margin-bottom: 0
}

.text-content>*:not(:first-child) {
    margin-top: 1rem
}

.text-content .text-content-heading {
    font-size: 2rem
}

.text-content .text-content-heading.heading-size--small {
    font-size: 1.5rem
}

.text-content .text-content-heading.heading-size--large {
    font-size: 2.5rem
}

.text-content .text-content-heading.heading-size--super {
    font-size: 6rem;
    line-height: .875
}

.text-content .text-content-badges {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .5rem
}

.text-content .text-content-badges span {
    padding: 0 .875rem;
    height: 2rem;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: rgba(var(--color-background),.5)
}

.text-content .text-content-badges span .icon {
    width: 1rem
}

.text-content .text-content-badges span:hover .icon {
    animation: bounceScale .1s ease
}

.text-content .text-content-buttons {
    margin-top: 2rem
}

@media screen and (max-width: 749px) {
    .text-content .text-content-heading.heading-size--super {
        font-size:4rem
    }
}

article,.main-page,[role=main] .shopify-policy__container {
    line-height: 1.6
}

[role=main] .shopify-policy__container {
    max-width: 60rem
}

[role=main] .shopify-policy__container .shopify-policy__title {
    padding: 4rem 0
}

.alert-message {
    font-size: .875rem;
    font-weight: 700;
    text-align: left;
    padding: 1rem;
    border-radius: var(--small-radius);
    background: rgba(var(--color-foreground),.1);
    color: rgb(var(--color-foreground))
}

.alert-message .message-list {
    font-weight: 400;
    padding-left: 1rem;
    margin-top: .5rem;
    margin-bottom: 0
}

.alert-message .message-list li:not(:last-child) {
    margin-bottom: .5rem
}

.alert-message.alert-error {
    --color-foreground: var(--color-error)
}

.alert-message.alert-success {
    --color-foreground: var(--color-success)
}

.alert-message.alert-warning {
    --color-foreground: var(--color-warning)
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    display: none
}

.modal>.modal-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--color-foreground),.1);
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem)
}

.modal>.modal-inner {
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 0 1rem rgba(var(--color-shadow),.2);
    visibility: hidden;
    opacity: .01;
    width: 45rem;
    min-height: 20rem;
    position: relative;
    border-radius: var(--medium-radius)
}

.modal>.modal-inner:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 1px rgba(var(--color-foreground),.05);
    border-radius: var(--medium-radius);
    pointer-events: none;
    z-index: 1
}

.modal>.modal-inner .modal-close {
    position: absolute;
    right: 0;
    top: 0;
    --color-button: var(--color-background);
    --alpha-button-background: .2;
    border-radius: 0;
    z-index: 1
}

.modal>.modal-inner .modal-close .icon {
    width: 1rem
}

.modal>.modal-inner .modal-content {
    overflow-y: auto;
    max-height: calc(100vh - 4rem);
    padding: 3rem 2rem 2rem
}

@media screen and (min-width: 750px) {
    .modal>.modal-inner {
        max-width:50rem
    }
}

.modal[open] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem
}

.modal[open]>.modal-inner {
    visibility: visible;
    animation: slideIn .3s cubic-bezier(0,0,.3,1) forwards
}

@media (prefers-reduced-motion: reduce) {
    .modal[open]>.modal-inner {
        opacity: 1
    }
}

.modal.confirm-modal>.modal-inner {
    width: 20rem;
    min-height: auto
}

.modal.drawer>.modal-inner {
    border-radius: var(--large-radius);
    width: 30rem;
    height: 100%;
    padding: 1rem 2rem 2rem;
    display: grid;
    grid-template-rows: max-content auto
}

.modal.drawer>.modal-inner .drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.modal.drawer>.modal-inner .drawer-header .drawer-close {
    margin-left: -1rem
}

.modal.drawer>.modal-inner .drawer-header .drawer-close .icon {
    width: 1rem
}

.modal.drawer>.modal-inner .drawer-header .drawer-title {
    margin-bottom: 0;
    font-size: 1rem
}

.modal.drawer>.modal-inner .drawer-header .drawer-title a {
    display: inline-flex;
    align-items: center;
    gap: .25rem
}

.modal.drawer>.modal-inner .drawer-header .drawer-title a .icon {
    width: 1rem
}

.modal.drawer>.modal-inner .drawer-content {
    padding-top: 1rem;
    overflow-y: hidden
}

.modal.drawer[open] {
    justify-content: flex-end
}

.modal.drawer[open]>.modal-inner {
    animation: fadeIn .3s cubic-bezier(0,0,.3,1) forwards
}

.modal.drawer[open].position--left {
    justify-content: flex-start
}

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

.slider .slider-controller {
    display: none
}

@media screen and (max-width: 749px) {
    .slider[data-slide-mobile] {
        display:block;
        touch-action: pan-y
    }

    .slider[data-slide-mobile]>.slider-container {
        position: relative;
        overflow: hidden
    }

    .slider[data-slide-mobile]>.slider-container>.slider-wrapper {
        display: flex;
        align-items: stretch;
        flex-wrap: nowrap;
        will-change: transform
    }

    .slider[data-slide-mobile]>.slider-container>.slider-wrapper>.slider-slide {
        position: relative;
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%
    }

    .slider[data-slide-mobile]>.slider-container>.slider-wrapper.slider--center {
        justify-content: center
    }

    .slider[data-slide-mobile]>.slider-container>.slider-wrapper.auto-grid>.grid-item {
        width: var(--item-perfect-size-mobile);
        height: auto
    }

    .slider[data-slide-mobile]>.slider-container.slider--overflow-visible {
        overflow: visible
    }

    .slider[data-slide-mobile] .slider-controller {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 3rem;
        margin-top: 1rem
    }

    .slider[data-slide-mobile] .slider-controller .slider-nav-buttons {
        display: none
    }

    .slider[data-slide-mobile] .slider-controller .slider-page-dots {
        list-style: none;
        padding: 0;
        margin: 0;
        display: none
    }

    .slider[data-slide-mobile] .slider-controller.has-dots.has-nav {
        justify-content: space-between
    }

    .slider[data-slide-mobile] .slider-controller.has-dots.has-nav {
        justify-content: center
    }

    .slider[data-slide-mobile] .slider-controller:not(.has-dots) {
        display: none
    }

    .slider[data-slide-mobile].slider--installed>.slider-container>.slider-wrapper {
        justify-content: flex-start
    }

    .slider[data-slide-mobile].slider--installed .slider-controller .slider-nav-buttons {
        display: inline-flex;
        align-items: center;
        gap: 1rem
    }

    .slider[data-slide-mobile].slider--installed .slider-controller .slider-nav-buttons .nav-button .icon {
        transition: transform .5s cubic-bezier(0,0,.3,1)
    }

    .slider[data-slide-mobile].slider--installed .slider-controller .slider-nav-buttons .nav-button.nav-button--prev:hover .icon {
        transform: translate(-.5rem)
    }

    .slider[data-slide-mobile].slider--installed .slider-controller .slider-nav-buttons .nav-button.nav-button--next:hover .icon {
        transform: translate(.5rem)
    }

    .slider[data-slide-mobile].slider--installed .slider-controller .slider-page-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: 1rem 0
    }

    .slider[data-slide-mobile].slider--installed .slider-controller .slider-page-dots .page-dot {
        position: relative;
        overflow: hidden;
        flex: 0 1 auto;
        width: 1.5rem;
        height: .25rem;
        border-radius: 9999px;
        background: rgba(var(--color-foreground),.2);
        cursor: default;
        transition: width .1s cubic-bezier(0,0,.3,1),transform .1s cubic-bezier(0,0,.3,1)
    }

    .slider[data-slide-mobile].slider--installed .slider-controller .slider-page-dots .page-dot.current {
        width: 3rem
    }

    .slider[data-slide-mobile].slider--installed .slider-controller .slider-page-dots .page-dot.current:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(var(--color-foreground))
    }

    .slider[data-slide-mobile].slider--installed .slider-controller .slider-page-dots:hover .page-dot {
        transform: scaleY(2.4)
    }

    .slider[data-slide-mobile].slider--installed[data-draggable] .slider-container {
        cursor: grab
    }

    .slider[data-slide-mobile].slider--installed[data-draggable]:active .slider-container {
        cursor: grabbing
    }

    .slider[data-slide-mobile].slider--installed[data-draggable].slider--is-dragging .slider-container .slider-slide {
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none
    }

    .slider[data-slide-mobile].slider--installed[data-autoplay]:not([editor-selected]) .page-dot.current:after {
        animation: growWidth var(--slide-interval) linear
    }

    .slider[data-slide-mobile].slider--installed[data-autoplay]:not([editor-selected]):not(.slider--is-playing) .page-dot.current:after {
        animation-play-state: paused
    }

    .slider[data-slide-mobile][data-layout-vertical]>.slider-container>.slider-wrapper {
        flex-direction: column;
        height: 100%
    }

    .slider[data-slide-mobile][data-layout-vertical]>.slider-container>.slider-wrapper .slider-slide {
        height: 100%
    }

    .slider[data-slide-mobile][data-layout-vertical]>.slider-container>.slider-wrapper.auto-grid>.grid-item {
        width: auto;
        height: var(--item-perfect-size-mobile)
    }
}

@media screen and (min-width: 750px) {
    .slider[data-slide-desktop] {
        display:block;
        touch-action: pan-y
    }

    .slider[data-slide-desktop]>.slider-container {
        position: relative;
        overflow: hidden
    }

    .slider[data-slide-desktop]>.slider-container>.slider-wrapper {
        display: flex;
        align-items: stretch;
        flex-wrap: nowrap;
        will-change: transform
    }

    .slider[data-slide-desktop]>.slider-container>.slider-wrapper>.slider-slide {
        position: relative;
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%
    }

    .slider[data-slide-desktop]>.slider-container>.slider-wrapper.slider--center {
        justify-content: center
    }

    .slider[data-slide-desktop]>.slider-container>.slider-wrapper.auto-grid>.grid-item {
        width: var(--item-perfect-size);
        height: auto
    }

    .slider[data-slide-desktop]>.slider-container.slider--overflow-visible {
        overflow: visible
    }

    .slider[data-slide-desktop] .slider-controller {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 3rem;
        margin-top: 1rem
    }

    .slider[data-slide-desktop] .slider-controller .slider-nav-buttons {
        display: none
    }

    .slider[data-slide-desktop] .slider-controller .slider-page-dots {
        list-style: none;
        padding: 0;
        margin: 0;
        display: none
    }

    .slider[data-slide-desktop] .slider-controller.has-dots.has-nav {
        justify-content: space-between
    }

    .slider[data-slide-desktop].slider--installed>.slider-container>.slider-wrapper {
        justify-content: flex-start
    }

    .slider[data-slide-desktop].slider--installed .slider-controller .slider-nav-buttons {
        display: inline-flex;
        align-items: center;
        gap: 1rem
    }

    .slider[data-slide-desktop].slider--installed .slider-controller .slider-nav-buttons .nav-button .icon {
        transition: transform .5s cubic-bezier(0,0,.3,1)
    }

    .slider[data-slide-desktop].slider--installed .slider-controller .slider-nav-buttons .nav-button.nav-button--prev:hover .icon {
        transform: translate(-.5rem)
    }

    .slider[data-slide-desktop].slider--installed .slider-controller .slider-nav-buttons .nav-button.nav-button--next:hover .icon {
        transform: translate(.5rem)
    }

    .slider[data-slide-desktop].slider--installed .slider-controller .slider-page-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: 1rem 0
    }

    .slider[data-slide-desktop].slider--installed .slider-controller .slider-page-dots .page-dot {
        position: relative;
        overflow: hidden;
        flex: 0 1 auto;
        width: 1.5rem;
        height: .25rem;
        border-radius: 9999px;
        background: rgba(var(--color-foreground),.2);
        cursor: default;
        transition: width .1s cubic-bezier(0,0,.3,1),transform .1s cubic-bezier(0,0,.3,1)
    }

    .slider[data-slide-desktop].slider--installed .slider-controller .slider-page-dots .page-dot.current {
        width: 3rem
    }

    .slider[data-slide-desktop].slider--installed .slider-controller .slider-page-dots .page-dot.current:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(var(--color-foreground))
    }

    .slider[data-slide-desktop].slider--installed .slider-controller .slider-page-dots:hover .page-dot {
        transform: scaleY(2.4)
    }

    .slider[data-slide-desktop].slider--installed[data-draggable] .slider-container {
        cursor: grab
    }

    .slider[data-slide-desktop].slider--installed[data-draggable]:active .slider-container {
        cursor: grabbing
    }

    .slider[data-slide-desktop].slider--installed[data-draggable].slider--is-dragging .slider-container .slider-slide {
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none
    }

    .slider[data-slide-desktop].slider--installed[data-autoplay]:not([editor-selected]) .page-dot.current:after {
        animation: growWidth var(--slide-interval) linear
    }

    .slider[data-slide-desktop].slider--installed[data-autoplay]:not([editor-selected]):not(.slider--is-playing) .page-dot.current:after {
        animation-play-state: paused
    }

    .slider[data-slide-desktop][data-layout-vertical]>.slider-container>.slider-wrapper {
        flex-direction: column;
        height: 100%
    }

    .slider[data-slide-desktop][data-layout-vertical]>.slider-container>.slider-wrapper .slider-slide {
        height: 100%
    }

    .slider[data-slide-desktop][data-layout-vertical]>.slider-container>.slider-wrapper.auto-grid>.grid-item {
        width: auto;
        height: var(--item-perfect-size)
    }
}

.scrollable-content {
    position: relative;
    display: block;
    z-index: 1;
    overflow: hidden;
    touch-action: pan-y
}

.scrollable-content.scrollable--overflow-visible {
    overflow: visible
}

.scrollable-content.scrollable--installed .scrollable-content-wrapper {
    justify-content: flex-start!important
}

.scrollable-content.scrollable--installed[data-draggable] {
    cursor: grab
}

.scrollable-content.scrollable--installed[data-draggable]:active {
    cursor: grabbing
}

.scrollable-content.scrollable--installed[data-draggable].scrollable--is-dragging .scrollable-content-wrapper {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.tab-panel .tab-panel-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 1rem
}

.tab-panel .tab-panel-tabs.tabs-alignment--left {
    justify-content: flex-start
}

.tab-panel .tab-panel-tabs.tabs-alignment--center {
    justify-content: center
}

.tab-panel .tab-panel-tabs.tabs-alignment--right {
    justify-content: flex-end
}

.tab-panel .tab-panel-tabs .tab {
    cursor: pointer
}

.tab-panel .tab-panel-panels .panel[aria-hidden=true] {
    display: none!important
}

#toasts-container {
    position: fixed;
    z-index: 102;
    padding: 1rem;
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

#toasts-container .toast {
    padding: .5rem 1rem;
    border-radius: var(--small-radius);
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    --color-background: #7eecf8;
    --color-foreground: #000000;
    background: var(--color-background);
    color: var(--color-foreground);
    animation: slideIn .3s cubic-bezier(0,0,.3,1)
}

#toasts-container .toast:before {
    content: "";
    display: inline-block;
    height: .5rem;
    width: .5rem;
    border-radius: 9999px;
    background: var(--color-foreground)
}

#toasts-container .toast.type-success {
    --color-background: #009519;
    --color-foreground: #ffffff
}

#toasts-container .toast.type-warning {
    --color-background: #ffdc2f;
    --color-foreground: #000000
}

#toasts-container .toast.type-error {
    --color-background: #da0b0b;
    --color-foreground: #ffffff
}

.badge {
    position: relative;
    font-size: .875rem;
    padding: 0 .875rem;
    height: 1.75rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    font-weight: 700;
    border-radius: 9999px
}

.badge .icon {
    width: 1rem
}

.badge.sale-badge {
    background: rgb(var(--sale-badge-background));
    color: rgb(var(--sale-badge-foreground))
}

.badge.sold-out-badge {
    background: rgba(var(--color-foreground),.1);
    color: rgba(var(--color-foreground),.8)
}

.badge.gift-badge {
    background: rgb(var(--gift-badge-background));
    color: rgb(var(--gift-badge-foreground))
}

.badge.new-badge {
    background: rgb(var(--new-badge-background));
    color: rgb(var(--new-badge-foreground))
}

.badge.preorder-badge {
    background: rgb(var(--preorder-badge-background));
    color: rgb(var(--preorder-badge-foreground))
}

.badge.limit-edition-badge {
    background: rgb(var(--color-background));
    border: 1px solid rgb(var(--color-foreground));
    font-size: .625rem;
    text-transform: uppercase
}

@media screen and (max-width: 749px) {
    .badge {
        padding:0 .5rem;
        height: 1.25rem;
        font-size: .75rem
    }
}

.card-badges {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    align-content: flex-start;
    align-items: center
}

.card-badges.position--left {
    justify-content: flex-start
}

.card-badges.position--right {
    justify-content: flex-end
}

.card-badges.badge--small .badge {
    font-size: .625rem;
    padding: 0 .5rem;
    height: 1.25rem
}

.card-badges.badge--small .badge .icon {
    width: .75rem
}

.color-swatches {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: .25rem
}

.color-swatches .color-swatch {
    --border-opacity: .05;
    --border-width: 2px;
    width: 1.5rem;
    height: 1.5rem;
    padding: .25rem;
    cursor: default;
    position: relative;
    border-radius: 9999px
}

.color-swatches .color-swatch:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 var(--border-width) rgba(var(--color-foreground),var(--border-opacity));
    border-radius: 9999px;
    pointer-events: none;
    z-index: 1
}

.color-swatches .color-swatch .color {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    overflow: hidden
}

.color-swatches .color-swatch .color:has(img) {
    background: transparent!important
}

.color-swatches .color-swatch .color:has(img) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.color-swatches .color-swatch:hover {
    --border-opacity: .2
}

.color-swatches .color-swatch.active,.color-swatches .color-swatch:has(input:checked) {
    --border-opacity: 1;
    --color-pulse: var(--color-foreground);
    animation: pulse .1s ease
}

.color-swatches .color-swatch:has(input:disabled,input.disabled) .color {
    opacity: .5
}

.color-swatches .color-swatch:has(input:disabled,input.disabled):before {
    content: "";
    position: absolute;
    width: 40%;
    height: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    background: rgb(var(--color-foreground))
}

.color-swatches .color-swatch:has(input:focus-visible) {
    outline: 2px solid rgba(var(--color-outline),.75)!important;
    box-shadow: 0 0 5px 3px rgb(var(--color-outline),.2);
    outline-offset: 3px
}

.color-swatches.swatch-type--image .color-swatch {
    width: 2.4rem;
    height: 2.4rem
}

.price {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
    color: rgb(var(--color-foreground))
}

.price .price-container {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem
}

.price .price-container .unit-price {
    padding: .25rem .5rem;
    line-height: 1;
    border-radius: 9999px;
    background: rgba(var(--color-foreground),.75);
    color: rgb(var(--color-background));
    font-size: .75rem
}

image-magnify {
    display: block;
    cursor: zoom-in
}

image-magnify img {
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

image-magnify.image-zoom-in {
    cursor: zoom-out
}

.main-page__wrapper,.shopify-email-marketing-confirmation__container,.shopify-policy__container,.shopify-challenge__container {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.paginate-content--empty {
    padding: 10rem 0;
    text-align: center
}

.paginate-content--empty .empty-title {
    opacity: .5
}

.breadcrumb {
    width: 100%
}

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

.breadcrumb .breadcrumb-wrapper .breadcrumb-item {
    display: flex;
    align-items: center
}

.breadcrumb .breadcrumb-wrapper .breadcrumb-item.page-current a {
    opacity: .75
}

.breadcrumb .breadcrumb-wrapper .breadcrumb-item:not(:last-child):after {
    content: "/";
    display: inline-block;
    margin: 0 .5rem
}

.banner {
    position: relative;
    display: flex;
    align-items: stretch
}

.banner .banner-content {
    width: 100%
}

.banner:before {
    content: "";
    display: block;
    width: 0
}

.banner.banner--adapt {
    height: 100%
}

.banner.banner--adapt.banner--placeholder:before {
    padding-bottom: 40rem
}

.banner.banner--small:before {
    padding-bottom: 30rem
}

.banner.banner--medium:before {
    padding-bottom: 40rem
}

.banner.banner--large:before {
    padding-bottom: 50rem
}

@media screen and (min-width: 750px) {
    .banner.banner--small:before {
        padding-bottom:40rem
    }

    .banner.banner--medium:before {
        padding-bottom: 50rem
    }

    .banner.banner--large:before {
        padding-bottom: 60rem
    }
}

.icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 3rem;
    line-height: 0
}

.icon-list li .icon {
    width: 1.75rem
}

.icon-list li:hover .icon {
    animation: bounceScale .3s cubic-bezier(0,0,.3,1)
}

.discount-code {
    padding: .5rem 1rem;
    border: 1px dashed rgb(var(--color-foreground),.5);
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    --alpha-background: 0;
    background: rgba(var(--color-foreground),var(--alpha-background))
}

.discount-code:hover {
    --alpha-background: .2
}

@media screen and (forced-colors: active) {
    body {
        --color-background: Canvas;
        --color-foreground: CanvasText
    }

    h1,h2,h3,h4,h5,h6,p {
        color: CanvasText
    }

    a {
        color: LinkText
    }

    a:hover,a:focus {
        background-color: LinkText;
        color: Canvas;
        outline: 1px solid LinkText
    }

    button,.button,input[type=button],input[type=submit],input[type=reset] {
        --color-button: ButtonFace;
        --color-button-text: ButtonText;
        border: 2px solid ButtonText
    }

    button:hover,button:focus,.button:hover,.button:focus,input[type=button]:hover,input[type=button]:focus,input[type=submit]:hover,input[type=submit]:focus,input[type=reset]:hover,input[type=reset]:focus {
        --color-button: Highlight;
        --color-button-text: HighlightText
    }

    img {
        border: 2px solid LinkText
    }

    table,table th,table td,input,textarea,select {
        border: 1px solid CanvasText
    }

    input:focus,textarea:focus,select:focus {
        outline: 1px solid Highlight
    }
}

@media (prefers-reduced-motion) {
    .motion-reduce {
        transition: none!important;
        animation: none!important
    }
}

@media (prefers-reduced-motion: no-preference) {
    @keyframes ambientMove {
        0% {
            transform: rotate(0) translate(1em) rotate(0) scale(1.2)
        }

        to {
            transform: rotate(360deg) translate(1em) rotate(-360deg) scale(1.2)
        }
    }

    @keyframes shimmer {
        0% {
            opacity: 1
        }

        50% {
            opacity: .4
        }

        to {
            opacity: 1
        }
    }

    @keyframes slideIn {
        0% {
            transform: translateY(2rem);
            opacity: .01
        }

        to {
            transform: translateY(0);
            opacity: 1
        }
    }

    @keyframes slideInFromTop {
        0% {
            opacity: .01;
            transform: translateY(-2rem)
        }

        to {
            opacity: 1;
            transform: translate(0)
        }
    }

    @keyframes slideInFromLeft {
        0% {
            opacity: .01;
            transform: translate(-5rem)
        }

        to {
            opacity: 1;
            transform: translate(0)
        }
    }

    @keyframes slideInFromRight {
        0% {
            opacity: .01;
            transform: translate(5rem)
        }

        to {
            opacity: 1;
            transform: translate(0)
        }
    }

    @keyframes slideUpDown {
        0% {
            transform: translateY(0);
            opacity: 1
        }

        50% {
            transform: translateY(-100%);
            opacity: 0
        }

        51% {
            transform: translateY(100%)
        }

        to {
            transform: translateY(0);
            opacity: 1
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: .01
        }

        to {
            opacity: 1
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1
        }

        to {
            opacity: .01
        }
    }

    @keyframes scaleIn {
        0% {
            transform: scale(.1);
            opacity: .01
        }

        to {
            transform: scale(1);
            opacity: 1
        }
    }

    @keyframes scaleDown {
        0% {
            transform: scale(1.5);
            opacity: .01
        }

        to {
            transform: scale(1);
            opacity: 1
        }
    }

    @keyframes rotateIn {
        0% {
            transform: rotate(-180deg) scale(.1);
            opacity: 0
        }

        to {
            transform: rotate(0) scale(1);
            opacity: 1
        }
    }

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

        50% {
            transform: scale(1.25)
        }

        to {
            transform: scale(1)
        }
    }

    @keyframes pulse {
        0% {
            box-shadow: 0 0 rgba(var(--color-pulse),.5)
        }

        to {
            box-shadow: 0 0 0 .5rem rgba(var(--color-pulse),0)
        }
    }

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

        to {
            transform: scale(1.05)
        }
    }

    @keyframes shrinkSlightly {
        0% {
            transform: scale(1.05)
        }

        to {
            transform: scale(1)
        }
    }

    @keyframes bounceUp {
        0%,to {
            transform: translateY(0)
        }

        50% {
            transform: translateY(-2rem)
        }
    }

    @keyframes bounceDown {
        0%,to {
            transform: translateY(0)
        }

        50% {
            transform: translateY(2rem)
        }
    }

    @keyframes bounceRight {
        0%,to {
            transform: translate(0)
        }

        50% {
            transform: translate(1rem)
        }
    }

    @keyframes bounceLeft {
        0%,to {
            transform: translate(0)
        }

        50% {
            transform: translate(-1rem)
        }
    }

    @keyframes blink {
        50% {
            opacity: 0
        }
    }

    @keyframes growWidth {
        0% {
            transform: scaleX(0);
            transform-origin: left
        }

        to {
            transform: scaleX(1);
            transform-origin: left
        }
    }

    @keyframes growWidthFromRight {
        0% {
            transform: scaleX(0);
            transform-origin: right
        }

        to {
            transform: scaleX(1);
            transform-origin: right
        }
    }

    @keyframes pushInFromLeft {
        0% {
            transform: translate(-100%)
        }

        to {
            transform: translate(0)
        }
    }

    @keyframes pushInFromRight {
        0% {
            transform: translate(100%)
        }

        to {
            transform: translate(0)
        }
    }

    @keyframes pushOutToLeft {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(-100%)
        }
    }

    @keyframes pushOutToRight {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(100%)
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    * {
        transition: none!important;
        animation: none!important
    }
}

.scroll-trigger {
    visibility: hidden;
    opacity: .01
}

.scroll-trigger:not(.scroll-trigger--offscreen) {
    visibility: visible
}

@media (prefers-reduced-motion) {
    .scroll-trigger:not(.scroll-trigger--offscreen) {
        opacity: 1
    }
}

@media (prefers-reduced-motion: no-preference) {
    .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
        animation: slideIn .8s cubic-bezier(0,0,.3,1) forwards;
        animation-delay: calc(var(--animation-order) * .15s)
    }

    .scroll-trigger:not(.scroll-trigger--offscreen).animate--left-in {
        animation: slideInFromLeft .5s cubic-bezier(0,0,.3,1) forwards;
        animation-delay: calc(var(--animation-order) * .15s)
    }

    .scroll-trigger:not(.scroll-trigger--offscreen).animate--right-in {
        animation: slideInFromRight .5s cubic-bezier(0,0,.3,1) forwards;
        animation-delay: calc(var(--animation-order) * .15s)
    }

    .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
        animation: fadeIn 1.2s cubic-bezier(0,0,.3,1) forwards;
        animation-delay: calc(var(--animation-order) * .15s)
    }

    .scroll-trigger:not(.scroll-trigger--offscreen).animate--scale-in {
        animation: scaleDown .3s cubic-bezier(0,0,.3,1) forwards;
        animation-delay: calc(var(--animation-order) * .15s)
    }
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) and (min-width: 750px) {
    .hover-trigger .animate-scale-up {
        transition:transform .8s cubic-bezier(0,0,.3,1)
    }

    .hover-trigger .animate--fade-in {
        visibility: hidden;
        opacity: 0;
        transition: opacity .8s cubic-bezier(0,0,.3,1)
    }

    .hover-trigger .animate--fade-out {
        visibility: visible;
        opacity: 1;
        transition: opacity .8s cubic-bezier(0,0,.3,1)
    }

    .hover-trigger:hover .animate-scale-up {
        transform: scale(1.05)
    }

    .hover-trigger:hover .animate--fade-in {
        visibility: visible;
        opacity: 1
    }

    .hover-trigger:hover .animate--fade-out {
        visibility: hidden;
        opacity: 0
    }
}

/*# sourceMappingURL=/cdn/shop/t/2/assets/style.css.map?v=66258772480973967921732584358 */