.drg-player{--text:#222;--title-wait: rgba(0,0,0,.75);--title-selected: rgba(0,0,0,.85);--title-playing: rgba(0,0,0,.95);--time-wait: rgba(0,0,0,.65);--time-selected: rgba(0,0,0,.82);--time-playing: rgba(0,0,0,.92);--line: rgba(0,0,0,.05);--wait: rgba(0,0,0,.01);--hover: rgba(0,0,0,.04);--selected: rgba(0,0,0,.055);--loading: rgba(0,0,0,.075);--playing: rgba(0,0,0,.083);--wave-base: rgba(0,0,0,.12);--wave-play: rgba(0,0,0,.3);width:100%;margin:0;color:var(--text);font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}.drg-list{max-height:210px;overflow-y:scroll;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.22) transparent}.drg-list::-webkit-scrollbar{width:4px}.drg-list::-webkit-scrollbar-track{background:transparent}.drg-list::-webkit-scrollbar-thumb{background:#00000038;border-radius:3px}@supports (scrollbar-color: auto){.drg-list{scrollbar-color:rgba(0,0,0,.22) transparent}}.drg-track{min-height:46px;display:flex;flex-direction:column;justify-content:center;padding:10px 13px;border-bottom:1px solid rgba(0,0,0,.06);border-radius:2px;background:var(--wait);cursor:pointer;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;transition:background .14s ease,padding .18s ease,min-height .18s ease,opacity .14s ease}@media(hover:hover){.drg-track:hover{background:var(--hover)}}.drg-track:active{background:var(--hover)}.drg-track.drg-selected,.drg-track.drg-loading,.drg-track.drg-playing,.drg-track.drg-is-playing{min-height:80px;padding:13px}.drg-track.drg-selected{background:#0000000a}.drg-track.drg-loading{background:var(--loading)}.drg-track.drg-playing{background:#0000000f}.drg-top{display:flex;align-items:center;gap:10px;width:100%}.drg-left-icon{width:14px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:#00000073}.drg-icon{display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;opacity:.72;transition:opacity .12s ease,transform .12s ease}.drg-track.drg-is-playing .drg-icon{display:flex;align-items:center;justify-content:space-between;width:6px;height:10px;border:none;opacity:.92;position:relative}.drg-track.drg-is-playing .drg-icon:before{content:"";display:block;width:2px;height:10px;background:currentColor;border-radius:1px}.drg-track.drg-is-playing .drg-icon:after{content:"";display:block;width:2px;height:10px;background:currentColor;border-radius:1px}.drg-track:not(.drg-is-playing) .drg-icon{display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;opacity:.72}.drg-track:not(.drg-is-playing) .drg-icon:before,.drg-track:not(.drg-is-playing) .drg-icon:after{display:none}.drg-track-code{flex:0 0 60px;font-size:10px;opacity:.65;white-space:nowrap}.drg-player-title{flex:1;min-width:0;font-size:12px;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--title-wait)}.drg-track.drg-selected .drg-player-title,.drg-track.drg-loading .drg-player-title{color:var(--title-selected)}.drg-track.drg-is-playing .drg-player-title{color:var(--title-playing);font-weight:700}.drg-player-title.drg-can-marquee{overflow:hidden}.drg-player-title-text{display:inline-block;white-space:nowrap;will-change:transform}.drg-player-title.drg-can-marquee .drg-player-title-text{animation-play-state:paused}.drg-track.drg-is-playing .drg-player-title.drg-can-marquee{text-overflow:clip}.drg-track.drg-is-playing .drg-player-title.drg-can-marquee .drg-player-title-text{animation:drg-marquee var(--marquee-duration,12s) linear infinite;animation-play-state:running}.drg-track.drg-is-hold .drg-player-title.drg-can-marquee{text-overflow:clip}.drg-track.drg-is-hold .drg-player-title.drg-can-marquee .drg-player-title-text{animation-play-state:paused!important}@keyframes drg-marquee{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--marquee-distance,0px)))}}.drg-copy{flex:0 0 55px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:1px;border:1px solid rgba(0,0,0,.18);font-size:7.5px;font-weight:500;white-space:nowrap;line-height:1}.drg-time{flex:0 0 64px;font-size:10px;font-weight:500;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";box-sizing:border-box}.drg-track.drg-selected .drg-time,.drg-track.drg-loading .drg-time{color:var(--time-selected)}.drg-track.drg-is-playing .drg-time{color:var(--time-playing);font-weight:600}.drg-wave{width:100%;height:0;opacity:0;display:block;margin-top:8px;transition:height .18s ease,opacity .14s ease}.drg-track.drg-selected .drg-wave,.drg-track.drg-loading .drg-wave,.drg-track.drg-playing .drg-wave,.drg-track.drg-is-playing .drg-wave{height:64px;opacity:1}.drg-track.drg-missing{opacity:.5;cursor:default}.drg-track.drg-missing .drg-player-title{color:#0000007a}.drg-track.drg-missing .drg-time{color:#0000006b}.drg-track.drg-missing .drg-wave{display:none}.drg-track.drg-missing .drg-left-icon{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/142/assets/drg-player.css.map */