.collection-header-section{overflow:hidden}.collection-header{margin-bottom:.8rem}.collection-header .rte>*{margin-inline-start:initial;margin-inline-end:initial}.collection-header .page-header{align-items:flex-start;margin-bottom:4rem}.collection-header .collection-list-banner-swiper__button:focus-visible{outline-offset:-1px}.collection-header .collection-slide-link{position:absolute;top:0;right:0;bottom:0;left:0}.collection-header .collection-list__wrapper .collection-list__inner{display:flex;gap:2rem;flex-wrap:nowrap;overflow:visible}.collection-header .collection-list__wrapper .swiper-wrapper{display:flex;flex-wrap:nowrap}.collection-header .collection-list__wrapper .collection-list__item{max-width:16rem;display:flex;flex-direction:column;align-items:center}.collection-header .collection-list__wrapper .collection-list__item.current .image-wrapper{border:.4rem solid rgb(var(--color-accent))}@media screen and (hover:hover)and (pointer:fine){.collection-header .collection-list__wrapper .collection-list__item:not(.current) .image-wrapper:hover{box-shadow:inset 0 0 0 .4rem rgb(var(--color-accent))}}.collection-header .collection-list__wrapper .collection-list__item .image-wrapper{width:16rem;height:16rem;border-radius:50%;overflow:hidden;position:relative;transition:box-shadow var(--duration-default) ease}@media screen and (min-width:750px){.collection-header .collection-list__wrapper .collection-list__item .image-wrapper{width:16rem;height:16rem}}.collection-header .collection-list__wrapper .collection-list__item .image-wrapper img,.collection-header .collection-list__wrapper .collection-list__item .image-wrapper svg{width:100%;height:100%;object-fit:var(--object-fit);border-radius:50%;z-index:-1;position:absolute}.collection-header .collection-list__wrapper .collection-list__item .collection-item__title{text-align:center;padding-top:.6rem;font-size:calc(var(--font-body-scale) * 1.6rem);font-weight:700;width:100%}@media screen and (hover:hover)and (pointer:fine){.collection-header .collection-list__wrapper .collection-list__item .collection-item__title:hover{opacity:var(--hover-opacity)}}.collection-list__inner.swiper{overflow:hidden}.collection-list__inner .swiper-slide{width:auto}.collection-list-banner-swiper__navigation{display:flex;width:100%;justify-content:center;margin-top:1.2rem;gap:1.2rem}@media screen and (min-width:990px){.collection-list-banner-swiper__navigation{margin-top:3.2rem;display:none}}.collection-list-banner-swiper__button{display:none;align-items:center;justify-content:center;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:opacity var(--duration-default),transform var(--duration-default),background var(--duration-default),color var(--duration-default),border-color var(--duration-default);border-radius:var(--border-radius-button)}@media screen and (min-width:990px){.collection-list-banner-swiper__button{display:flex;width:3.6rem;height:3.6rem;flex-shrink:0}}.collection-list-banner-swiper__button:hover{background-color:rgb(var(--color-accent));color:rgb(var(--color-button-text))}.collection-list-banner-swiper__button .icon{width:1.6rem;height:1.6rem}@media screen and (min-width:750px){.collection-list-banner-swiper__button .icon{width:2rem;height:2rem}}.collection-list-banner-swiper__button--prev .icon{transform:rotate(180deg)}.collection-list-banner-swiper__button.swiper-button-disabled{opacity:.3;pointer-events:none}.collection-list-banner-swiper__button:focus-visible{outline:3px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (hover:hover)and (pointer:fine){.collection-list-banner-swiper__button:not(.swiper-button-disabled):hover{border-color:rgb(var(--color-foreground))}}[dir=rtl] .collection-list-banner-swiper__button{transform:rotate(180deg)}.collection-header .collection-list__wrapper .collection-list__inner{gap:0;overflow:hidden;width:100%}.collection-header .collection-list__wrapper .collection-list__item,.collection-header .collection-list__wrapper .swiper-slide{width:7.4rem!important;max-width:7.4rem;flex:0 0 7.4rem}.collection-header .collection-list__wrapper .collection-list__item .image-wrapper{width:6.8rem;height:6.8rem;margin-inline:auto}.collection-header .collection-list__wrapper .collection-list__item .collection-item__title{font-size:calc(var(--font-body-scale) * 1rem);line-height:1.2;padding-top:.45rem;text-align:center}.collection-header .collection-list-banner-swiper__navigation{display:flex;align-items:center;margin-top:.9rem}.collection-header .collection-list-banner-swiper__button{display:flex;width:3.2rem;height:3.2rem}@media screen and (min-width:750px){.collection-header .collection-list__wrapper .collection-list__item,.collection-header .collection-list__wrapper .swiper-slide{width:8rem!important;max-width:8rem;flex-basis:8rem}.collection-header .collection-list__wrapper .collection-list__item .image-wrapper{width:7.4rem;height:7.4rem}}@media screen and (min-width:1200px){.collection-header .collection-list__wrapper .collection-list__item,.collection-header .collection-list__wrapper .swiper-slide{width:8.6rem!important;max-width:8.6rem;flex-basis:8.6rem}.collection-header .collection-list__wrapper .collection-list__item .image-wrapper{width:8rem;height:8rem}}.collection-header .collection-list__wrapper .collection-list__item,.collection-header .collection-list__wrapper .swiper-slide{width:17rem!important;max-width:17rem;flex:0 0 17rem}.collection-header .collection-list__wrapper .collection-list__item .image-wrapper{width:16rem;height:16rem;margin-inline:auto;background:rgba(var(--color-foreground),.035)}.collection-header .collection-list__wrapper .collection-list__item .image-wrapper img,.collection-header .collection-list__wrapper .collection-list__item .image-wrapper svg{width:72%;height:72%;top:14%;right:14%;bottom:14%;left:14%;object-fit:contain!important;object-position:center;border-radius:0}.collection-header .collection-list__wrapper .collection-list__item .collection-item__title{font-size:calc(var(--font-body-scale) * 1.35rem);padding-top:.65rem}@media screen and (max-width:749px){.collection-header .collection-list__wrapper .collection-list__item,.collection-header .collection-list__wrapper .swiper-slide{width:13rem!important;max-width:13rem;flex-basis:13rem}.collection-header .collection-list__wrapper .collection-list__item .image-wrapper{width:12rem;height:12rem}.collection-header .collection-list__wrapper .collection-list__item .image-wrapper img,.collection-header .collection-list__wrapper .collection-list__item .image-wrapper svg{width:68%;height:68%;top:16%;right:16%;bottom:16%;left:16%}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-collection-header.css.map */