.carousel-wrapper{--carousel-padding:8vw;--carousel-gap:3vw;--carousel-cards:1.15;position:relative}@media (min-width:640px){.carousel-wrapper{--carousel-padding:5vw;--carousel-gap:1vw;--carousel-cards:2.15}}@media (min-width:1024px){.carousel-wrapper{--carousel-cards:3.15}}.carousel-track{gap:var(--carousel-gap);scroll-snap-type:x mandatory;scroll-padding-left:var(--carousel-padding);padding:2rem var(--carousel-padding);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:start;cursor:default;color:inherit;flex-shrink:0;text-decoration:none;display:block}.carousel-item-image{aspect-ratio:1.6;width:calc((100vw - 2*var(--carousel-padding) - (var(--carousel-cards) - 1)*var(--carousel-gap))/var(--carousel-cards));position:relative}@media (hover:hover){.carousel-overlay-blur{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}.carousel-overlay-info{opacity:0}.carousel-item:hover .carousel-overlay-blur{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.carousel-item:hover .carousel-overlay-info{opacity:1}}@media (hover:none){.carousel-overlay-blur{-webkit-backdrop-filter:blur();backdrop-filter:blur()}.carousel-overlay-info{opacity:1}.carousel-overlay-details{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .3s;display:grid;overflow:hidden}.carousel-overlay-details>*{min-height:0}.carousel-item-expanded .carousel-overlay-blur{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.carousel-item-expanded .carousel-overlay-details{opacity:1;grid-template-rows:1fr}}.carousel-edge{z-index:40;pointer-events:none;opacity:0;align-items:center;width:4rem;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0}.carousel-edge-left{background:linear-gradient(90deg,#ffffffe6 0%,#0000 100%);justify-content:flex-start;padding-left:.5rem;left:0}.carousel-edge-right{background:linear-gradient(270deg,#ffffffe6 0%,#0000 100%);justify-content:flex-end;padding-right:.5rem;right:0}@media (hover:hover){.carousel-wrapper:hover .carousel-edge-visible{opacity:1;pointer-events:auto}}.carousel-arrow{cursor:pointer;color:#333;background:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 2px 8px #00000026}.carousel-arrow:hover{transform:scale(1.08);box-shadow:0 3px 12px #0003}.carousel-arrow:active{transform:scale(.95)}