@layer components{.collection-banner{display:block;position:relative;width:100%;background-color:var(--color-background);color:var(--color-foreground)}.collection-banner__media{position:relative;width:100%;aspect-ratio:var(--collection-banner-aspect-ratio, 1);overflow:hidden;border-radius:var(--collection-banner-border-radius, 0px);background-color:var(--color-background)}.collection-banner__slides{position:relative;width:100%;height:100%}.collection-banner__slides .swiper-wrapper{height:100%}.collection-banner__slide{width:100%;height:100%}.collection-banner__title-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:clamp(1rem,2.5vw,1.75rem);background:linear-gradient(to bottom,transparent 0%,transparent 30%,rgba(18,18,18,var(--overlay-mid-opacity, .25)) 60%,rgba(18,18,18,var(--overlay-end-opacity, .72)) 100%);color:var(--color-background);display:flex;flex-direction:column;justify-content:flex-end;align-items:var(--card-content-align-items, flex-start);gap:.25rem;text-align:var(--card-content-align, left);pointer-events:none}.collection-banner__info{padding:.75rem;color:var(--color-foreground);display:flex;flex-direction:column;align-items:var(--card-content-align-items, flex-start);text-align:var(--card-content-align, left);gap:.375rem}.collection-banner__label{color:inherit;font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);margin:0;opacity:.9}.collection-banner__title-overlay .collection-banner__label{color:var(--color-background);text-shadow:0 1px 2px rgba(0,0,0,.18)}.collection-banner__title{margin:0}.collection-banner__title:not(.text-heading-h2){color:inherit;font-size:var( --collection-banner-title-size-mobile, var(--h2-size-mobile) );line-height:var(--h2-line-height);font-weight:var( --collection-banner-title-font-weight, var(--h2-font-weight) )}.collection-banner__title--overlay{color:var(--color-background);text-shadow:0 1px 2px rgba(0,0,0,.18)}.collection-banner__description{color:inherit;font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);margin:0;text-wrap:pretty}.collection-banner__description--overlay{color:var(--color-background);text-shadow:0 1px 2px rgba(0,0,0,.18)}.collection-banner__description--custom{font-size:var( --collection-banner-description-size-mobile, var(--paragraph-size-mobile) )}.collection-banner__description--custom>p,.collection-banner__description--custom>ul,.collection-banner__description--custom>ol{font-size:inherit;line-height:var(--paragraph-line-height)}.collection-banner__description>p,.collection-banner__description>ul,.collection-banner__description>ol{color:inherit;text-align:inherit}.collection-banner__description>p{margin-block:.25rem .5rem}.collection-banner__description>p:first-child{margin-block-start:0}.collection-banner__description>p:last-child{margin-block-end:0}.collection-banner__description>ul,.collection-banner__description>ol{margin-block:.5rem;padding-inline-start:1.5rem}.collection-banner__description>ul{list-style-type:disc}.collection-banner__description>ol{list-style-type:decimal}.collection-banner__description li{list-style-type:inherit;margin-block:.25rem}.collection-banner__description a{color:var(--color-links);text-decoration:underline}.collection-banner__description--overlay a{color:inherit}.collection-banner__description a:hover{text-decoration:none}.collection-banner__indicators{position:absolute;z-index:10;display:flex;padding:.5rem}.collection-banner__indicators--size-sm{--indicator-size: 16px;gap:.5rem}.collection-banner__indicators--size-md{--indicator-size: 20px;gap:.75rem}.collection-banner__indicators--size-lg{--indicator-size: 28px;gap:1rem}.collection-banner__indicators--size-xl{--indicator-size: 36px;gap:1.25rem}@media(max-width:639px){.collection-banner__indicators--size-sm{--indicator-size: 14px;gap:.4rem}.collection-banner__indicators--size-md{--indicator-size: 16px;gap:.6rem}.collection-banner__indicators--size-lg{--indicator-size: 22px;gap:.75rem}.collection-banner__indicators--size-xl{--indicator-size: 28px;gap:1rem}}.collection-banner__indicators--orientation-vertical{flex-direction:column}.collection-banner__indicators--orientation-horizontal{flex-direction:row}.collection-banner__indicators--position-top-center{top:2rem;left:50%;transform:translate(-50%)}.collection-banner__indicators--position-top-right{top:2rem;right:2rem}.collection-banner__indicators--position-middle-right{right:2rem;top:50%;transform:translateY(-50%)}.collection-banner__indicators--position-bottom-left{bottom:2rem;left:2rem}.collection-banner__indicators--position-bottom-center{bottom:2rem;left:50%;transform:translate(-50%)}.collection-banner__indicators--position-bottom-right{bottom:2rem;right:2rem}@media(max-width:639px){.collection-banner__indicators--position-top-center,.collection-banner__indicators--position-top-right{top:1rem}.collection-banner__indicators--position-top-right,.collection-banner__indicators--position-middle-right,.collection-banner__indicators--position-bottom-right{right:1rem}.collection-banner__indicators--position-bottom-left,.collection-banner__indicators--position-bottom-center,.collection-banner__indicators--position-bottom-right{bottom:1rem}.collection-banner__indicators--position-bottom-left{left:1rem}}.collection-banner__indicator{width:var(--indicator-size, 20px);height:var(--indicator-size, 20px);border:none;background:transparent;cursor:pointer;position:relative;padding:0;transition:transform .3s ease;overflow:visible;flex-shrink:0;border-radius:50%}.collection-banner__indicator:hover{transform:scale(1.1)}.collection-banner__indicator-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--indicator-size, 20px);height:var(--indicator-size, 20px);display:block;pointer-events:none}.collection-banner__indicator-dot,.collection-banner__indicator-progress{position:absolute;top:0;right:0;bottom:0;left:0}.collection-banner__indicator-dot:before{content:"";position:absolute;top:calc(var(--indicator-size, 20px) * .3);left:calc(var(--indicator-size, 20px) * .3);width:calc(var(--indicator-size, 20px) * .4);height:calc(var(--indicator-size, 20px) * .4);border-radius:50%;background:#ffffff8c}.collection-banner__indicator.is-active .collection-banner__indicator-dot:before{background:#fffffff2}.collection-banner__indicator-progress{width:100%;height:100%;transform:rotate(-90deg)}.collection-banner__indicator-progress-circle{transition:stroke-dashoffset .1s linear}@media(min-width:640px)and (max-width:879px){.collection-banner__label{font-size:var(--paragraph-size-tablet)}.collection-banner__title:not(.text-heading-h2){font-size:var( --collection-banner-title-size-tablet, var(--h2-size-tablet) )}.collection-banner__description:not(.collection-banner__description--custom){font-size:var(--paragraph-size-tablet)}.collection-banner__description--custom,.collection-banner__description--custom>p,.collection-banner__description--custom>ul,.collection-banner__description--custom>ol{font-size:var( --collection-banner-description-size-tablet, var(--paragraph-size-tablet) )}}@media(min-width:880px){.collection-banner__label{font-size:var(--paragraph-size-desktop)}.collection-banner__title:not(.text-heading-h2){font-size:var( --collection-banner-title-size-desktop, var(--h2-size-desktop) )}.collection-banner__description:not(.collection-banner__description--custom){font-size:var(--paragraph-size-desktop)}.collection-banner__description--custom,.collection-banner__description--custom>p,.collection-banner__description--custom>ul,.collection-banner__description--custom>ol{font-size:var( --collection-banner-description-size-desktop, var(--paragraph-size-desktop) )}}@media(prefers-reduced-motion:reduce){html[data-respect-reduced-motion=true] .collection-banner__indicator{transition:none}html[data-respect-reduced-motion=true] .collection-banner__indicator:hover{transform:none}}.collection-banner__slide .hero-banner__image-wrapper{display:block;position:relative;width:100%;height:100%;overflow:hidden}.collection-banner__slide .hero-banner__picture{display:block;width:100%;height:100%}.collection-banner__slide .hero-banner__image{display:block;width:100%;height:100%;object-fit:var(--object-fit, cover);object-position:var(--object-position, center)}.collection-banner__slide .hero-banner__image-link{display:block;width:100%;height:100%}.collection-banner__slide .hero-banner__placeholder{width:100%;height:100%;display:block;overflow:hidden;background-color:var(--color-background-secondary, rgba(0, 0, 0, .04))}.collection-banner__slide .hero-banner__placeholder-image,.collection-banner__slide .hero-banner__placeholder>svg{display:block;width:100%;height:100%;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-collection-banner-styles.css.map */