.carousel{width:100%;display:flex;flex-direction:row;justify-content:space-between;height:32vh;max-height:40vh;width:100%;overflow-x:scroll;overflow-y:hidden;scroll-padding:0;gap:1.5em;margin:1.5rem 0;padding:.3rem 0}.carousel img{flex:0 0 auto;max-width:100%;margin:0}.carousel-dialog{padding:0;border:none;}.carousel-dialog[open]{animation:fadeIn .3s ease-out}.carousel-dialog .modal-image{width:100%;object-fit:cover;transition:transform .2s ease}.carousel-dialog .close{position:absolute;top:.25rem;right:.25rem;z-index:10;border:none;width:1.5rem;height:1.5rem;font-size:var(--font-size-large-em);font-weight:bold;line-height:1;cursor:pointer;transition:background .2s;border-radius:var(--rounded-corner-small)}.carousel-dialog img:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}