.at-wrap{width:100%;height:100%;margin:0 auto;border:1px solid rgba(0,0,0,.12);display:flex;flex-direction:column;overflow:hidden;position:relative}.at-content{position:relative;overflow:hidden;flex:1 1 auto}.at-sidebar{position:absolute;top:0;left:0;bottom:0;max-width:70px;width:auto;display:flex;align-content:stretch;z-index:1001;overflow:hidden;border-right:1px solid rgba(0,0,0,.12);background:#f7f7f7}.at-sidebar:hover{max-width:400px;transition:max-width .2s;overflow-y:auto}.at-viewport{overflow-y:auto;position:absolute;top:0;left:70px;right:0;bottom:0;padding-right:20px}.at-footer{flex:0 0 auto;background:var(--bs-skwev-color-na);color:#fff}.at-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:99999;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-start;display:inline-grid}.at-overlay-content{background:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.3);padding:10px;border-radius:8px;margin:auto;position:relative;top:-100px}.at-track>.at-track-details,.at-track>.at-track-icon{display:flex;flex-direction:column;justify-content:center}.at-track>.at-track-icon{flex-shrink:0;margin-right:5px;align-items:center}.at-track-name{font-weight:700;margin-bottom:5px}.at-track.active,.at-track:hover{background:rgba(0,0,0,.03)}.at-track.active>.at-track-icon{color:var(--bs-skwev-color-na)!important;opacity:1}.at-controls{z-index:9999;flex:0 0 auto;display:flex;justify-content:space-between;background:var(--bs-skwev-color-na);color:#fff}.at-controls>div,.at-times-values{display:flex;justify-content:flex-start;align-content:center;align-items:center}.at-controls>div>*{display:flex;text-align:center;align-items:center;justify-content:center;cursor:pointer;padding:4px;margin:0 3px}.at-controls .btn{color:#fff;border-radius:0;width:40px;height:40px;font-size:16px}.at-controls .btn.disabled{cursor:progress;opacity:.5}.at-controls a.active{background:var(--bs-gray);text-decoration:none;border-radius:10px}.at-controls .btn i{vertical-align:middle}.at-controls select{margin-left:10px;border-radius:5px;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;width:100%;height:40px;background:var(--bs-gray);padding:4px 10px;color:#fff;font-size:16px;text-align-last:center;text-align:center;-ms-text-align-last:center;-moz-text-align-last:center;cursor:pointer}.at-song-title{font-weight:700}.at-cursor-bar{background:rgba(0,0,0,.08)}.at-selection div{background:rgba(64,64,255,.1)}.at-cursor-beat{background:var(--bs-gray);width:3px}.at-highlight *{fill:var(--bs-warning);stroke:var(--bs-warning)}.at-song-position{line-height:20px;vertical-align:middle}.at-track{display:flex;position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"icon title" "icon controls";padding:5px;transition:background .2s;grid-gap:5px;cursor:pointer}.at-track>.at-track-icon{grid-area:icon;font-size:32px;display:flex;justify-content:center;align-items:center;opacity:.5;transition:opacity .2s;width:64px;height:64px}.at-track:hover>.at-track-icon{opacity:.8}.at-track>.at-track-name{grid-area:title;font-weight:500}.at-track>.at-track-controls{grid-area:controls;display:flex;align-items:center}.at-track>.at-track-controls>*{margin:0 2px}input[type=range]{-webkit-appearance:none;background:#d3d3d3;outline:0;opacity:.7;transition:opacity .2s;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--bs-gray);cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--bs-gray);cursor:pointer}.at-player{display:flex;justify-content:space-between}.at-player>div{padding:3px;display:flex;justify-content:flex-start;align-content:center;align-items:center}.at-player-left i.fas{font-size:24px;color:rgba(0,0,0,.5)}.at-player-right i.fas{font-size:18px;color:rgba(0,0,0,.5)}.at-player-left>*{margin-right:5px}.at-player-right>*{margin-left:5px}.at-player-left>a.disabled,.at-player-left>a.disabled:active,.at-player-left>a.disabled:hover{color:rgba(0,0,0,.3)}.at-play-pause i.fas,a.active i.fas{color:var(--bs-gray)}.at-play-pause i.fas{font-size:32px;color:var(--bs-gray)}.at-times-values>div{padding:3px;border-right:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12)}.at-time-slider{height:4px;background:#d9d9d9}.at-time-slider-value{height:4px;background:var(--bs-gray);width:0}.at-speed-value{font-size:.8rem}.progress{width:28px;height:28px;background:0 0;position:relative}.progress::after{content:"";width:100%;height:100%;border:4px solid #eee;position:absolute;top:0;left:0}.progress>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}.progress .progress-left{left:0}.progress .progress-bar{width:100%;height:100%;background:0 0;position:absolute;top:0;border:3px solid var(--bs-gray)}.progress .progress-left .progress-bar{left:100%;border-top-right-radius:16px;border-bottom-right-radius:16px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}.progress .progress-right{right:0}.progress .progress-right .progress-bar{left:-100%;border-top-left-radius:16px;border-bottom-left-radius:16px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right}.progress .progress-value{position:absolute;top:0;left:0;font-size:8px}