.may-nghe{border:3px double var(--ink);background:color-mix(in srgb, var(--bg) 82%, transparent);color:var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 18px;padding:16px 18px 16px 16px;display:grid}.may-nghe[hidden],.may-nghe [hidden],.may-nghe audio{display:none}.may-nghe-nut{cursor:pointer;background:var(--red);width:68px;height:68px;color:var(--red-ink);outline:1.5px solid var(--red-ink);outline-offset:-6px;transition:transform .15s var(--ease), background .2s var(--ease), opacity .3s var(--ease);border:0;border-radius:0;place-items:center;padding:0;display:grid}.may-nghe-nut:hover{background:color-mix(in srgb, var(--red) 88%, var(--ink))}.may-nghe-nut:active{transform:translateY(1px)scale(.98)}.may-nghe-nut:focus-visible{outline:2px solid var(--red);outline-offset:3px}.may-nghe-nut[disabled]{cursor:progress;opacity:.45}.may-nghe[data-trang-thai=nghi] .may-nghe-nut{cursor:default}.may-nghe[data-trang-thai=nghi] .may-nghe-song i{background:var(--ink-2)}.may-nghe-nut svg{fill:currentColor;width:30px;height:30px}.may-nghe-nut .i-dung,.may-nghe[data-trang-thai=phat] .i-phat{display:none}.may-nghe[data-trang-thai=phat] .i-dung{display:block}.may-nghe-than{gap:6px;min-width:0;display:grid}.may-nghe-ten{font:600 calc(var(--step-lead) * 1.08)/1.3 var(--font);color:var(--ink);margin:0}.may-nghe-phu{color:var(--ink-2);font-size:var(--step-small);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin:0;line-height:1.5;display:flex}.may-nghe-cong-cu{flex-wrap:wrap;align-items:center;gap:8px;padding-top:2px;display:flex}.nut-vuong{border:1.5px solid var(--ink);width:40px;height:40px;color:var(--ink);font:600 var(--step-small)/1 var(--font);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), transform .15s var(--ease);background:0 0;border-radius:0;flex:none;place-items:center;padding:0;text-decoration:none;display:inline-grid}.nut-vuong:hover{background:var(--tint);color:var(--red);border-color:var(--red)}.nut-vuong:active{transform:translateY(1px)}.nut-vuong:focus-visible{outline:2px solid var(--red);outline-offset:3px}.nut-vuong:disabled{cursor:wait;opacity:.5}.nut-vuong svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:square;width:20px;height:20px}.nut-toc-do{width:auto;min-width:52px;padding:0 8px}.nut-vuong.son{border-color:var(--red);background:var(--red);color:var(--red-ink);outline:1px solid var(--red-ink);outline-offset:-4px}.nut-vuong.son:hover{background:color-mix(in srgb, var(--red) 88%, var(--ink));color:var(--red-ink)}.nut-vuong.son svg{fill:currentColor;stroke:none}.may-nghe-song{flex:none;align-items:center;gap:3px;height:18px;display:inline-flex}.may-nghe-song i{background:var(--red);transform-origin:50%;width:3px;height:18px;transform:scaleY(.3)}.may-nghe-song i:nth-child(2){transform:scaleY(.65)}.may-nghe-song i:nth-child(3){transform:scaleY(1)}.may-nghe-song i:nth-child(4){transform:scaleY(.55)}.may-nghe[data-trang-thai=cho] .may-nghe-song i{background:var(--ink-2);animation:may-nghe-nhun 1.6s var(--ease) infinite}.may-nghe[data-trang-thai=phat] .may-nghe-song i{animation:.9s ease-in-out infinite may-nghe-nhun}.may-nghe-song i:nth-child(2){animation-delay:-.25s!important}.may-nghe-song i:nth-child(3){animation-delay:-.5s!important}.may-nghe-song i:nth-child(4){animation-delay:-.15s!important}.may-nghe-song i:nth-child(5){animation-delay:-.4s!important}@keyframes may-nghe-nhun{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.may-nghe-tien{--p:0;height:24px;position:relative}.may-nghe-tien:before{content:"";background:color-mix(in srgb, var(--ink) 25%, transparent);height:2px;position:absolute;inset:11px 0 auto}.may-nghe-day{background:var(--red);height:2px;transform:scaleX(var(--p));transform-origin:0;position:absolute;inset:11px 0 auto}.may-nghe-diem{height:14px;transform:translateX(calc(var(--p) * 100%));position:absolute;inset:5px 14px auto 0}.may-nghe-diem i{background:var(--red);outline:1.5px solid var(--red-ink);outline-offset:-4px;width:14px;height:14px;display:block}.may-nghe-tien input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.may-nghe-tien:has(input:focus-visible){outline:2px solid var(--red);outline-offset:3px}@media (width<=420px){.may-nghe{gap:12px 14px;padding:14px 14px 14px 12px}.may-nghe-nut{width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.may-nghe .may-nghe-song i{animation:none!important}}