.rolling-collections-banner{overflow:hidden}.rolling-collections-banner__scroller{margin:0 calc(var(--grid-mobile-horizontal-spacing) * -1)}@media screen and (min-width:750px){.rolling-collections-banner__scroller{margin:0}}.rolling-collections-banner__list{display:flex;flex-wrap:nowrap;gap:1.5rem;padding:1rem var(--grid-mobile-horizontal-spacing) 2rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.rolling-collections-banner__list--scroll{overflow-x:auto;scroll-snap-type:x mandatory}.rolling-collections-banner__list--scroll::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.rolling-collections-banner__list{display:flex;justify-content:flex-start;gap:4rem;padding:2rem 5rem;overflow-x:auto;overflow-y:hidden}.rolling-collections-banner__list--centered{justify-content:center!important}.rolling-collections-banner__list::-webkit-scrollbar{display:none}}.rolling-collections-banner__item{flex:0 0 28vw;max-width:110px;scroll-snap-align:center}@media screen and (min-width:750px){.rolling-collections-banner__item{flex:0 0 13rem}}.rolling-collections-banner__card{display:block;text-align:center;transition:transform var(--duration-default) var(--ease-out-slow);text-decoration:none}@media screen and (min-width:990px){.rolling-collections-banner__card:hover{transform:translateY(-5px)}}.rolling-collections-banner__media{border-radius:50%;overflow:hidden;aspect-ratio:1 / 1;width:100%;margin:0 auto 1rem;background:transparent;position:relative;border:1px solid rgb(var(--color-foreground));padding:8px;background-color:rgb(var(--color-background));transition:transform var(--duration-default) var(--ease-out-slow)}.rolling-collections-banner__image{object-fit:cover;transition:transform var(--duration-long) ease;border-radius:50%;width:100%;height:100%;display:block}.rolling-collections-banner__card:hover .rolling-collections-banner__media{transform:scale(1.05)}.rolling-collections-banner__title{display:block;margin:0;font-size:1.1rem;letter-spacing:.05rem;text-transform:uppercase;color:rgb(var(--color-foreground));font-weight:500;line-height:1.2}@media screen and (min-width:750px){.rolling-collections-banner__title{font-size:1.5rem}}.animate--rolling-slide-in{opacity:0;transform:translate(50px);transition:opacity var(--duration-extra-long) var(--ease-out-slow),transform var(--duration-extra-long) var(--ease-out-slow)}.animate--rolling-slide-in .rolling-collections-banner__media{transform:rotate(45deg);transition:transform var(--duration-extra-long) var(--ease-out-slow)}@media screen and (min-width:750px){.rolling-trigger.animate--rolling-slide-in:not(.rolling-trigger--offscreen){opacity:1;transform:translate(0);transition-delay:calc(var(--animation-order) * .1s)}.rolling-trigger.animate--rolling-slide-in:not(.rolling-trigger--offscreen) .rolling-collections-banner__media{transform:rotate(0);transition-delay:calc(var(--animation-order) * .1s)}}@media screen and (max-width:749px){.rolling-trigger.animate--rolling-slide-in:not(.rolling-trigger--offscreen){opacity:1;transform:translate(0);transition-delay:0ms}.rolling-trigger.animate--rolling-slide-in:not(.rolling-trigger--offscreen) .rolling-collections-banner__media{transform:rotate(0);transition-delay:0ms}}@media(prefers-reduced-motion:reduce){.animate--rolling-slide-in{opacity:1;transform:none;transition:none}.animate--rolling-slide-in .rolling-collections-banner__media{transform:none}}.slider-container-main{position:relative}.slider-controls-wrapper--scrollbar-only{display:none;justify-content:center;margin-top:2rem}@media screen and (max-width:749px){.slider-controls-wrapper--scrollbar-only{display:none!important}}@media screen and (min-width:750px){.slider-controls-wrapper--scrollbar-only{display:flex}}.slider-scrollbar{width:60%;max-width:400px;height:.4rem;background-color:rgba(var(--color-foreground),.1);border-radius:.4rem;position:relative}.slider-scrollbar-thumb{position:absolute;top:0;left:0;height:100%;background-color:rgba(var(--color-foreground),.5);border-radius:.4rem;cursor:grab;width:20%;transition:background-color var(--duration-default) ease}.slider-scrollbar-thumb:hover{background-color:rgba(var(--color-foreground),.7)}.slider-scrollbar-thumb:active{cursor:grabbing}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-rolling-collections-banner.css.map */