@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:#0e0e14;justify-content:center;margin:0 auto;max-width:1280px;width:100%}.main-container,body{display:flex;flex-direction:column}.main-container{gap:25px;min-height:100vh;position:relative}.main-container__loading-text{align-items:center;color:#fff;display:flex;font-family:PT Sans Narrow,sans-serif;font-size:20px;font-weight:700;justify-content:center}@media screen and (max-width:1439px){body{max-width:1100px}.main-container{gap:10px}}.main-container__error{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.main-container__error-text{color:#87878a;font-family:PT Sans Narrow,sans-serif;font-size:18px;line-height:1.5;text-align:center}.main-container__error-btn{background:#ff6f61;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:PT Sans Narrow,sans-serif;font-size:18px;font-weight:700;padding:10px 28px;transition:opacity .2s}.main-container__error-btn:hover{opacity:.85}.main-container__social-icons{align-items:center;display:flex;gap:10px;position:relative}.main-container__social-icons .main-container__social-icons-icon:hover{opacity:.5}@media screen and (max-width:376px){.main-container__social-icons .main-container__social-icons-icon img{height:25px;width:25px}}.main-containe__player{display:flex;flex-direction:column;gap:25px;justify-content:center;margin:10px 0;padding-bottom:40px}.main-containe__player .main-containe__player-image-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center;position:relative}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__artwork{height:300px;object-fit:cover;width:300px}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__btn{align-items:center;background:#ff6f61;border:0;border-radius:50%;bottom:-50px;box-shadow:0 0 5px 0 rgba(0,0,0,.75);cursor:pointer;display:flex;height:100px;justify-content:center;position:absolute;width:100px;z-index:1}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__btn:after,.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__btn:before{background-color:#ff6f61;border:0;border-radius:50%;content:"";height:80px;opacity:.7;position:absolute;width:80px;z-index:-1}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__btn:before{-webkit-animation:pulse 2s ease-out infinite;animation:pulse 2s ease-out infinite}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__btn:after{-webkit-animation:pulse 2s ease-out 1s infinite;animation:pulse 2s ease-out 1s infinite}@-webkit-keyframes pulse{to{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}@keyframes pulse{to{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}.main-containe__player .main-containe__player-now-playing-container{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;margin-top:80px;text-align:center}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__text{color:#fff;font-family:PT Sans Narrow,sans-serif;font-size:18px;font-weight:400;margin:0}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__artist{color:#fff;font-family:PT Sans Narrow,sans-serif;font-size:36px;font-weight:700;margin:0}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__title{color:#ff6f61;font-family:PT Sans Narrow,sans-serif;font-size:24px;font-weight:700;margin:0}.main-containe__player .main-containe__player-next-playing-container{align-items:center;display:flex;gap:5px;justify-content:center;max-width:1280px;position:relative;width:100%}.main-containe__player .main-containe__player-next-playing-container .main-containe__player-next-playing-container__text-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.main-containe__player .main-containe__player-next-playing-container .main-containe__player-next-playing-container__text-container .main-containe__player-next-playing-container__text-container__text{color:#87878a;font-family:PT Sans Narrow,sans-serif;font-size:18px;font-weight:700;margin:0;text-transform:uppercase}.main-containe__player .main-containe__player-next-playing-container .main-containe__player-next-playing-container__text-container .main-containe__player-next-playing-container__text-container__song{color:#87878a;font-family:PT Sans Narrow,sans-serif;font-size:18px;font-weight:400;margin:0}.main-containe__player .main-containe__player-next-playing-container .main-container__social-icons{position:absolute;right:0}#canvas{opacity:.3;position:absolute;z-index:-1}@media screen and (max-width:1681px){.main-containe__player{gap:10px}.main-containe__player .main-containe__player-image-container{height:250px}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__artwork{height:250px;width:250px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__artist{font-size:30px}}@media screen and (max-width:1439px){.main-containe__player .main-containe__player-image-container{height:200px}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__artwork{height:200px;width:200px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__artist{font-size:26px}}@media screen and (max-width:476px){.main-containe__player .main-containe__player-image-container{height:250px}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__artwork{height:250px;width:250px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__artist{font-size:24px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__title{font-size:20px}}@media screen and (max-width:394px){.main-containe__player .main-containe__player-image-container{height:200px}.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__artwork{height:200px;width:200px}}@media screen and (max-width:376px){.main-containe__player .main-containe__player-image-container .main-containe__player-image-container__artwork{height:185px;width:185px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__text{font-size:14px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__artist{font-size:18px}.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__title{font-size:14px}}@media screen and (max-width:361px){.main-containe__player .main-containe__player-now-playing-container .main-containe__player-now-playing-container__artist{font-size:20px}.main-containe__player .main-containe__player-next-playing-container{display:none}}.player-volume{align-items:center;display:flex;gap:10px;margin-top:12px;max-width:280px;width:100%}@media (hover:none) and (pointer:coarse){.player-volume{display:none}}.player-volume__mute-btn{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:0}.player-volume__slider{-webkit-appearance:none;appearance:none;border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.player-volume__slider::-webkit-slider-thumb{-webkit-appearance:none;background:#ff6f61;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.5);cursor:pointer;height:16px;width:16px}.player-volume__slider::-moz-range-thumb{background:#ff6f61;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.player-volume__label{font-size:14px;min-width:36px;text-align:right}.player-share-btn,.player-volume__label{color:#87878a;font-family:PT Sans Narrow,sans-serif}.player-share-btn{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.12);border-radius:20px;cursor:pointer;display:flex;font-size:15px;gap:7px;line-height:1;margin-top:10px;padding:6px 16px;transition:border-color .2s,color .2s}.player-share-btn:hover{border-color:#ff6f61;color:#fff}.player-history-preview{align-items:center;display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:480px;padding:0 16px;width:100%}.player-history-preview__label{color:#87878a;font-family:PT Sans Narrow,sans-serif;font-size:13px;font-weight:400;letter-spacing:1px;text-transform:uppercase}.player-history-preview__btn{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;text-align:left;transition:background .2s,border-color .2s;width:100%}.player-history-preview__btn:hover{background:hsla(0,0%,100%,.09);border-color:rgba(255,111,97,.3)}.player-history-preview__cover{border-radius:5px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.player-history-preview__info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.player-history-preview__artist{color:#fff;font-size:15px;font-weight:700}.player-history-preview__artist,.player-history-preview__song{font-family:PT Sans Narrow,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-history-preview__song{color:#87878a;font-size:13px}.player-history-preview__time{color:#87878a}.player-history-preview__more,.player-history-preview__time{flex-shrink:0;font-family:PT Sans Narrow,sans-serif;font-size:12px}.player-history-preview__more{background:rgba(255,111,97,.12);border-radius:10px;color:#ff6f61;font-weight:700;padding:2px 8px}.history-modal__overlay{align-items:flex-end;-webkit-animation:overlay-in .2s ease;animation:overlay-in .2s ease;background:rgba(0,0,0,.7);display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@-webkit-keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.history-modal{-webkit-animation:modal-slide-in .25s ease;animation:modal-slide-in .25s ease;background:#1a1a24;border-radius:16px 16px 0 0;border-top:1px solid rgba(255,111,97,.2);max-width:600px;padding:20px 20px 32px;width:100%}@-webkit-keyframes modal-slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modal-slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.history-modal__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.history-modal__title{color:#fff;font-family:PT Sans Narrow,sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.history-modal__close{align-items:center;background:none;border:none;color:#87878a;cursor:pointer;display:flex;padding:4px;transition:color .15s}.history-modal__close:hover{color:#fff}.history-modal__list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.history-modal__item{align-items:center;background:hsla(0,0%,100%,.04);border-radius:8px;display:flex;gap:12px;padding:10px 12px}.history-modal__cover{border-radius:5px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.history-modal__info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.history-modal__artist{color:#fff;font-size:16px;font-weight:700}.history-modal__artist,.history-modal__song{font-family:PT Sans Narrow,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-modal__song,.history-modal__time{color:#87878a;font-size:13px}.history-modal__time{flex-shrink:0;font-family:PT Sans Narrow,sans-serif}.history-modal__yt{align-items:center;color:#87878a;display:flex;flex-shrink:0;transition:color .18s}.history-modal__yt:hover{color:red}.kb-mute-badge{-webkit-animation:mute-badge-in .2s ease;animation:mute-badge-in .2s ease;background:rgba(14,14,20,.88);border:1px solid rgba(255,111,97,.45);border-radius:20px;color:#ff6f61;font-family:PT Sans Narrow,sans-serif;font-size:15px;font-weight:700;padding:6px 16px;pointer-events:none;position:fixed;right:20px;top:16px;z-index:101}@-webkit-keyframes mute-badge-in{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mute-badge-in{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.kb-toast{background:rgba(14,14,20,.88);border:1px solid rgba(255,111,97,.35);border-radius:30px;bottom:60px;color:#fff;font-family:PT Sans Narrow,sans-serif;font-size:18px;font-weight:700;left:50%;opacity:0;padding:10px 28px;pointer-events:none;position:fixed;-webkit-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px);transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;white-space:nowrap;z-index:100}.kb-toast--visible{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.kb-hint{align-items:center;-webkit-animation:kb-hint-in .35s ease;animation:kb-hint-in .35s ease;background:rgba(14,14,20,.94);border-top:1px solid rgba(255,111,97,.2);bottom:0;display:flex;flex-wrap:wrap;gap:6px 20px;left:50%;max-width:1280px;padding:12px 24px;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:99}@-webkit-keyframes kb-hint-in{0%{-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%)}to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes kb-hint-in{0%{-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%)}to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.kb-hint__label{color:#87878a}.kb-hint__item,.kb-hint__label{font-family:PT Sans Narrow,sans-serif;font-size:14px;white-space:nowrap}.kb-hint__item{align-items:center;color:#fff;display:flex;gap:4px}.kb-hint__item kbd{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.22);border-radius:4px;color:#ff6f61;font-family:inherit;font-size:13px;line-height:1.5;padding:2px 8px}.kb-hint__close{background:none;border:none;color:#87878a;cursor:pointer;font-size:16px;line-height:1;margin-left:auto;padding:2px 6px;transition:color .15s}.kb-hint__close:hover{color:#fff}@media screen and (max-width:600px){.kb-hint{gap:6px 12px;padding:10px 12px}.kb-hint__item{font-size:12px}.kb-hint__toast{font-size:15px;padding:8px 20px}}.main-container__header{align-items:center;display:flex;flex-direction:column;font-family:PT Sans Narrow,sans-serif;justify-content:center;margin:30px 0 0}.main-container__header .main-container__header-title{color:#fff;font-size:60px;margin:0}.main-container__header .main-container__header-subtitle{color:#ff6f61;font-size:25px;margin:0}@media screen and (max-width:1681px){.main-container__header .main-container__header-title{font-size:50px}}@media screen and (max-width:1439px){.main-container__header{margin:20px 0 0}.main-container__header .main-container__header-title{font-size:40px}.main-container__header .main-container__header-subtitle{font-size:20px}}@media screen and (max-width:394px){.main-container__header .main-container__header-title{font-size:30px}.main-container__header .main-container__header-subtitle{font-size:16px}}.main-container__footer{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:PT Sans Narrow,sans-serif;font-weight:700;margin-top:auto;padding:15px 0}@media screen and (max-width:476px){.main-container__footer{gap:10px}}@media screen and (max-width:394px){.main-container__footer{gap:5px}}
/*# sourceMappingURL=main.1cd134b7.css.map*/