.detail-main-media{width:100%;height:100%;display:grid;place-items:center}.detail-main-video{width:100%;height:100%;max-height:94vh;object-fit:contain;background:#070707}.detail-main-audio{width:min(560px,calc(100% - 40px));padding:46px 34px;border:1px solid #3a3a38;border-radius:24px;background:linear-gradient(145deg,#1b1b19,#0d0d0c);color:#fff;text-align:center}.detail-main-audio>div{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 24px;border-radius:50%;background:var(--acid);color:#111;font-size:42px}.detail-main-audio strong,.detail-main-audio span{display:block}.detail-main-audio strong{font-family:Georgia,serif;font-size:30px}.detail-main-audio span{margin:8px 0 28px;color:#aaa;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.detail-main-audio audio{width:100%}.detail-thumbs{position:absolute;z-index:2;left:18px;bottom:18px;display:flex;gap:7px;max-width:calc(100% - 36px);overflow:auto}.detail-thumbs button{width:58px;height:58px;flex:0 0 58px;border:2px solid transparent;padding:0;background:#111;color:#fff}.detail-thumbs button.active{border-color:var(--acid)}.detail-thumbs img{width:100%;height:100%;object-fit:cover}.detail-media-icon{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:2px;background:#1d1d1b}.detail-media-icon b{font-size:20px}.detail-media-icon small{font-size:8px;color:var(--acid)}.detail-thumbs~.image-note{bottom:88px}@media(max-width:700px){.detail-main-audio{padding:30px 22px}.detail-main-audio>div{width:68px;height:68px;margin-bottom:16px;font-size:34px}.detail-main-audio strong{font-size:24px}}