.omp-card{--omp-bg:#121216c7;--omp-borda:#ffffff17;--omp-luz:#ffffff24;--omp-texto:#f5f5f7;--omp-texto-2:#f5f5f7a8;--omp-texto-3:#f5f5f76b;--omp-acento:#ff4fd8;--omp-acento-2:#bf5af2;--omp-disco:clamp(160px, 34%, 236px);grid-template-columns:var(--omp-disco) minmax(0, 1fr);width:100%;max-width:640px;color:var(--omp-texto);background:radial-gradient(120% 140% at 0% 0%, #bf5af224, transparent 55%), var(--omp-bg);-webkit-backdrop-filter:blur(28px)saturate(1.5);backdrop-filter:blur(28px)saturate(1.5);box-shadow:inset 0 1px 0 var(--omp-luz), inset 0 0 0 1px var(--omp-borda), 0 2px 6px #00000038, 0 18px 48px -12px #0000008c;border-radius:24px;outline:none;align-items:center;gap:24px;padding:20px;font-family:inherit;transition:box-shadow .2s ease-out;display:grid;position:relative}.omp-card:focus-visible{box-shadow:inset 0 1px 0 var(--omp-luz), inset 0 0 0 1px var(--omp-borda), 0 0 0 3px #bf5af273, 0 18px 48px -12px #0000008c}.omp-vazio{text-align:center;color:var(--omp-texto-2);display:block}.omp-mask{aspect-ratio:1;cursor:zoom-in;background:repeating-radial-gradient(circle,#0d0d10 0 1.6px,#17171c 1.6px 3.2px);border:0;border-radius:50%;width:100%;padding:0;transition:border-radius .42s cubic-bezier(.2,.7,.2,1),transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .2s ease-out;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 10px 30px -6px #000000b3,inset 0 0 0 6px #0b0b0e}.omp-mask:focus-visible{outline:2px solid var(--omp-acento-2);outline-offset:4px}.omp-mask.is-zoomed{cursor:zoom-out;border-radius:16px;transform:scale(1.02)}.omp-spin{will-change:transform;border-radius:50%;position:absolute;inset:14%;overflow:hidden;box-shadow:0 0 0 1px #00000080}.omp-mask.is-zoomed .omp-spin{border-radius:16px;transition:inset .42s cubic-bezier(.2,.7,.2,1),border-radius .42s;inset:0}.omp-cover{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.omp-cover-vazia{background:radial-gradient(circle at 30% 25%, var(--omp-acento-2), transparent 60%), radial-gradient(circle at 75% 80%, var(--omp-acento), transparent 55%), #1b1b20}.omp-cover-enter{animation:.62s cubic-bezier(.2,.7,.2,1) both omp-cover-in}.omp-cover-exit{animation:.52s ease-in both omp-cover-out}.omp-hole{aspect-ratio:1;background:#0c0c0feb;border-radius:50%;place-items:center;width:18%;transition:opacity .3s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff14,inset 0 1px 3px #000c}.omp-hole-inner{aspect-ratio:1;background:#2c2c33;border-radius:50%;width:28%;box-shadow:inset 0 1px 2px #000000e6}.omp-mask.is-zoomed .omp-hole{opacity:0}.omp-info{flex-direction:column;gap:8px;min-width:0;display:flex;position:relative}.omp-scales{width:56px;height:62px;color:var(--omp-acento-2);margin-bottom:4px}.omp-scales circle{fill:currentColor;opacity:.92}.omp-card.is-playing .omp-scales{color:var(--omp-acento)}.omp-track-info{min-height:52px;position:relative}.omp-ti-layer{flex-direction:column;gap:2px;display:flex}.omp-ti-abs{position:absolute;inset:0}.omp-artist{letter-spacing:.04em;text-transform:uppercase;color:var(--omp-texto-3);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:600;overflow:hidden}.omp-track{letter-spacing:-.02em;color:var(--omp-texto);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:700;line-height:1.2;overflow:hidden}.omp-ti-enter{animation:.52s cubic-bezier(.2,.7,.2,1) both omp-ti-in}.omp-ti-exit{animation:.36s ease-in both omp-ti-out}.omp-bar{cursor:pointer;background:#ffffff1f;border-radius:999px;height:6px;margin-top:8px;transition:height .16s ease-out;position:relative;overflow:hidden}.omp-bar:hover{height:8px}.omp-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--omp-acento-2), var(--omp-acento));position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #ff4fd873}.omp-time{font-variant-numeric:tabular-nums;color:var(--omp-texto-2);gap:4px;font-size:12px;display:flex}.omp-sep,.omp-total{color:var(--omp-texto-3)}.omp-erro{color:#ff9f8a;margin:0;font-size:12px}.omp-controls{align-items:center;gap:8px;margin-top:4px;display:flex}.omp-ctrl{width:40px;height:40px;color:var(--omp-texto-2);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background .16s ease-out,color .16s ease-out,transform .16s ease-out;display:grid;position:relative}.omp-ctrl:hover{color:var(--omp-texto);background:#ffffff14}.omp-ctrl:active{transform:scale(.94)}.omp-ctrl:focus-visible{outline:2px solid var(--omp-acento-2);outline-offset:2px}.omp-ctrl:disabled{opacity:.35;cursor:default;background:0 0}.omp-ctrl-play{color:#111;background:linear-gradient(#fff,#e9e9ee);width:48px;height:48px;box-shadow:inset 0 1px #fff9,0 6px 18px -4px #0000008c}.omp-ctrl-play:hover{color:#000;background:#fff;transform:scale(1.04)}.omp-ctrl-play svg{margin-left:1px}.omp-ctrl-toggle.is-active{color:var(--omp-acento)}.omp-ctrl-toggle.is-active:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px}.omp-loop-one{opacity:0;font-size:9px;font-weight:800;line-height:1;position:absolute;top:6px;right:6px}.omp-ctrl-loop.mode-one .omp-loop-one{opacity:1}.omp-compacto{--omp-disco:88px;border-radius:18px;gap:16px;max-width:480px;padding:12px}.omp-compacto .omp-scales{display:none}.omp-compacto .omp-track{font-size:15px}.omp-compacto .omp-track-info{min-height:40px}.omp-compacto .omp-ctrl{width:34px;height:34px}.omp-compacto .omp-ctrl-play{width:40px;height:40px}@media (width<=520px){.omp-card{text-align:center;grid-template-columns:1fr;justify-items:center}.omp-card .omp-mask{width:min(240px,70vw)}.omp-info{align-items:center;width:100%}.omp-bar{width:100%}}@keyframes omp-cover-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes omp-cover-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes omp-ti-in{0%{opacity:0;transform:translateX(var(--dx))}to{opacity:1;transform:translate(0)}}@keyframes omp-ti-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateX(var(--dx))}}@media (prefers-reduced-motion:reduce){.omp-cover-enter,.omp-cover-exit,.omp-ti-enter,.omp-ti-exit{animation:none}}.omp-volume{flex:auto;align-items:center;gap:4px;min-width:88px;margin-left:4px;display:flex}.omp-ctrl-vol{flex:none}.omp-vol-range{--omp-vol:100%;cursor:pointer;appearance:none;background:0 0;flex:auto;min-width:48px;max-width:160px;height:20px;margin:0}.omp-vol-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--omp-acento-2), var(--omp-acento)) 0 / var(--omp-vol) 100% no-repeat, #ffffff24;border-radius:999px;height:4px}.omp-vol-range::-moz-range-track{background:#ffffff24;border-radius:999px;height:4px}.omp-vol-range::-moz-range-progress{background:linear-gradient(90deg, var(--omp-acento-2), var(--omp-acento));border-radius:999px;height:4px}.omp-vol-range::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:transform .16s ease-out,box-shadow .16s ease-out;box-shadow:0 1px 3px #00000080,0 0 #bf5af200}.omp-vol-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000080}.omp-vol-range:hover::-webkit-slider-thumb{transform:scale(1.15)}.omp-vol-range:active::-webkit-slider-thumb{transform:scale(1.25)}.omp-vol-range:focus-visible{outline:none}.omp-vol-range:focus-visible::-webkit-slider-thumb{box-shadow:0 1px 3px #00000080,0 0 0 4px #bf5af273}.omp-compacto .omp-volume{min-width:72px}.omp-compacto .omp-vol-range{max-width:96px}@media (width<=520px){.omp-volume{flex:0 140px}}.omp-ctrl{aspect-ratio:1;flex:none}.omp-ctrl-play{box-shadow:inset 0 1px #ffffffb3,0 0 0 1px #ffffff59,0 6px 18px -4px #0000008c,0 12px 28px -10px #bf5af273}.omp-controls{flex-wrap:nowrap;min-width:0}