.album-carousel{margin:30px 0;border:0;border-radius:0;overflow:visible;background:transparent}
.album-carousel-heading{display:flex;justify-content:center;align-items:center;padding:0 0 10px;border:0;background:transparent}
.album-carousel-heading span{font-size:12px;color:var(--muted)}
.album-carousel-body{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:12px;padding:0}
.album-carousel-stage{position:relative;display:grid;place-items:center;height:min(68vh,680px);overflow:hidden;background:transparent}
.album-carousel-stage img{position:relative;grid-area:1/1;display:block;width:auto;height:auto;object-position:center;opacity:1;transform:translateX(0);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.7,.2,1)}
.album-carousel-body>button{width:48px;height:48px;margin:auto;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--text);font-size:34px;line-height:1;display:grid;place-items:center;transition:transform .18s,background .18s}
.album-carousel-body>button:hover{background:color-mix(in srgb,var(--bg),var(--text) 8%)}
.album-carousel-body>button:active{transform:scale(.9)}
.album-carousel-body>button:disabled{opacity:.2}
.album-carousel-stage .carousel-enter-next{position:absolute;opacity:0;transform:translateX(6%)}
.album-carousel-stage .carousel-enter-prev{position:absolute;opacity:0;transform:translateX(-6%)}
.album-carousel-stage .carousel-enter-active{opacity:1;transform:translateX(0)}
.album-carousel-stage .carousel-leave-next{opacity:0;transform:translateX(-6%)}
.album-carousel-stage .carousel-leave-prev{opacity:0;transform:translateX(6%)}
.album-carousel figcaption{text-align:center;color:var(--muted);font-size:13px;padding:12px 18px}
@media(max-width:700px){.album-carousel-body{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}.album-carousel-stage{height:52vh}.album-carousel-body>button{width:38px;height:38px;font-size:28px}}
