.collection-banner,.collection-banner *,.collection-banner *:before,.collection-banner *:after{box-sizing:border-box}.collection-banner{--cb-gutter: var(--page-gutter-mobile);--cb-focus-room: 3px;--cb-tile-width: var(--swiper-slide-width);--cb-tile-spacing: var(--collection-banner-tile-spacing-mobile);--cb-label-gap: var(--collection-banner-label-gap-mobile);--cb-active-border: var(--collection-banner-active-border-mobile);--cb-active-inset: var(--collection-banner-active-inset-mobile);position:relative;color:rgb(var(--color-foreground));overflow-x:clip}.collection-banner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:var(--color-grey-100);pointer-events:none}.collection-banner__inner{width:100%}.collection-banner .collection-banner__breadcrumbs{padding:9px var(--cb-gutter) 10px;border-top:1px solid var(--color-grey-100)}.collection-banner .breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--cb-text-align, left);margin:0;padding:0;font-size:var(--font-size-body-10);font-weight:var(--font-weight-regular);line-height:var(--line-height-130)}.collection-banner .breadcrumbs__item{display:inline-flex;align-items:center;color:rgb(var(--color-foreground))}.collection-banner .breadcrumbs__item+.breadcrumbs__item:before{content:"/";padding-inline:var(--collection-banner-crumb-gap-mobile)}.collection-banner .breadcrumbs__link{color:inherit;text-decoration:underline;text-decoration-color:transparent;transition:var(--transition-underline)}.collection-banner .breadcrumbs__current{color:rgb(var(--color-foreground));font-weight:var(--font-weight-regular)}.collection-banner .breadcrumbs__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(hover:hover)and (min-width:990px){.collection-banner .breadcrumbs__link:hover{text-decoration-color:currentColor}}.collection-banner .collection-banner__heading{margin-top:var(--collection-banner-title-gap-mobile);padding-inline:var(--cb-gutter);text-align:var(--cb-text-align, left)}.collection-banner .collection-banner__title{margin:0;font-family:var(--font-family-pp-mori);font-size:var(--cb-title-size-mobile, var(--font-size-body-16));font-weight:var(--font-weight-semibold);line-height:var(--line-height-140);letter-spacing:var(--letter-spacing-0);color:rgb(var(--color-foreground));overflow-wrap:anywhere}.collection-banner .collection-banner__description{margin-top:4px;font-size:var(--font-size-body-12);line-height:var(--line-height-140);color:rgb(var(--color-foreground))}.collection-banner .collection-banner__description>:first-child{margin-top:0}.collection-banner .collection-banner__description>:last-child{margin-bottom:0}.collection-banner .collection-banner__tiles{display:block;margin-top:var(--collection-banner-tiles-gap-mobile)}.collection-banner .collection-banner__swiper{overflow:hidden;padding:var(--cb-focus-room);margin:calc(-1 * var(--cb-focus-room))}.collection-banner .collection-banner__swiper:not(.swiper-initialized) .swiper-wrapper{gap:var(--cb-tile-spacing);padding-inline:var(--cb-gutter)}.collection-banner .collection-banner__slide{width:var(--cb-tile-width);height:auto;flex-shrink:0}.collection-banner .collection-banner__tile{display:flex;flex-direction:column;gap:var(--cb-label-gap);width:100%;color:rgb(var(--color-foreground));text-decoration:none;text-align:left}.collection-banner .collection-banner__tile:focus-visible{outline:2px solid currentColor;outline-offset:1px}.collection-banner .collection-banner__media{display:flex;position:relative;width:100%;aspect-ratio:var(--collection-banner-tile-ratio);overflow:hidden;background-color:var(--color-grey-50)}.collection-banner .collection-banner__tile--active .collection-banner__media{padding:calc(var(--cb-active-border) + var(--cb-active-inset));box-shadow:inset 0 0 0 var(--cb-active-border) currentColor;background-color:transparent}@media(forced-colors:active){.collection-banner .collection-banner__tile--active .collection-banner__media{outline:1px solid CanvasText;outline-offset:-1px}}.collection-banner .collection-banner__media-inner{display:block;position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--color-grey-50)}.collection-banner .collection-banner__media-inner picture{display:block;width:100%;height:100%}.collection-banner .collection-banner__media-inner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.collection-banner .collection-banner__label{display:block;font-size:var(--font-size-body-10);font-weight:var(--font-weight-semibold);line-height:var(--line-height-130);color:rgb(var(--color-foreground));overflow-wrap:anywhere}@media(hover:hover)and (prefers-reduced-motion:no-preference){.collection-banner .collection-banner__media-inner img{transition:transform var(--banner-hover-zoom-duration) var(--ease-default)}.collection-banner__tiles:not(.is-dragging) .collection-banner__tile:hover .collection-banner__media-inner img{transform:scale(var(--banner-hover-zoom))}}@media screen and (min-width:750px){.collection-banner{--cb-gutter: var(--page-gutter-desktop);--cb-tile-width: var(--swiper-slide-width);--cb-tile-spacing: var(--collection-banner-tile-spacing);--cb-label-gap: var(--collection-banner-label-gap);--cb-active-border: var(--collection-banner-active-border);--cb-active-inset: var(--collection-banner-active-inset)}.collection-banner:after{content:none}.collection-banner .collection-banner__breadcrumbs{padding:9px var(--cb-gutter) 7px;border-top:0}.collection-banner .breadcrumbs__list{gap:var(--collection-banner-crumb-gap);font-size:var(--font-size-body-12);line-height:var(--line-height-140)}.collection-banner .breadcrumbs__item{gap:var(--collection-banner-crumb-gap);color:var(--color-grey-600)}.collection-banner .breadcrumbs__item+.breadcrumbs__item:before{padding-inline:0}.collection-banner .breadcrumbs__current{color:var(--color-grey-800)}.collection-banner .collection-banner__heading{margin-top:var(--collection-banner-title-gap)}.collection-banner .collection-banner__title{font-size:var(--cb-title-size, var(--font-size-h3));line-height:var(--line-height-120)}.collection-banner .collection-banner__tiles{margin-top:var(--collection-banner-tiles-gap)}.collection-banner .collection-banner__label{font-size:var(--font-size-body-12);line-height:var(--line-height-140)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-main-collection-banner.css.map */