.carousel{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;border-radius:8px;user-select:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.carousel--minimal{flex-direction:column}.carousel--fullscreen,.carousel--minimal{display:flex;align-items:center;justify-content:center}.carousel--fullscreen{width:100%;height:100%}.carousel__track{display:flex;position:relative;transition:transform .5s ease;will-change:transform;flex:1 1 auto;height:auto}.carousel__track:hover~.carousel__button{opacity:.7}.carousel__slide{display:flex;align-items:center;justify-content:center;flex:0 0 100%}.carousel__image,.carousel__slide{height:100%;background:rgba(0,0,0,0)}.carousel__image{width:100%;object-fit:cover;display:block}.carousel__image--fullscreen{object-fit:contain;background:rgba(0,0,0,.7)}.carousel--minimal .carousel__slide{background:#fff}.carousel--minimal .carousel__image{object-fit:contain;background:#fff;width:auto;height:auto;max-width:100%;max-height:100%;display:block;margin:0 auto}.carousel__overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:999}.carousel__close{position:absolute;top:20px;right:20px;font-size:32px;color:#fff;cursor:pointer;background:hsla(0,0%,100%,.06);border:2px solid rgba(0,0,0,.95);border-radius:8px;padding:6px 8px;z-index:1001;opacity:.9}.carousel__close:hover{opacity:1}.carousel__button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:rgba(0,0,0,.28);color:#fff;font-size:28px;border:2px solid rgba(0,0,0,.95);border-radius:10px;cursor:pointer;opacity:0;transition:opacity .3s ease,transform .15s ease}.carousel__button--prev{left:0}.carousel__button--next{right:0}.carousel__side-control{position:absolute;top:0;bottom:0;width:28%;z-index:8;background:rgba(0,0,0,0)}.carousel__side-control--left{left:0}.carousel__side-control--right{right:0}.carousel__dots{display:flex;justify-content:center;position:absolute;bottom:0;width:100%;gap:10px;z-index:30;pointer-events:auto}.carousel__dot{display:inline-block;width:12px;height:12px;background:hsla(0,0%,100%,.5);border-radius:50%;cursor:pointer}.carousel__dot.is-active{background:#fff}.carousel__thumbnails{position:static;margin-top:8px;left:auto;right:auto;padding:12px;background:rgba(0,0,0,0);backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:auto;width:100%}.carousel__thumbnails-track{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.16) rgba(0,0,0,0)}.carousel__thumbnails-track::-webkit-scrollbar{height:6px}.carousel__thumbnails-track::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.carousel__thumbnails-track::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:3px;border:1px solid rgba(0,0,0,.05)}.carousel__thumb{all:unset;display:inline-flex;align-items:center;justify-content:center;width:120px;height:80px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid rgba(0,0,0,0)}.carousel__thumb img{width:100%;height:100%;object-fit:cover;display:block}.carousel__thumb .carousel__thumb--natural img,.carousel__thumb--natural img{object-fit:contain;width:auto;height:100%;display:block;margin:0 auto;background:rgba(0,0,0,.05)}.carousel__thumb--overflow{position:relative}.carousel__thumb--overflow img{filter:brightness(.6)}.carousel__thumb .carousel__thumb-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;background:rgba(0,0,0,.35)}.carousel__thumb.is-active{border-color:var(--primaryButtonColor)}@media(max-width:768px){.carousel__thumb{width:96px;height:64px}.carousel__dots{bottom:0}.carousel .carousel__button{width:44px;height:44px;font-size:20px}.carousel .carousel:not(.carousel--fullscreen) .carousel__button{display:none!important;opacity:0!important;pointer-events:none!important}}.carousel--fullscreen .carousel__thumbnails{position:absolute;bottom:0;left:0;right:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:20}.carousel--fullscreen .carousel__dots{z-index:30;bottom:12px}.carousel--fullscreen{position:fixed;inset:0;box-sizing:border-box;background-clip:padding-box;z-index:1000}.carousel .carousel__button,.carousel .carousel__close{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-weight:800;background:rgba(0,0,0,.35);color:#fff}.carousel .carousel__close{font-size:24px;width:56px;height:56px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.carousel .carousel__button,.carousel .carousel__close{border-width:2px;border-color:rgba(0,0,0,.95);background:rgba(0,0,0,.62)}.carousel .carousel__button{width:72px;height:72px;font-size:30px;border-radius:50%}.carousel .carousel__button:hover{transform:translateY(-50%) scale(1.06);opacity:1}.carousel .carousel__close:hover{transform:scale(1.06);opacity:1}.carousel .carousel__close{transition:transform .15s ease,opacity .15s ease}@media(min-width:1024px){.carousel .carousel__button{opacity:1!important}}