.utm-player{background:#ffffff08;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:16px;padding:14px 16px;transition:border-color .25s,background .25s;display:flex}.utm-player.is-playing{background:#ffffff0f;border-color:#fff6}.utm-player-btn{color:#070707;cursor:pointer;background:#fff;border:1px solid #fff6;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;transition:transform .12s,background .2s,color .2s;display:grid}.utm-player-btn:hover:not(:disabled){transform:scale(1.06)}.utm-player-btn:disabled{opacity:.6;cursor:default}.utm-player-btn svg{width:20px;height:20px}.utm-player-spin{border:2px solid #07070740;border-top-color:#070707;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite utm-spin}@keyframes utm-spin{to{transform:rotate(360deg)}}.utm-player-meta{flex:1;min-width:0}.utm-player-title{letter-spacing:.02em;color:#f3f3f3;align-items:baseline;gap:12px;margin-bottom:8px;font-size:15px;font-weight:500;display:flex}.utm-player-title em{color:#7a7a7a;letter-spacing:.1em;font-size:12px;font-style:normal;font-weight:600}.utm-player-bar{align-items:center;gap:12px;display:flex}.utm-player-bar input[type=range]{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:3px;flex:1;height:3px}.utm-player-bar input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:12px;height:12px}.utm-player-bar input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}.utm-player-time{color:#8a8a8a;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:66px;font-size:12px;font-weight:300}