.carousel-list{--item-width: 70vw;--item-height: 32vw;--img-height: var(--item-height);--pad: calc(100vw/2 - var(--item-width)/2);--gap: calc(var(--pad)/2);display:flex;gap:var(--gap);carousel-list-style:none;overflow-x:scroll;scroll-snap-type:x mandatory;padding:6rem var(--pad)}@media (max-width: 749px){.carousel-list{--item-width: 90vw;--item-height: 154vw;--img-height: 50vw}}.carousel-list-item{flex-shrink:0;display:grid;grid-template-columns:auto auto;height:var(--item-height);width:var(--item-width);scroll-snap-align:center;font-size:0;border-radius:1.6rem;overflow:hidden;background-color:rgba(var(--color-foreground),1);color:rgba(var(--color-background),1);box-shadow:0 0 6rem rgba(var(--color-foreground),.1)}.carousel-list-image img{height:var(--img-height);width:auto}.carousel-list-content{display:flex;flex-direction:column;padding:6rem 10rem 6rem 6rem}.carousel-list-content small{font-size:1rem;color:var(--hex-grey)}.carousel-list-content h2{color:rgb(var(--color-button));margin-bottom:3rem;line-height:1}.carousel-list-content p{font-size:1.5rem}.carousel-list-content .caption-with-letter-spacing{font-size:1rem}.carousel-list-content p:last-of-type{flex-grow:1}@media (max-width: 749px){.carousel-list-item{grid-template-columns:100%;grid-template-rows:calc(var(--img-height) + 6rem) auto}.carousel-list-content{padding:0 3rem 3rem}.carousel-list-image{display:flex;align-items:center;justify-content:center}.carousel-list-content h2{margin-bottom:2rem}}.carousel-link{font-size:2.4rem;color:rgba(var(--color-button-text));text-decoration:none;font-weight:300;font-family:var(--font-heading-family);line-height:1}.carousel-link svg{--svg-dim: 1.5rem;width:var(--svg-dim);height:var(--svg-dim);margin-left:.67rem}.carousel-link path{fill:rgb(var(--color-button-text))}.carousel-list{scrollbar-width:none;-ms-overflow-style:none}.carousel-list::-webkit-scrollbar{display:none}.carousel-list-wrapper{position:relative}.carousel-list-item-content .button{position:absolute;top:50%;width:3rem;height:3rem;transform:translateY(-50%)}.carousel-list-item-content .button--previous{left:1.5rem;transform:rotate(180deg)}.carousel-list-item-content .button--next{right:1.5rem}.carousel-nav{display:flex;justify-content:center}.carousel-nav .nav-arrow{padding:0 2rem;background-color:transparent;border:none;cursor:pointer}.carousel-nav .nav-arrow svg{height:1rem;width:1rem}.carousel-nav .nav-arrow path{fill:rgb(var(--color-foreground));stroke:rgba(var(--color-button),0);transition:.3s ease}.carousel-nav .nav-arrow:hover path{fill:rgb(var(--color-button))}.carousel-nav .nav-arrow:active path{stroke:rgba(var(--color-button),1);transition:.3s ease}.carousel-dots{padding:0;margin:0}.carousel-dots .carousel-dot{--dim: 1.2rem;display:inline-block;height:var(--dim);width:var(--dim);border:.1rem solid rgb(var(--color-foreground));background:transparent;border-radius:2rem}.carousel-dots .carousel-dot.active{background-color:rgb(var(--color-button))}
/*# sourceMappingURL=/cdn/shop/t/121/assets/31ko-carousel.css.map */