:root{--banner-height: 40vh}.collection-carousel-box{position:relative;width:100%;height:var(--banner-height);min-height:var(--banner-height);overflow:hidden;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw!important;max-width:100vw!important;padding-left:0!important;padding-right:0!important}.collection-carousel-box .designs-wrapper{position:absolute;bottom:0;left:0;width:100%;height:480px;pointer-events:none;z-index:12;overflow:hidden}.collection-carousel-box .designs-grid{display:flex;gap:20px;padding:160px 60px 60px;position:relative;pointer-events:auto;animation:smoothScroll 60s linear infinite;will-change:transform}@keyframes smoothScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.collection-carousel-box .design-card{flex-shrink:0;position:relative;border-radius:12px;overflow:visible;box-shadow:0 8px 25px #00000014;cursor:pointer;display:block;transform:translateY(0);transition:transform .3s,box-shadow .3s;text-decoration:none;color:inherit}.collection-carousel-box a.design-card{display:block;text-decoration:none;color:inherit}.collection-carousel-box .design-card:hover{transform:translateY(-6px);z-index:999}.collection-carousel-box .design-card img{width:100%;height:100%;object-fit:cover;display:block}.collection-carousel-box .design-card:nth-child(odd){clip-path:polygon(0 3%,0 97%,100% 100%,95% 0)}.collection-carousel-box .design-card:nth-child(2n){clip-path:polygon(0 0,0 100%,100% 97%,100% 3%)}.collection-carousel-box .cards-box{display:block;overflow:hidden;padding-bottom:140%;position:relative;transition:all .15s ease-out;-webkit-user-select:none;user-select:none;border:rgb(64,238,200)}.collection-carousel-box .screenshot-card-heroInitial,.collection-carousel-box .screenshot-card{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;transition:transform .25s ease,box-shadow .25s ease}.collection-carousel-box .screenshot-card-heroInitial img,.collection-carousel-box .screenshot-card img{width:100%;height:100%;object-fit:cover;display:block}.collection-carousel-box .screenshot-card{transform:scale(1);box-shadow:0 8px 25px #00000014}.collection-carousel-box .cards-box:hover .screenshot-card{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;pointer-events:auto}@media(max-width:768px){.designs-grid{gap:18px;padding:120px 30px 40px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/home-collection-carousel.css.map */