.carousel{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.carousel__frame{aspect-ratio:9/16.5;width:100%;position:relative}.carousel__slide{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.carousel__slide.is-active{opacity:1}.carousel__dots{justify-content:center;gap:6px;display:flex}.carousel__dots button{background-color:var(--color-calmido-light-gray);cursor:pointer;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:width .2s,background-color .2s,border-radius .2s}.carousel__dots button[aria-current=true]{background-color:var(--color-calmido-dark-blue);border-radius:4px;width:22px}