.collection-cards{position:relative;padding-top:5.6rem;padding-bottom:var(--space-15);overflow:hidden}.collection-cards:before{content:"";position:absolute;top:0;left:0;width:100%;height:75%;background-color:rgb(var(--color-background))}.collection-cards__inner{position:relative}.collection-cards__header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-15);margin-bottom:var(--space-19)}.collection-cards__header-text{display:flex;flex-direction:column;gap:var(--space-4)}.collection-cards__subtitle,.collection-cards__title{margin:0}.collection-cards__subtitle{text-transform:uppercase;color:rgb(var(--color-grey-450));font-size:var(--text-size-base)}.collection-cards__title{color:rgb(var(--color-base-dark));font-size:var(--text-size-5xl)}.collection-cards__controls{display:flex;gap:var(--space-20);align-items:center}.collection-cards__controls .button svg{min-width:var(--space-8);width:var(--space-8);height:auto}.collection-cards__progress{flex-shrink:0;width:7.2rem}.collection-cards__carousel-nav--mobile{display:none}.collection-cards__carousel-controls{display:flex;gap:var(--space-6);align-items:center}.collection-cards__carousel-button{width:4.8rem;height:4.8rem;-webkit-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;outline:none;border-radius:50%;border:1px solid rgb(var(--color-grey-900));color:rgb(var(--color-grey-900));display:flex;align-items:center;justify-content:center}.collection-cards__carousel-button[disabled]{opacity:.5;cursor:not-allowed}.collection-cards__grid{display:grid;gap:var(--space-15);scroll-snap-type:x mandatory;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding:0;margin:0}.collection-cards__grid ::-webkit-scrollbar{display:none}.collection-cards__grid-item{display:flex;flex-direction:column;scroll-snap-align:start;scroll-margin:0;align-items:stretch;padding-bottom:.4rem}.collection-cards__grid--2{grid-template-columns:repeat(2,1fr)}.collection-cards__grid--4{grid-template-columns:repeat(4,1fr)}.collection-cards__progress{padding:var(--space-15) 0;max-width:7.2rem;margin:0 auto;display:none}.collection-cards__carousel-nav{display:none}.collection-cards__carousel-nav.carousel__nav--hidden{display:none!important}.collection-cards__grid--collection-list{display:grid;gap:var(--space-15);grid-template-columns:repeat(4,1fr)}@media screen and (max-width: 1399px){.collection-cards__inner--grid-4{padding-right:0}.collection-cards__inner--grid-4 .collection-cards__carousel-nav--desktop{display:flex}.collection-cards__inner--grid-4 .collection-cards__header{padding-right:var(--padding-sections-desktop)}.collection-cards__grid--4{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-8);gap:var(--space-8)}.collection-cards__grid--4 .collection-cards__grid-item{flex:0 0 40%;min-width:40%;max-width:40%}.collection-cards__grid--4 .collection-cards__grid-item:last-child{margin-right:var(--padding-sections-desktop)}}@media screen and (max-width: 1199px){.collection-cards__carousel-nav--mobile{grid-template-columns:repeat(3,1fr);gap:var(--space-15);align-items:center;justify-content:flex-end;padding:var(--space-8) var(--padding-sections-desktop) var(--space-8) 0}.collection-cards__inner--grid-4 .collection-cards__carousel-nav--mobile{display:grid}.collection-cards__carousel-nav .carousel__tracker{width:7.2rem;margin:0 auto;grid-column:2}.collection-cards__carousel-nav .carousel__nav-buttons{grid-column:3}.collection-cards__inner--grid-4 .collection-cards__carousel-nav--desktop,.collection-cards__carousel-nav--desktop{display:none}.collection-cards__grid--collection-list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1199px) and (hover: none){.collection-cards__inner--grid-4 .collection-cards__carousel-nav--mobile{display:block}.collection-cards__inner--grid-4 .collection-cards__carousel-nav .carousel__nav-buttons{display:none}}@media screen and (max-width: 989px){.collection-cards__inner--grid-2{padding-right:0}.collection-cards__inner--grid-2 .collection-cards__carousel-nav{display:grid}.collection-cards__inner--grid-2 .collection-cards__carousel-nav--desktop{display:none}.collection-cards__inner--grid-2 .collection-cards__header{padding-right:var(--padding-sections-desktop)}.collection-cards__grid--2{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-8);gap:var(--space-8)}.collection-cards__grid--2 .collection-cards__grid-item{flex:0 0 40%;min-width:40%;max-width:40%}.collection-cards__grid--2 .collection-cards__grid-item:last-child{margin-right:var(--padding-sections-desktop)}.collection-cards__grid--collection-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 1199px) and (hover: none){.collection-cards__inner--grid-2 .collection-cards__carousel-nav--mobile{display:block}.collection-cards__inner--grid-2 .collection-cards__carousel-nav .carousel__nav-buttons{display:none}}@media screen and (max-width: 749px){.collection-cards{padding:var(--space-15) 0}.collection-cards__header{flex-direction:column;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8);padding-right:var(--padding-sections-mobile)}.collection-cards__subtitle{font-size:var(--text-size-xxs)}.collection-cards__title{font-size:var(--text-size-2xl)}.collection-cards__grid--2 .collection-cards__grid-item,.collection-cards__grid--4 .collection-cards__grid-item{flex:0 0 75%;min-width:75%;max-width:75%}.collection-cards__grid--2 .collection-cards__grid-item:last-child,.collection-cards__grid--4 .collection-cards__grid-item:last-child,.collection-cards__grid-item:last-child{margin-right:var(--padding-sections-mobile)}.collection-cards__carousel-nav--mobile{grid-template-columns:repeat(2,1fr);gap:var(--space-8);padding-right:var(--padding-sections-mobile)}.collection-cards__carousel-nav .carousel__tracker{margin:0;grid-column:1}.collection-cards__carousel-nav .carousel__nav-buttons{grid-column:2}}@media screen and (max-width: 749px) and (hover: none){.collection-cards__carousel-nav .carousel__tracker{margin:0 auto}}@media screen and (max-width: 599px){.collection-cards__grid--collection-list{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/collection-cards.css.map */