.collection-list-carousel{overflow-x:clip;overflow-y:visible}.collection-list-carousel .page-width{overflow-x:visible;overflow-y:visible}.collection-list-carousel__inner.page-width{padding-left:0;padding-right:0}.collection-list-carousel__layout{position:relative;width:100%;min-width:0}.collection-list-carousel__layout:not(.collection-list-carousel__layout--no-heading) .collection-list-carousel__swiper{margin-top:1.6rem}@media screen and (min-width:750px){.collection-list-carousel__layout:not(.collection-list-carousel__layout--no-heading){display:grid;align-items:center;column-gap:1.6rem;row-gap:0;grid-template-rows:auto auto auto}.collection-list-carousel__layout--heading-left:not(.collection-list-carousel__layout--no-heading){grid-template-columns:minmax(0,1fr) auto auto;column-gap:.4rem}.collection-list-carousel__layout--heading-center:not(.collection-list-carousel__layout--no-heading){grid-template-columns:1fr auto auto auto;column-gap:.4rem}.collection-list-carousel__layout--heading-right:not(.collection-list-carousel__layout--no-heading){grid-template-columns:auto auto minmax(0,1fr);column-gap:.4rem}.collection-list-carousel__layout:not(.collection-list-carousel__layout--no-heading) .collection-list-carousel__header-row{grid-row:1;min-width:0}.collection-list-carousel__layout--heading-left:not(.collection-list-carousel__layout--no-heading) .collection-list-carousel__header-row{grid-column:1;justify-self:start;text-align:left;width:100%}.collection-list-carousel__layout--heading-center:not(.collection-list-carousel__layout--no-heading) .collection-list-carousel__header-row{grid-column:2;justify-self:center;text-align:center}.collection-list-carousel__layout--heading-right:not(.collection-list-carousel__layout--no-heading) .collection-list-carousel__header-row{grid-column:3;justify-self:end;text-align:right;width:100%}.collection-list-carousel__layout:not(.collection-list-carousel__layout--no-heading) .collection-list-carousel__swiper{grid-column:1 / -1;grid-row:2;margin-top:2.4rem;padding-left:6rem;padding-right:6rem}.collection-list-carousel__layout--no-heading .collection-list-carousel__swiper{padding-left:6rem;padding-right:6rem}}.collection-list-carousel__header-row{padding-left:1.6rem;padding-right:1.6rem}@media screen and (min-width:750px){.collection-list-carousel__header-row{padding-left:6rem;padding-right:6rem}}.collection-list-carousel__heading{margin:0;font-weight:700;line-height:1;color:rgb(var(--color-foreground));letter-spacing:0;text-transform:uppercase}.collection-list-carousel__heading--sm{font-size:2rem}.collection-list-carousel__heading--md{font-size:2.4rem}.collection-list-carousel__heading--lg{font-size:2.8rem}@media screen and (min-width:750px){.collection-list-carousel__heading--sm{font-size:2.4rem}.collection-list-carousel__heading--md{font-size:2.8rem}.collection-list-carousel__heading--lg{font-size:3.2rem}}.collection-list-carousel__swiper{display:block;width:100%;max-width:100%;min-width:0;padding-left:1.6rem}@media screen and (min-width:750px){.collection-list-carousel__swiper{padding-left:0}}.collection-list-carousel__item{box-sizing:border-box}.collection-list-carousel__card{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-decoration:none;color:inherit;background:rgba(var(--color-foreground),.06);border-radius:.4rem}.collection-list-carousel__card--shape-square{aspect-ratio:1 / 1}.collection-list-carousel__card--shape-portrait{aspect-ratio:3 / 4}.collection-list-carousel__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.collection-list-carousel__media img,.collection-list-carousel__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.collection-list-carousel__media--placeholder .placeholder-svg{opacity:.35}.collection-list-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.collection-list-carousel__card--overlay-top .collection-list-carousel__overlay{background:linear-gradient(to bottom,#000000b8,#0003 45%,#0000000d)}.collection-list-carousel__card--overlay-center .collection-list-carousel__overlay{background:#00000073}.collection-list-carousel__card--overlay-bottom .collection-list-carousel__overlay{background:linear-gradient(to top,#000000b8,#0003 45%,#0000000d)}.collection-list-carousel__title-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;padding:1.2rem;pointer-events:none}.collection-list-carousel__title-wrap--top-left{align-items:flex-start;justify-content:flex-start}.collection-list-carousel__title-wrap--top-center{align-items:flex-start;justify-content:center}.collection-list-carousel__title-wrap--top-right{align-items:flex-start;justify-content:flex-end}.collection-list-carousel__title-wrap--middle-left{align-items:center;justify-content:flex-start}.collection-list-carousel__title-wrap--middle-center{align-items:center;justify-content:center}.collection-list-carousel__title-wrap--middle-right{align-items:center;justify-content:flex-end}.collection-list-carousel__title-wrap--bottom-left{align-items:flex-end;justify-content:flex-start}.collection-list-carousel__title-wrap--bottom-center{align-items:flex-end;justify-content:center}.collection-list-carousel__title-wrap--bottom-right{align-items:flex-end;justify-content:flex-end}.collection-list-carousel__title{display:block;max-width:100%;font-weight:700;font-size:clamp(1.1rem,.95rem + .4vw,1.5rem);line-height:1.2;color:#fff;letter-spacing:.04em;text-align:center;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.45)}.collection-list-carousel__title-wrap--top-left .collection-list-carousel__title,.collection-list-carousel__title-wrap--middle-left .collection-list-carousel__title,.collection-list-carousel__title-wrap--bottom-left .collection-list-carousel__title{text-align:left}.collection-list-carousel__title-wrap--top-right .collection-list-carousel__title,.collection-list-carousel__title-wrap--middle-right .collection-list-carousel__title,.collection-list-carousel__title-wrap--bottom-right .collection-list-carousel__title{text-align:right}.collection-list-carousel__layout .swiper-button-prev,.collection-list-carousel__layout .swiper-button-next{position:static;top:auto;left:auto;right:auto;display:inline-flex;height:4rem;width:4rem;margin:0;padding:0;background-color:#f5f5f5;border:none;border-radius:.2rem;color:rgb(var(--color-foreground));align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,opacity .2s;z-index:auto}.collection-list-carousel__layout .swiper-button-prev:hover,.collection-list-carousel__layout .swiper-button-next:hover{background-color:rgba(var(--color-foreground),.08)}.collection-list-carousel__layout .swiper-button-prev:focus-visible,.collection-list-carousel__layout .swiper-button-next:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.collection-list-carousel__layout .swiper-button-prev:after,.collection-list-carousel__layout .swiper-button-next:after{content:none}.collection-list-carousel__layout .swiper-button-prev svg,.collection-list-carousel__layout .swiper-button-next svg{display:block;width:1.2rem;height:1.2rem}.collection-list-carousel__layout .swiper-button-prev svg path,.collection-list-carousel__layout .swiper-button-next svg path{fill:#000}@media screen and (max-width:749px){.collection-list-carousel__layout .swiper-button-prev,.collection-list-carousel__layout .swiper-button-next{display:none}}@media screen and (min-width:750px){.collection-list-carousel__layout--heading-left .swiper-button-prev,.collection-list-carousel__layout--heading-left .swiper-button-next,.collection-list-carousel__layout--heading-center .swiper-button-prev,.collection-list-carousel__layout--heading-center .swiper-button-next,.collection-list-carousel__layout--heading-right .swiper-button-prev,.collection-list-carousel__layout--heading-right .swiper-button-next{grid-row:1;align-self:center}.collection-list-carousel__layout--heading-left .swiper-button-prev{grid-column:2}.collection-list-carousel__layout--heading-left .swiper-button-next{grid-column:3;margin-right:6rem}.collection-list-carousel__layout--heading-center .swiper-button-prev{grid-column:3}.collection-list-carousel__layout--heading-center .swiper-button-next{grid-column:4;margin-right:6rem}.collection-list-carousel__layout--heading-right .swiper-button-prev{grid-column:1;margin-left:6rem}.collection-list-carousel__layout--heading-right .swiper-button-next{grid-column:2}.collection-list-carousel__layout--no-heading{position:relative}.collection-list-carousel__layout--no-heading .swiper-button-prev,.collection-list-carousel__layout--no-heading .swiper-button-next{position:absolute;top:0;z-index:3}.collection-list-carousel__layout--no-heading .swiper-button-next{right:6rem}.collection-list-carousel__layout--no-heading .swiper-button-prev{right:10.4rem}.collection-list-carousel__layout--no-heading .collection-list-carousel__swiper{margin-top:5.6rem}}.collection-list-carousel__layout .collection-list-carousel__pagination.swiper-pagination{position:static;top:auto;left:auto;right:auto;bottom:auto;transform:none;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:2rem;padding:0;text-align:center;width:100%}@media screen and (min-width:750px){.collection-list-carousel__layout:not(.collection-list-carousel__layout--no-heading) .collection-list-carousel__pagination.swiper-pagination{grid-column:1 / -1;grid-row:3}}.collection-list-carousel__layout .swiper-pagination-bullet{display:block;width:1.6rem;height:.2rem;margin:0!important;padding:0;border:none;border-radius:.1rem;background:rgba(var(--color-foreground),.22);opacity:1;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.collection-list-carousel__layout .swiper-pagination-bullet:hover{background:rgba(var(--color-foreground),.45)}.collection-list-carousel__layout .swiper-pagination-bullet-active{background:#0069aa}@media screen and (max-width:767px){.collection-list-carousel__layout .hide-on-mobile{display:none!important}}@media screen and (min-width:768px){.collection-list-carousel__layout .hide-on-desktop{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/section-collection-list-carousel.css.map */