:root{--bg-color: #1c1c1c;--amber-green: #48d728;--amber-green-dimmed: #3aac20;--error-color: #ff156d;--error-color-dimmed: #341a24;--current-song-color: rgb(40, 40, 40);--max-player-width-mobile: 360px;--default-text-color: #fff;--player-timeline-thickness: 9px}@font-face{font-display:swap;font-family:ESans;font-style:normal;font-weight:400;src:url(/assets/instrument-sans-v3-latin-regular-DRC__1Mx.woff2) format("woff2")}@font-face{font-display:swap;font-family:ESans;font-style:normal;font-weight:500;src:url(/assets/instrument-sans-v3-latin-500-Dk9ku72i.woff2) format("woff2")}@font-face{font-display:swap;font-family:ESans;font-style:normal;font-weight:600;src:url(/assets/instrument-sans-v3-latin-600-B7fBEWYG.woff2) format("woff2")}@font-face{font-display:swap;font-family:ESans;font-style:normal;font-weight:700;src:url(/assets/instrument-sans-v3-latin-700-CYfAanHo.woff2) format("woff2")}html,body{overscroll-behavior:none}body{margin:0;background:var(--bg-color)}p{margin:0}*{font-family:ESans;box-sizing:border-box;-webkit-user-select:none;user-select:none;color:var(--default-text-color);-webkit-tap-highlight-color:transparent}.loginContainer{height:100svh;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:hidden;position:relative}.loginContainer:after{content:"";position:absolute;bottom:-30px;right:-10px;width:254px;aspect-ratio:1;background-image:url(/amber.svg);background-size:cover;background-repeat:no-repeat;transform:rotate(-30deg);transform-origin:center;z-index:-1}.amberBranding{padding-top:25vh;font-weight:600;color:var(--amber-green);margin:0}.credsContainer{width:80vw;max-width:30ch;display:flex;flex-direction:column;align-items:center;gap:12px}.credsInput{width:100%;height:1.5rem;border-radius:8px;outline:none;border:1px solid #353535;background:#2a2a2a;caret-color:#585858;color:#fff;padding:15px 10px}.credsInput::placeholder{color:#585858;opacity:1;font-weight:600}.connectButton{display:flex;background:var(--amber-green-dimmed);outline:none;border:1px solid var(--amber-green);border-radius:8px;padding:8px 10px;width:100%;font-weight:600;color:#fff;justify-content:space-between;cursor:pointer;margin-top:10px}.connectionError{color:var(--error-color);font-weight:500;background:var(--error-color-dimmed);padding:8px 12px;width:100%;text-align:center;border-radius:8px;width:80vw;max-width:30ch}.emberMainContainer{position:relative;display:flex;flex-direction:column}.PlayerContainer{position:absolute;inset:0;background:linear-gradient(to bottom left,#0003,#0006),var(--current-song-color);transition:top .1s ease-in,bottom .1s ease-in,left .1s ease-in,right .1s ease-in,background .5s;height:100svh;display:flex;flex-direction:column;align-items:center;overflow:hidden}.smallPlayer{justify-self:center;top:85vh;bottom:20px;left:15px;right:15px;height:fit-content;flex-direction:row;border-radius:8px;border:1px solid var(--current-song-color);background:linear-gradient(#0003,#0003),var(--current-song-color);width:90vw;overflow:unset}.mobileWidthControl{max-width:var(--max-player-width-mobile);display:flex;flex-direction:column;width:100%;padding-inline:20px;height:100svh;justify-content:space-evenly;position:relative}.smallPlayer .mobileWidthControl{padding:unset;flex-direction:row;align-items:center;height:unset;justify-content:space-between;max-width:unset}.topControlsContainer{display:flex;padding-block:30px 50px;justify-content:space-between}.smallPlayer .topControlsContainer{display:none}.controlsContainer{display:flex;gap:5px;align-items:center;cursor:pointer}.controlsContainer>img{height:13px}.albumArtContainer{aspect-ratio:1;position:relative;overflow:hidden;height:50%}.albumArt{position:absolute;border-radius:6px;width:100%;background:var(--current-song-color);object-fit:cover;aspect-ratio:1;opacity:1;transition:opacity 1s;transition:transform .2s;z-index:1}.albumArtHidden{opacity:0}.tiltAlbumArt{transform:perspective(1500px) rotateY(25deg) scale(.95) translate(-15px)}.smallPlayer .tiltAlbumArt{transform:unset;transition:transform 0s}.doubleTapOverlay{position:absolute;width:100%;background:linear-gradient(#00000080,#000000e6),var(--current-song-color);border-radius:100%;opacity:0;display:flex;flex-direction:column;align-items:center;aspect-ratio:1;z-index:1}.leftDoubleTapOverlay{right:60%;justify-content:center;padding-left:60%}.rightDoubleTapOverlay{left:60%;justify-content:center;padding-right:60%}.rightDoubleTapOverlay>img{rotate:180deg}.doubleTabOverlayAnimation{animation:doubleTapOverlayKeyframes 2s}@keyframes doubleTapOverlayKeyframes{0%{opacity:.7}to{opacity:0}}.smallPlayer .doubleTapOverlay{display:none}.smallPlayer .albumArtContainer{width:45px;height:45px;position:relative;bottom:8px;left:8px;border-radius:5px;overflow:unset}.extraControlsContainer{display:flex;flex-direction:column;position:absolute;right:0;height:100%;justify-content:center;max-width:55px;gap:20px;opacity:0;transition:opacity .2s;pointer-events:none}.extraControlsContainer>img{padding-block:10px;padding-left:10px;cursor:pointer;z-index:2}.visibleControls{opacity:1;pointer-events:unset}.smallPlayer .extraControlsContainer{display:none}.songName{margin:0;font-weight:600;font-size:1.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3.5rem;margin-block:10px;line-break:anywhere}.smallPlayer .songName{font-size:1rem;height:1.3rem;-webkit-line-clamp:1;margin:0 0 0 15px;width:100%;text-align:center}.utilityViewContainer{z-index:2;background:linear-gradient(to bottom left,#00000012,#0000004d),var(--current-song-color);position:absolute;width:calc(100% - 40px);bottom:0;border-radius:5px 5px 0 0;overflow-y:scroll;overflow-x:clip;transition:all .2s;opacity:0;top:100svh;scrollbar-color:var(--current-song-color) transparent;scrollbar-width:thin;border:1px solid var(--current-song-color);padding-top:15px;padding-inline:15px}.utilityViewContainerVisible{opacity:1;top:99.5px}.smallPlayer .utilityViewContainer{display:none}.artistAlbumContainer{display:flex;justify-content:space-between;gap:20px;margin-block:20px 10px}.artistAlbumContainer>p{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.8rem}.smallPlayer .artistAlbumContainer{display:none}.timeline{appearance:none;width:99%;cursor:pointer;outline:none;overflow:hidden;border-radius:8px;height:var(--player-timeline-thickness)}.timeline::-moz-range-track{height:var(--player-timeline-thickness);background:#fff;border-radius:8px}.timeline::-moz-range-thumb{width:0px;height:0px;box-shadow:-399px 0 0 400px var(--current-song-color);border:none}.timeline::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:0;width:0;box-shadow:-399px 0 0 400px var(--current-song-color)}.smallPlayer .timeline{display:none}.elapsedTimeContainer{display:flex;justify-content:space-between;gap:20px;margin-block:5px 10px}.elapsedTimeContainer>p{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.8rem}.smallPlayer .elapsedTimeContainer{display:none}.playbackControlsContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-bottom:40px}.playbackControlsContainer>div{border-radius:8px;border:1px solid var(--current-song-color);background:linear-gradient(#0003,#0003),var(--current-song-color);transition:background .6s;padding-block:30px;display:flex;justify-content:center;cursor:pointer}.smallPlayer .playbackControlsContainer{margin:0;width:unset;display:unset;padding-inline:15px;display:flex}.smallPlayer .playbackControlsContainer>:not(.miniPlayerControlButton){display:none}.smallPlayer .miniPlayerControlButton{padding:15px 10px;border:unset}.queueItemContainer{display:flex;gap:15px;margin-bottom:40px;cursor:pointer}.albumArtThumbnailContainer{background:var(--current-song-color);border-radius:4px;aspect-ratio:1;height:40px}.albumArtThumbnailContainer>img{width:100%;height:100%;object-fit:cover;border-radius:4px;opacity:.8}.queueItemTextContainer{display:flex;flex-direction:column;justify-content:center}.queueItemTextContainer>p{font-size:.95rem;line-break:anywhere;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.queueItemTextContainer>p:first-child{font-weight:500}.queueItemTextContainer>p:last-child{opacity:.5}.currentlyPlayingSongName{text-decoration-color:#fff6;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:2px}.editMetadataContainer{display:flex;flex-direction:column}.editMetadataHeader{display:flex;justify-content:space-between;cursor:pointer;padding-block:0 10px}.editMetadataHeader>img{rotate:270deg;width:10px}.albumArtImgViewer{position:relative}.albumArtImgViewer>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px;margin-top:15px;border:1px solid #ffffff24}.albumArtLoadingSpinner{position:absolute;width:40px!important;border:none!important;padding:10px}.editMetadataContainer>input{width:100%;height:1.5rem;border-radius:5px;outline:none;border:1px solid #ffffff0f;background:linear-gradient(to bottom left,#0000004d,#0000004d),var(--current-song-color);caret-color:#ffffff7f;color:#fff;padding:15px 10px;margin-top:2px}.autoDataFetchContainer{display:flex;position:absolute;top:25px;right:10px;gap:8px}.autoDataFetchContainer>img{width:35px;aspect-ratio:1;background:var(--current-song-color);border-radius:4px;border:1px solid #ffffff24;padding:8px}