.photo-carousel{width:100%;max-width:640px;margin:0 auto}.photo-carousel-main{align-items:center;gap:.75rem;display:flex}.photo-carousel-frame{aspect-ratio:16/9;background:#000;border-radius:10px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.photo-carousel-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;animation:.4s ease-in-out photoFade}@keyframes photoFade{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.photo-carousel-legend{margin:.4rem 0 0;font-size:.85rem}.photo-carousel-arrow{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:999px;padding:.35rem .55rem;font-size:1.4rem;line-height:1;transition:background .2s,transform .2s,opacity .2s}.photo-carousel-arrow:hover{background:#000000bf;transform:translateY(-1px)}.photo-carousel-dots{justify-content:center;gap:.4rem;margin-top:.6rem;display:flex}.photo-carousel-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:999px;width:8px;height:8px;transition:width .2s,background .2s,opacity .2s}.photo-carousel-dot-active{background:#fff;width:18px}