.carousel-wrapper{margin:0;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden}.carousel-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:8px;padding:0 max( var(--container-padding),calc((100vw - var(--max-width))/2 + var(--container-padding)) );scrollbar-width:none}.carousel-container::-webkit-scrollbar{display:none}.carousel-item{flex:none;scroll-snap-align:center}.carousel-item figure{margin:0}.carousel-item img{width:auto;max-width:100%;height:clamp( 15rem,30vw,30rem );object-fit:contain;border-radius:8px;display:block;margin:0}.carousel-hint{text-align:center;font-size:var(--txt-body-sm);opacity:.5;margin-top:8px}.carousel-nav{position:absolute;top:calc(50% - var(--carousel-nav-size)/2);background:var(--col-shadow-soft);color:var(--col-on-bg);border:1px solid var(--col-on-bg);width:var(--carousel-nav-size);height:var(--carousel-nav-size);border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;padding:0;transition:all var(--ref-duration-base)ease}.carousel-nav.prev{left:var(--container-padding)}.carousel-nav.next{right:var(--container-padding)}.carousel-nav svg{width:24px;height:24px;transition:transform var(--ref-duration-base)ease}.carousel-nav:hover{background:var(--col-on-bg);color:var(--col-bg);transform:scale(1.1)}.carousel-nav:active{transform:scale(.95)}.carousel-nav.next:hover svg{transform:translateX(2px)}.carousel-nav.prev:hover svg{transform:translateX(-2px)}.carousel-item--zoomable{cursor:zoom-in}.carousel-item--zoomable figure{cursor:zoom-in;transition:opacity var(--ref-duration-base)ease}.carousel-item--zoomable:hover figure{opacity:.88}@media(max-width:768px){.carousel-container{scroll-snap-type:none}.carousel-item{scroll-snap-align:none}.carousel-nav{display:none}.carousel-item--zoomable,.carousel-item--zoomable figure{cursor:default}.carousel-item--zoomable:hover figure{opacity:1}}