.shk{--color-primary:#0d6efd;--color-opac:hsla(0,0%,72.5%,0.30196078431372547);--color-theme:#fff;--color-secondary:#767676;--color-text:#333;--color-shadow:hsla(0,2.1%,72%,0.5019607843137255);--color-handle-shadow-mobile:#b9b6b6;--background-body:var(--color-theme);--color-title:var(--color-text);--color-artist:var(--color-secondary);--color-button:var(--color-primary);--color-button-disabled:var(--color-opac);--color-button-active-background:var(--color-opac);--color-handle:var(--color-primary);--color-handle-disabled:#b9b9b9;--color-bar-loaded:var(--color-opac);--color-bar-played:var(--color-primary);--color-time:var(--color-secondary);--color-spinner:var(--color-primary);--color-live-symbol:var(--color-primary);--color-live-text:var(--color-primary);--shadow-body:2px 2px 8px -2px var(--color-shadow);--shadow-body-mobile:0 -2px 6px -2px var(--color-shadow);--shadow-handle:0px 2px 10px 2px var(--color-shadow);--shadow-handle-mobile:2px 2px 8px -2px var(--color-handle-shadow-mobile)}.shk[data-theme=dark]{--color-theme:#333;--color-secondary:#b9b6b6;--color-text:#f8f9fa;--color-handle-shadow-mobile:#141414;--color-shadow:rgba(20,20,20,0.5019607843137255)}@media (prefers-color-scheme:dark){.shk[data-theme=auto]{--color-theme:#333;--color-secondary:#b9b6b6;--color-text:#fff;--color-handle-shadow-mobile:#141414;--color-shadow:rgba(20,20,20,0.5019607843137255)}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes marquee{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marquee{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.shk{font-weight:400;font-size:16px;font-family:inherit;line-height:1.42;cursor:auto;position:relative;border:none;color:var(--color-text)}.js-focus-visible:focus:not(.focus-visible),.js-focus-visible :focus:not(.focus-visible){outline:none}.shk[data-fixed-type=fixed]{position:fixed;bottom:0;left:0;margin:0;width:100%}.shk[data-fixed-type=fixed][data-fixed-pos=top]{top:0;bottom:auto}.shk[data-seeking] .shk-player{cursor:-webkit-grabbing;cursor:grabbing}.shk button{font-family:inherit}.shk-player{height:120px;box-sizing:border-box;border-radius:2px;background:var(--background-body);position:relative;z-index:10}.shk-body{width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:stretch;align-items:stretch;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative}.shk-cover{width:80px;height:80px;-webkit-flex:0 0 auto;flex:0 0 auto;margin-right:16px;background-repeat:no-repeat;background-size:cover}.shk-main{position:relative;-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;justify-content:flex-start}.shk-text{overflow:hidden}.shk-artist,.shk-title{white-space:nowrap;margin:auto}.shk-artist{text-overflow:clip;font-weight:500;color:var(--color-artist)}.shk-title_wrap[data-overflow]{-webkit-mask-image:linear-gradient(90deg,transparent,#202124 5%,#202124 95%,transparent);mask-image:linear-gradient(90deg,transparent,#202124 5%,#202124 95%,transparent)}.shk-title_inner{display:-webkit-inline-flex;display:inline-flex;overflow:visible}.shk-title_wrap[data-overflow] .shk-title_inner{padding:0 3%;box-sizing:border-box;white-space:nowrap;-webkit-animation-duration:inherit;animation-duration:inherit}.shk-title_wrap[data-overflow] .shk-title_inner:after{display:inline-block;content:attr(data-title)}.shk-title,.shk-title_wrap[data-overflow] .shk-title_inner:after{font-weight:300;font-size:1.33em;color:var(--color-title)}.shk-title_wrap[data-overflow] .shk-title,.shk-title_wrap[data-overflow] .shk-title_inner:after{-webkit-animation:marquee linear infinite;animation:marquee linear infinite;-webkit-animation-duration:inherit;animation-duration:inherit;padding-right:60px}.shk-btn{-webkit-appearance:none;appearance:none;background:transparent;border:none;cursor:pointer;color:var(--color-button);fill:currentColor;box-sizing:content-box;padding:10px;position:relative;font-size:1em;line-height:normal}.shk-btn:disabled{color:var(--color-button-disabled);cursor:not-allowed}.shk-btn:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:var(--color-button-active-background);z-index:-1;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 1s cubic-bezier(0,0,.2,1),visibility 1s linear}.shk-btn:not(:disabled):active:after{opacity:1;visibility:visible}a.shk-btn:visited{color:var(--color-button)}.shk-btn svg{width:24px;height:24px;vertical-align:middle}.shk-controls{position:relative;width:280px;margin:0 auto;-webkit-flex:0 0 auto;flex:0 0 auto}.shk-controls .shk-btn{border-radius:100%}.shk-controls>div{-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.shk-controls_basic{-webkit-justify-content:space-between;justify-content:space-between}.shk-controls_extra{position:absolute;right:0;bottom:0;width:0;height:100%;opacity:0;visibility:hidden;margin-right:44px;padding-right:0 8px;white-space:nowrap;overflow:hidden;z-index:10;-webkit-justify-content:flex-end;justify-content:flex-end;background:var(--background-body);transition:width .2s ease-in-out,opacity .1s linear .1s,visibility .2s}.shk[data-extra] .shk-controls_extra{opacity:1;visibility:visible;width:calc(100% - 44px);transition:width .2s ease-in-out,opacity .1s linear}.shk[data-extra] .shk-controls_extra .shk-btn{display:inline-block}.shk-btn_toggle svg{width:32px;height:32px}.shk[data-play=paused] .shk-btn_play,.shk[data-play=playing] .shk-btn_pause{display:inline}.shk[data-play=paused] .shk-btn_pause,.shk[data-play=playing] .shk-btn_play{display:none}.shk-btn_speed{font-size:.86em;font-weight:400;width:44px;height:44px;padding:0}.shk-btn_more{position:relative;z-index:11;-webkit-transform:none;transform:none;transition:-webkit-transform .2s .1s;transition:transform .2s .1s;transition:transform .2s .1s, -webkit-transform .2s .1s}.shk[data-extra] .shk-btn_more{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.shk[data-mute] svg.shk-btn_mute,svg.shk-btn_unmute{display:inline-block}.shk[data-mute] svg.shk-btn_unmute,svg.shk-btn_mute{display:none}.shk-bar_wrap{cursor:pointer;position:relative;z-index:1}.shk-bar{position:relative;height:4px;width:100%;box-sizing:border-box;background:var(--background-body)}.shk-bar_loaded,.shk-bar_played{position:absolute;top:0;left:0;bottom:0;width:0;transition:width .1s ease-in}.shk-bar_loaded{background:var(--color-bar-loaded)}.shk-bar_played{background:var(--color-bar-played)}.shk[data-seeking] .shk-bar_played{transition:none}.shk-bar-handle{background:var(--color-handle);position:absolute;right:-10px;width:20px;height:20px;padding:0;border:0;box-sizing:content-box;cursor:-webkit-grab;cursor:grab;border-radius:20px}.shk-bar-handle:disabled{cursor:not-allowed;box-shadow:none;background-color:var(--color-handle-disabled)}.shk-bar-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.shk-display{position:absolute}.shk-loader{display:none;vertical-align:middle;color:var(--color-spinner)}.shk[data-loading] .shk-loader{display:inline-block}.shk-loader svg{width:12px;height:12px;-webkit-animation:rotate 1.4s linear infinite;animation:rotate 1.4s linear infinite;position:relative}.shk-visuallyhidden:not(:focus):not(:active){position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.shk-time{display:inline-block;vertical-align:middle;font-size:.8em;font-weight:300;color:var(--color-time)}.shk .shk-live{display:none;-webkit-align-items:center;align-items:center;text-transform:uppercase;font-size:.8em;font-family:sans-serif;color:var(--color-live-text)}.shk .shk-live:before{content:"";background:var(--color-live-symbol);border-radius:50%;width:.5em;height:.5em;margin-right:2px}.shk-icons,.shk[data-live] .shk-bar,.shk[data-live] .shk-time{display:none}.shk[data-live] .shk-live{display:-webkit-inline-flex;display:inline-flex}@media (min-width:641px){.shk-player{margin-top:4px;padding:20px 16px;box-shadow:var(--shadow-body)}.shk-main{-webkit-align-items:flex-end;align-items:flex-end;padding:10px 0;max-width:calc(100% - 96px);-webkit-flex-direction:row;flex-direction:row}.shk-text{-webkit-flex:2 1 auto;flex:2 1 auto}.shk-bar_wrap{position:absolute;top:-4px;left:0;right:0;padding:4px 0 16px}.shk-bar{transition:height .15s ease-in}.shk-bar_wrap:hover .shk-bar{height:10px}.shk-bar-handle{top:-9.5px;border:4px solid transparent;box-shadow:var(--shadow-handle);-webkit-transform:scale(.0001);transform:scale(.0001);transition:all .1s ease-in}.shk-bar-handle.focus-visible,.shk-bar_wrap:hover .shk-bar-handle:not(:disabled){border-color:#fff;-webkit-transform:scale(.8);transform:scale(.8)}.shk-display{top:-6px;right:8px}.shk-loader{margin-right:4px}.shk-time_duration:before{content:"/";margin:0 4px}}@media (max-width:640px){.shk-player{padding:5px 16px;box-shadow:var(--shadow-body-mobile)}.shk[data-fixed-type=auto]{position:fixed;bottom:0;left:0;width:100%}.shk[data-fixed-type=auto][data-fixed-pos=top]{top:0;bottom:auto}.shk[data-live] .shk-bar_wrap{height:4px}.shk-cover{display:none}.shk-main{width:100%;max-width:none;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:0}.shk-text{-webkit-flex:0 0 auto;flex:0 0 auto;width:100%;text-align:center}.shk-artist_wrap{font-size:.8em;line-height:1.1}.shk-artist{display:inline-block}.shk-title,.shk-title_wrap[data-overflow] .shk-title_inner:after{font-size:1em;line-height:1}.shk-bar_wrap{padding:8px 0;margin:0 60px}.shk-bar-handle{display:inline-block;top:-8px;box-shadow:var(--shadow-handle-mobile)}.shk-bar{background:var(--color-opac);border-radius:2px}.shk-display{top:-16px;left:0;right:0}.shk-loader{position:absolute;left:-10px;top:-5px}.shk-time{margin:0 5px;font-size:.7em;line-height:1;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}.shk-time_now{width:40px;text-align:right}.shk-time_duration{width:40px;text-align:left}.shk-live{position:absolute;right:0;top:0}}