.image-carousel{background:var(--surface);color:var(--on-surface)}.image-carousel__stage{display:grid;grid-template-columns:1fr calc(50% - var(--space-2xl) / 2) 1fr;grid-template-areas:"prev media next" ". dots .";align-items:center;gap:var(--space-2xl)}.image-carousel__viewport{grid-area:media;position:relative;aspect-ratio:764/554;overflow:hidden}.image-carousel--portrait .image-carousel__viewport{aspect-ratio:763/960}.image-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .8s cubic-bezier(.625,.05,0,1)}.image-carousel__slide.is-active{z-index:1;opacity:1;pointer-events:auto}.image-carousel__image{display:block;height:100%;object-fit:cover}.image-carousel__nav{display:flex;padding:0;border:0;border-radius:9999px;background:none;cursor:pointer;--liquid-button-size: 3.5rem;--liquid-button-bg: rgba(0, 0, 0, .35)}.image-carousel__nav--prev{grid-area:prev;justify-self:end}.image-carousel__nav--next{grid-area:next;justify-self:start}.image-carousel__nav:focus-visible,.image-carousel__dot:focus-visible{outline:2px solid #d90b05;outline-offset:4px}.image-carousel__nav[disabled]{cursor:default;opacity:.45}.image-carousel__dots{grid-area:dots;justify-self:center;display:flex;margin-block:-.375rem}.image-carousel__dot{display:grid;place-items:center;inline-size:1.75rem;block-size:1.75rem;padding:0;border:0;border-radius:9999px;background:none;cursor:pointer}.image-carousel__dot:before{content:"";inline-size:1rem;block-size:1rem;border-radius:9999px;background-color:#d3d4d5;transition:background-color .3s cubic-bezier(.625,.05,0,1)}.image-carousel__dot:hover:before{background-color:#9ea0a1}.image-carousel__dot[aria-current=true]:before{background-color:#000}@media screen and (max-width: 991px){.image-carousel__stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "dots"}.image-carousel__nav{display:none}}@media (prefers-reduced-motion: reduce){.image-carousel__slide,.image-carousel__dot:before{transition:none}}
