.coverflow{--card-w:clamp(210px, 28vw, 340px);--card-h:calc(var(--card-w) * 1.32);--radius:18px;--shadow:0 4px 12px #00000014, 0 1px 4px #0000000a;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:28px;width:100%;padding:20px 0 10px;display:flex;overflow:hidden}.coverflow__stage{width:100%;height:calc(var(--card-h) + 32px);touch-action:pan-y;position:relative}.coverflow__card{width:var(--card-w);height:var(--card-h);margin:calc(var(--card-h) / -2) 0 0 calc(var(--card-w) / -2);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;background:#f5f5f5;transition:transform .55s cubic-bezier(.22,.8,.26,1),opacity .55s;position:absolute;top:50%;left:50%;overflow:hidden}.coverflow__card.is-active{cursor:default}.coverflow__card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.coverflow__play{background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 6px #00000026}.coverflow__play:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #222;margin-left:3px}.coverflow__controls{z-index:40;justify-content:center;align-items:center;gap:16px;margin-top:4px;display:flex;position:relative}.coverflow__controls button{color:#333;cursor:pointer;width:46px;height:46px;box-shadow:none;background:0 0;border:1.5px solid #4a4a4a;border-radius:50%;place-items:center;transition:all .2s;display:grid}.coverflow__controls button:hover{color:#fff;box-shadow:none;background:#333;border-color:#333;transform:scale(1.08)}.coverflow__controls button:active{transform:scale(.96)}.coverflow__controls button:focus-visible,.coverflow__card:focus-visible{outline-offset:3px;outline:3px solid #4c8dff}.coverflow__controls svg{stroke:currentColor;stroke-width:2.4px;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.coverflow__card{transition:none}}