.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}@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),border-color var(--duration-default)}@media screen and (min-width:990px){.collection-list-banner-swiper__button{display:flex;width:5rem;height:5rem;flex-shrink:0}}.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)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-collection-header.css.map */