*,*:before,*:after{margin:0;box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{display:none}body,#root{height:100%;width:100%;margin:0;padding:0}html{--primary-main-color: #93bfcf;--primary-dark-color: #6096b4;--secondary-main-color: #bdcdd6;--secondary-light-color: #ffebb7;background-color:var(--primary-dark-color);height:-webkit-fill-available;width:100vw;min-width:100vw;max-width:100vw;margin:0;padding:0}body{overscroll-behavior-x:none;min-width:450px}a{text-decoration:none}.no-select{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.disabled{display:none}div.tabs-menu{position:absolute;width:-webkit-fill-available}.tabs-menu div{width:90%;margin:0 auto}.sidebar-toggle-button{background:transparent;border:none;color:#fff;font-size:26px;cursor:pointer;padding:6px;border-radius:6px;line-height:1;position:absolute;left:12px;z-index:1}.sidebar-toggle-button:hover{background:#ffffff26}.sidebar-toggle-icon{vertical-align:bottom}.sidebar-drawer{position:fixed;top:70px;left:0;width:200px;height:calc(100% - 70px);background-color:var(--primary-main-color);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.sidebar-backdrop{position:fixed;top:70px;left:0;width:100%;height:calc(100% - 70px);background:#00000073}@media (min-width: 901px){div.tabs-menu{margin-left:200px}.sidebar-toggle-button{display:none}.sidebar-drawer{z-index:2}.sidebar-backdrop{display:none}.content-scroll-area{margin-left:200px}div.tabs-menu div div.MuiTabs-flexContainer{gap:10%}}@media (max-width: 900px){div.tabs-menu{margin:0 5%}.sidebar-toggle-button{display:block}.sidebar-drawer{transform:translate(-100%);z-index:3}.sidebar-backdrop{display:block;z-index:2;opacity:0;pointer-events:none}.sidebar-drawer.sidebar-drawer-open{transform:translate(0);box-shadow:4px 0 20px #0000004d}.sidebar-backdrop.sidebar-backdrop-visible{opacity:1;pointer-events:all}.content-scroll-area{margin:0}div.tabs-menu div div.MuiTabs-flexContainer{gap:25%}}button.MuiTab-textColorInherit.Mui-selected.faded{opacity:.6}div.info-container{background-color:var(--primary-dark-color);margin:15%;margin-top:10vh;border-radius:30px;width:auto;height:auto;position:sticky}div.search-bar{display:flex;margin:5% 4% 0;background-color:var(--primary-dark-color);border-radius:10px}span.MuiCheckbox-colorSecondary.Mui-checked{color:var(--secondary-light-color)}label.checkbox-container span.MuiFormControlLabel-label{width:calc(100% - 42px);font-size:1rem;overflow:hidden;white-space:break-spaces;text-overflow:ellipsis}div.tabs-menu div div button.MuiButtonBase-root{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:.9rem;background-color:#e08300;border-width:0px;border-radius:40px;flex:1;max-width:-webkit-fill-available}@supports (max-width: -moz-available){div.tabs-menu{width:-moz-available}div.tabs-menu div div button.MuiButtonBase-root{max-width:-moz-available}.info-miniature{width:100%;height:100%}}div.tabs-menu div span.MuiTabs-indicator{display:none}div.tabs-menu div div.MuiTabs-flexContainer{justify-content:space-between}ul.MuiImageList-root,li.MuiImageListItem-root{padding:0!important;margin:0!important}li.MuiImageListItem-root{height:fit-content!important;position:relative;aspect-ratio:1/1}li.MuiImageListItem-root div.MuiBox-root{width:80%;height:80%;margin:10%;display:flex}img.thumbnail{height:80%;width:80%;margin:auto;position:absolute;border-radius:5%}li.MuiImageListItem-root:not(:hover){transform:scale(1);transition:1s}li.MuiImageListItem-root:not(:hover) img.greyscale{filter:grayscale(100%);transition:1s}li.MuiImageListItem-root:hover{transform:scale(1.05);transition:1s}li.MuiImageListItem-root:hover img.greyscale{filter:grayscale(0%);transition:1s}div.scroll-top-container{position:fixed;display:flex;align-items:center;justify-content:center;width:40px;height:40px;bottom:40px;right:40px;border-radius:20px;background:var(--primary-dark-color);color:var(--secondary-light-color);cursor:pointer}div[role=presentation]>div{background-color:#000c}.info-back-button{position:fixed;background-color:transparent;border-width:0;border-radius:10%;color:var(--primary-dark-color);font-size:50px;left:2px;height:10%;top:45%}.info-header{display:grid;height:100%;padding-top:5%;grid-template-columns:3fr 3fr;width:100%}.info-miniature-container{position:relative;aspect-ratio:1/1;margin:auto;width:80%;height:auto}.info-miniature{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:5%}.info-gist-container{flex-direction:column;display:flex;margin:0 5%}.info-gist,.info-song,.side-number{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;letter-spacing:.00938em;color:var(--secondary-light-color)}.info-title{font-size:1.7rem;word-break:break-word;line-height:1.2;margin-bottom:1rem}.info-artist,.info-released,.song-title,.song-duration,.song-index,.side-number{font-size:1.5rem}.info-songs{margin-top:5%}.info-side{margin:0 5%;padding-bottom:5%}.info-song{display:grid;grid-template-columns:2fr 11fr 3fr;padding-top:10px}.song-duration{justify-self:flex-end}.nothing{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;margin-top:25%;font-size:2rem;text-align:center;letter-spacing:.00938em;color:var(--primary-dark-color)}.no-transform{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important}.info-preview-container{position:absolute;background-color:var(--secondary-main-color);border-top-right-radius:20px;border-bottom-right-radius:20px;width:15%;margin:15vh auto 0 73%}.skeleton{width:100%;height:100%;background-size:800% 100%;border-radius:5%;background-image:linear-gradient(90deg,#ececec 21%,#bbb,#ececec 29%);animation:wave 1.5s linear infinite}.loading{opacity:0}.MuiDrawer-paper{width:100%}@keyframes wave{0%{background-position:right}to{background-position:left}}.info-preview-container:hover{transform:translate(10%)}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.info-preview{position:absolute;height:80%;right:0;margin:6% 7% 0 0;z-index:0;animation:spin 1.5s linear infinite forwards;-webkit-animation:spin 1.5s linear infinite forwards;-moz-animation:spin 1.5s linear infinite forwards;animation-play-state:paused;-webkit-animation-play-state:paused;-moz-animation-play-state:paused}.info-preview:hover{-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running}.info-preview-tonearm{position:relative;transform:rotate(10deg);margin:4% 5% auto 82%;width:12%;z-index:1}.info-preview-tonearm:hover+.info-preview,.info-preview-container:hover>.info-preview{-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running}