.sky-panels{overflow:hidden}.sky-panels__carousel{position:relative;display:block}.sky-panels__track{display:grid;background:rgb(var(--sky-white));grid-auto-flow:column;grid-auto-columns:100%;gap:1px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.sky-panels__track::-webkit-scrollbar{display:none}@media(min-width:768px){.sky-panels__track{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fit,minmax(0,1fr));overflow:visible}}.sky-panel{position:relative;background:rgb(var(--panel-bg, 242 242 244));display:flex;flex-direction:column;padding:30px 0;scroll-snap-align:start;color:#2b2b2b;overflow:hidden}@media(min-width:768px){.sky-panel{padding:40px}}.sky-panel__overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.sky-panel__bg{position:absolute;top:0;right:0;bottom:0;left:0}.sky-panel__bg--hover{opacity:0;transition:opacity .5s ease-in-out}.sky-panel__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px;padding-inline:15px;text-align:center}@media(min-width:768px){.sky-panel__content{gap:12px;padding-inline:0}}.sky-panel__title{font-size:var(--sky-h1);line-height:1.2;color:rgb(var(--sky-black));transition:transform .5s ease-in-out}.sky-panel__media{position:relative;z-index:1;width:90%;margin:0 auto}@media(min-width:768px){.sky-panel__media{width:68%}}.sky-panel__media-inner{position:relative;aspect-ratio:1}.sky-panel__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:left .5s cubic-bezier(.45,0,.55,1),opacity .5s cubic-bezier(.45,0,.55,1)}.sky-panel__img--hover{opacity:0}.sky-panel__chips{position:relative;z-index:1;display:flex;gap:4px;margin-top:10px;padding-inline:15px;overflow-x:auto;scrollbar-width:none}.sky-panel__chip{display:flex;flex-shrink:0;align-items:center;gap:8px;width:max-content;padding:8px 10px;border-radius:8px;background:rgb(var(--sky-white));font-size:var(--sky-text-sm);line-height:1.35;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transition-delay:var(--d, 0s)}.sky-panel__chip img{width:15px;height:auto}@media(min-width:768px){.sky-panel__chips{position:absolute;top:50%;left:20px;flex-direction:column;margin:0;padding:0;overflow:visible;transform:translateY(-50%)}}@media(min-width:1200px){.sky-panel__chips{left:50px}.sky-panel__chip img{width:20px}}.sky-panel__btn{position:relative;z-index:1;align-self:flex-end;margin-top:10px}.sky-panel__btn--mobile{align-self:center;margin-top:2px}@media(hover:hover)and (pointer:fine){.sky-panel__chip{opacity:0;transform:translate(-10px)}.sky-panel:hover .sky-panel__chip{opacity:1;transform:none}.sky-panel:hover .sky-panel__bg--hover{opacity:1}.sky-panel:hover .sky-panel__title{transform:scale(1.2)}.sky-panel:has(.sky-panel__img--hover):hover .sky-panel__img:not(.sky-panel__img--hover){left:-8%}.sky-panel:hover .sky-panel__img--hover{opacity:1;left:15%}.sky-panel:hover .sky-dot-link:before{transform:scale(1.6)}}.sky-panels__arrow{position:absolute;top:50%;z-index:4;width:32px;height:32px}.sky-panels__arrow--prev{left:15px}.sky-panels__arrow--next{right:15px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sky-collection-panels.css.map */