@charset "UTF-8";*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}body{font-family:Tahoma,sans-serif}button{cursor:pointer;padding:0}button:disabled{cursor:auto}a{color:inherit}.button-play{background:none;border:none;height:var(--button-size,40px);width:var(--button-size,40px)}.button-play__icon{fill:var(--button-color,#333);stroke:var(--button-color,#333);stroke-width:var(--button-stroke-width,4px);height:var(--button-icon-size,100%);margin-inline:auto;width:var(--button-icon-size,100%)}.button-play.active .button-play__triangle,.button-play__pause{display:none}.button-play.active .button-play__pause{display:block}.button-hamburger{background:none;border:none;height:var(--button-size,40px);width:var(--button-size,40px)}.button-hamburger__icon{stroke:var(--button-color,#333);stroke-width:var(--button-weight,8px);height:var(--button-icon-size,100%);transition:stroke var(--button-transition-duration,.3s) ease-in-out;width:var(--button-icon-size,100%)}.button-hamburger.active .button-hamburger__icon{stroke:var(--button-active-color,var(--button-color,#333))}.button-hamburger__slice-1,.button-hamburger__slice-3{transition:transform var(--button-transition-duration,.3s) ease-in-out}.button-hamburger__slice-2{transition:stroke-width var(--button-transition-duration,.3s) ease-in-out}.button-hamburger.active .button-hamburger__slice-1{transform:translate(24px,-2px) rotate(45deg)}.button-hamburger.active .button-hamburger__slice-2{stroke-width:0}.button-hamburger.active .button-hamburger__slice-3{transform:translate(-32px,26px) rotate(-45deg)}.button-fullscreen{background:none;border:none;height:var(--button-size,40px);width:var(--button-size,40px)}.button-fullscreen__icon{stroke:var(--button-color,#333);stroke-width:var(--button-weight,2px);height:var(--button-icon-size,100%);width:var(--button-icon-size,100%)}.button-fullscreen:hover .button-fullscreen__corner-1{animation:button-fullscreen-corner-1 .1s ease-in-out}.button-fullscreen:hover .button-fullscreen__corner-2{animation:button-fullscreen-corner-2 .1s ease-in-out}.button-fullscreen:hover .button-fullscreen__corner-3{animation:button-fullscreen-corner-3 .1s ease-in-out}.button-fullscreen:hover .button-fullscreen__corner-4{animation:button-fullscreen-corner-4 .1s ease-in-out}.button-fullscreen.active .button-fullscreen__icon_group,.button-fullscreen__icon_group--active{display:none}.button-fullscreen.active .button-fullscreen__icon_group--active{display:block}@keyframes button-fullscreen-corner-1{50%{transform:translate(-1px,-1px)}}@keyframes button-fullscreen-corner-2{50%{transform:translate(1px,-1px)}}@keyframes button-fullscreen-corner-3{50%{transform:translate(1px,1px)}}@keyframes button-fullscreen-corner-4{50%{transform:translate(-1px,1px)}}.button-share{background:none;border:none;height:var(--button-size,40px);width:var(--button-size,40px)}.button-share__icon{stroke:var(--button-color,#333);stroke-width:var(--button-weight,3px);height:var(--button-icon-size,100%);width:var(--button-icon-size,100%)}.button-share__circle{fill:transparent;transition:fill .1s ease-in-out}.button-share:hover .button-share__circle{fill:var(--button-color,#333)}.notifications-container{align-items:flex-end;display:flex;flex-direction:column;margin:0 25px;max-width:480px;position:fixed;right:0;row-gap:10px;top:20px;z-index:99}.notification{align-items:center;animation:appear-slide-down .3s ease-in-out;background-color:#f9edbe;border:1px solid #f0c36d;box-shadow:0 0 5px 0 rgba(0,0,0,.7);column-gap:15px;cursor:pointer;display:flex;padding:10px 20px 10px 15px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:visible}.notification:before{content:"i";font-size:30px;font-weight:600;padding-inline:10px;text-align:center}.notification--success{background-color:#c9ffa5;border:1px solid #77925e}.notification--success:before{content:"✓"}.notification--error{background-color:#ffa5a8;border:1px solid #ff6b45}.notification--error:before{content:"!"}.notification.hide{opacity:0;visibility:hidden}@keyframes appear-slide-down{0%{margin-top:-20px;opacity:0}to{margin-top:0;opacity:1}}.playlist__control{--button-active-color:#333;--button-color:#fff;left:10px;opacity:.8;position:absolute;top:5px;transition:opacity .3s ease-in-out,transform .3s ease-in-out;z-index:2}.playlist__control:focus,.playlist__control:hover{opacity:1}.playlist__control.hide{transform:translate(-100%,-100%)}.playlist__wrapper{background:hsla(0,0%,78%,.9);display:flex;flex-direction:column;height:100%;max-width:480px;position:absolute;transform:translateX(-100%);transition:transform .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%;z-index:1}.playlist.opened .playlist__wrapper{transform:translateX(0);visibility:visible}.playlist__title{background-color:#c8c8c8;box-shadow:-10px 0 10px 0 #000;line-height:20px;padding:10px 10px 15px;text-align:center}.playlist__title_sup{font-size:1rem}.playlist__title_link{text-decoration:none}.playlist__title_link.disabled{pointer-events:none}.playlist__list{flex-grow:1;list-style:none;overflow:auto;padding:0;scrollbar-width:thin;z-index:-1}.playlist__item{align-items:center;column-gap:10px;display:grid;grid-template-columns:75px 1fr 75px;padding:5px 10px;text-decoration:none}.playlist__item.active{background-color:hsla(0,0%,55%,.5)}.playlist__item:focus,.playlist__item:hover{background-color:hsla(0,0%,55%,.7);outline:none}.playlist__item.active .playlist__item_meta:after{border:solid;border-color:transparent transparent transparent #000;border-width:5px 0 5px 10px;content:"";left:100%;position:absolute;top:50%;transform:translateY(-50%)}.playlist__item_thumb{width:100%}.playlist__item_meta{position:relative}.playlist__item_title{font-weight:400}.playlist__item_artist{color:#555}.playlist__item_duration{color:#222;text-align:center}.playlist__message{display:block;font-style:italic;padding:10px 20px}.playlist__bottom{background-color:#c8c8c8;box-shadow:-10px 0 10px 0 #000;padding:10px;text-align:center}@media only screen and (max-width:480px){.playlist__bottom,.playlist__title{box-shadow:0 0 10px 0 #000}}.share__control{--button-color:#fff;--button-icon-size:30px;--button-size:40px;display:none;opacity:.8;position:absolute;right:60px;top:5px;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.share__control:focus,.share__control:hover{opacity:1}.share__control.hide{transform:translate(100%,-100%)}.share__modal{background:rgba(0,0,0,.7);bottom:0;cursor:pointer;left:0;opacity:0;overflow-y:auto;position:fixed;right:0;top:-100px;transition:opacity .3s ease-in-out,top .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;z-index:98}.share__modal.opened{opacity:1;top:0;visibility:visible}.share__window{background:#fff;cursor:auto;margin:80px auto 20px;max-width:480px;padding:16px 20px;position:relative;width:100%}.share__title{font-size:1.2rem;line-height:30px;margin-right:30px}.share__content{margin:20px 0}.share__url-container{background-color:#eee;display:flex}.share__url{flex-grow:1;font-size:.875rem;padding:10px;width:0}.share__copy,.share__url{background:none;border:none;line-height:1.375rem}.share__copy{font-size:1rem;outline:none;padding:0 20px}.share__copy:focus,.share__copy:hover{background-color:#ccc}.share__time-container{align-items:center;column-gap:.5rem;display:inline-flex;margin:20px 5px 0}.share__timecode{-webkit-appearance:none;appearance:none;border:2px solid #ccc;cursor:pointer;height:1rem;width:1rem}.share__timecode:focus,.share__timecode:hover{background-color:#ccc}.share__timecode:checked{background-color:#3ec320;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 5 8-10' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-size:cover;border:none}.share__timecode:disabled{background-color:#ccc;border:none;cursor:default}.share__timecode:disabled:checked{background-color:#b1e0a7}.share__timecode:not(:disabled)+span{cursor:pointer}.share__close{background:none;border:none;color:#777;height:30px;position:absolute;right:20px;top:15px;width:30px}.share__close:before{content:"×";font-size:30px;left:0;line-height:1;position:absolute;top:0;width:100%}.share__close:focus,.share__close:hover{color:#000}.player-index-index{overflow:hidden}.player{background-color:#111;background-position:50%;background-size:cover;height:100%}.player__legend{color:#ddd;display:flex;flex-direction:column;font-size:1.5rem;left:0;padding:5px 5px 5px 15px;position:absolute;text-shadow:0 0 10px #000;top:50%;transform:translateY(-50%);width:50%}.player__trackname{animation:appear-slide-in .3s ease-in-out forwards;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.player__trackname.out{animation:fade-slide-out .3s ease-in-out forwards;position:absolute}@keyframes appear-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.player__tracktime:before{background:linear-gradient(90deg,#ddd,transparent);content:"";display:block;height:5px;margin:10px 0 10px -15px;width:60%}.player__scene{height:min(90vh,40vw);left:75%;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(90vh,40vw)}.player__canvas{height:100%;width:100%}.player__control{-webkit-tap-highlight-color:transparent;--button-color:#ddd;--button-icon-size:50%;--button-size:50%;display:none;left:50%;outline:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.player__control.pause,.player__control.play{opacity:0}.player__control.play{animation:fade-in-out-play .75s ease-in-out forwards}.player__control.pause{animation:fade-in-out-pause .75s ease-in-out forwards}@keyframes fade-in-out-play{0%{opacity:1}to{opacity:0}}@keyframes fade-in-out-pause{0%{opacity:1}to{opacity:0}}.player__audio{bottom:10px;left:10px;position:absolute;transition:transform .3s ease-in-out;width:calc(100% - 20px)}.player__audio.hide{transform:translateY(calc(100% + 10px))}.player__fullscreen{--button-color:#fff;--button-icon-size:30px;--button-size:40px;opacity:.8;position:absolute;right:10px;top:5px;transition:opacity .1s ease-in-out,transform .3s ease-in-out}.player__fullscreen:focus,.player__fullscreen:hover{opacity:1}.player__fullscreen.hide{transform:translate(100%,-100%)}@media (orientation:portrait){.player__legend{left:50%;padding:5px 10px;text-align:center;top:50px;transform:translateX(-50%);width:100%}.player__tracktime:before{background:linear-gradient(90deg,transparent,#ddd,transparent);margin:10px 0;width:100%}.player__scene{height:min(90vw,60vh);left:50%;top:60%;width:min(90vw,60vh)}}.locale-switcher{column-gap:.5rem;display:flex;justify-content:center}.locale-switcher__item{background:none;border:none;color:initial;opacity:.5}.locale-switcher__item:disabled,.locale-switcher__item:focus,.locale-switcher__item:hover{opacity:1}