.collection-list-design{position:relative;width:100%;overflow:hidden}.collection-list-design__inner{width:100%}.collection-list-design__header{width:100%;max-width:70rem;margin:0 auto 3rem;text-align:center}.collection-list-design__heading{margin:0;color:#15181c;font-size:3.333rem;font-weight:500;line-height:1.1;letter-spacing:-.025em}.collection-list-design__description{margin-top:.833rem;color:#464646;font-size:1.333rem;font-weight:400;line-height:1.5;letter-spacing:0}.collection-list-design__description p{margin:0}.collection-list-design__viewport{--collection-gap: 1.333rem;position:relative;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-inline:contain}.collection-list-design__viewport::-webkit-scrollbar{display:none}.collection-list-design__track{display:flex;align-items:stretch;width:100%;gap:var(--collection-gap);margin:0;padding:0;list-style:none}.collection-list-design__item{flex:0 0 calc((100% - (4 * var(--collection-gap))) / 4.2);min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}.collection-list-design__card{position:relative;display:block;width:100%;aspect-ratio:302 / 423;border-radius:1rem;background-color:#e7e7e7;color:#fff;overflow:hidden;isolation:isolate;text-decoration:none;transform:translateZ(0);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.collection-list-design__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.collection-list-design__image,.collection-list-design__placeholder{display:block;width:100%;height:100%}.collection-list-design__image{object-fit:cover;object-position:center;transform:scale(1);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .45s ease}.collection-list-design__placeholder{background-color:#e7e7e7}.collection-list-design__media:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;opacity:0;pointer-events:none}.collection-list-design__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2rem;pointer-events:none}.collection-list-design__card-heading{width:100%;max-width:95%;margin:0;color:#fff;font-size:2rem;font-weight:600;line-height:1.15;letter-spacing:-.015em;text-wrap:balance;transition:transform .4s cubic-bezier(.22,1,.36,1)}.collection-list-design__button{display:inline-flex;align-items:center;width:fit-content;gap:.583rem;color:#fff;font-size:1.167rem;font-weight:600;line-height:1.4;letter-spacing:0;transition:transform .4s cubic-bezier(.22,1,.36,1)}.collection-list-design__button-icon{display:block;flex:0 0 auto;width:1rem;height:1rem;background-color:currentColor;-webkit-mask-image:var(--collection-arrow);mask-image:var(--collection-arrow);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transform:translate(0);transition:transform .35s cubic-bezier(.22,1,.36,1)}@media screen and (min-width:990px){.collection-list-design__card:hover{transform:translateY(-.5rem);box-shadow:0 1.333rem 3rem #15181c29}.collection-list-design__card:hover .collection-list-design__image{transform:scale(1.06)}.collection-list-design__card:hover .collection-list-design__card-heading{transform:translateY(.167rem)}.collection-list-design__card:hover .collection-list-design__button{transform:translateY(-.167rem)}.collection-list-design__card:hover .collection-list-design__button-icon{transform:translate(.333rem)}}.collection-list-design__card:focus{outline:none}.collection-list-design__card:focus-visible{outline:.167rem solid #003466;outline-offset:.333rem}.collection-list-design__controls{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;margin-top:20px}.collection-list-design__progress{position:relative;flex:1 1 auto;min-width:0;height:4px;margin-top:0;background-color:#00346633;border-radius:999px;overflow:hidden;transition:opacity .25s ease}.collection-list-design__progress-thumb{position:absolute;top:0;left:0;display:block;width:24%;height:100%;border-radius:inherit;background-color:#003466;transform:translateZ(0);transition:transform .18s ease-out;will-change:transform}.collection-list-design__arrows{display:flex;align-items:center;gap:8px;flex:0 0 auto}.collection-list-design__arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:9999px;background-color:#003466;color:#fff;cursor:pointer;box-shadow:0 1px 2px #1018280d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:opacity .2s ease,background-color .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.collection-list-design__arrow:hover:not(:disabled):not([aria-disabled=true]){background-color:#024}.collection-list-design__arrow:active:not(:disabled):not([aria-disabled=true]){transform:scale(.92)}.collection-list-design__arrow:focus-visible{outline:2px solid #003466;outline-offset:2px}.collection-list-design__arrow:disabled,.collection-list-design__arrow[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.collection-list-design__arrow-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px}.collection-list-design__arrow-icon svg{display:block;width:12px;height:12px}.collection-list-design--no-overflow .collection-list-design__controls{opacity:0;pointer-events:none}.collection-list-design__view-all{display:flex;justify-content:center;margin-top:3rem}@media screen and (min-width:750px)and (max-width:989px){.collection-list-design__header{margin-bottom:2.667rem}.collection-list-design__heading{font-size:3rem}.collection-list-design__viewport{--collection-gap: 1.333rem}.collection-list-design__item{flex:0 0 calc((100% - (2 * var(--collection-gap))) / 2.4)}.collection-list-design__content{padding:1.667rem}.collection-list-design__card-heading{font-size:1.833rem}}@media screen and (max-width:749px){.collection-list-design__header{margin-bottom:2rem;text-align:left}.collection-list-design__heading{font-size:2.667rem;line-height:1.1}.collection-list-design__description{margin-top:.667rem;font-size:1.333rem}.collection-list-design__viewport{--collection-gap: 1rem}.collection-list-design__item{flex:0 0 calc((100% - var(--collection-gap)) / 1.15)}.collection-list-design__content{padding:1.5rem}.collection-list-design__card-heading{max-width:100%;font-size:1.667rem}.collection-list-design__button{font-size:1.167rem}.collection-list-design__controls{margin-top:16px;gap:16px}.collection-list-design__progress-thumb{width:28%}}@media(prefers-reduced-motion:reduce){.collection-list-design__viewport{scroll-behavior:auto}.collection-list-design__card,.collection-list-design__image,.collection-list-design__card-heading,.collection-list-design__button,.collection-list-design__button-icon,.collection-list-design__arrow,.collection-list-design__progress-thumb{transition:none}.collection-list-design__card:hover,.collection-list-design__card:hover .collection-list-design__image,.collection-list-design__card:hover .collection-list-design__card-heading,.collection-list-design__card:hover .collection-list-design__button,.collection-list-design__card:hover .collection-list-design__button-icon{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-collection-list-custom.css.map */