@font-face{font-family:Torus;font-weight:600;src:url(/assets/TorusBold-u5jZakqR.otf)}@font-face{font-family:Torus;font-weight:700;src:url(/assets/TorusHeavy-CtmYihNN.otf)}@font-face{font-family:Torus;font-weight:500;src:url(/assets/TorusSemiBold-CYRm-0ZG.otf)}@font-face{font-family:Torus;font-weight:400;src:url(/assets/TorusRegular-CVr8XYWD.otf)}@font-face{font-family:Torus;font-weight:300;src:url(/assets/TorusLight-5awlZMC-.otf)}@font-face{font-family:Torus;font-weight:200;src:url(/assets/TorusThin-D2pXRY4G.otf)}@font-face{font-family:Nicolatte;font-weight:600;src:url(/assets/NICOLATTE-Co98WWGJ.ttf)}:root{--primary-1: #171a1f;--primary-2: #2e3440;--primary-3: #3b4252;--primary-4: #434c5e;--primary-5: #4c566a;--accent-1: #88c0d0;--text-1: #d8dee9}body{width:100vw;min-height:100dvh;padding:10px;margin:0;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-content:center;background-color:var(--primary-2);font-family:Torus;font-weight:500;color:#fff;font-size:16px;overflow-y:overlay;overflow-x:hidden;box-sizing:border-box;transition:ease-in-out .2s}.placeholder{position:absolute;opacity:0;font-family:Nicolatte}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}#main{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#main img{display:none}.timelineContainer{position:relative;width:100%;height:80px;background:#00000080;border-radius:10px;margin-bottom:10px;overflow:hidden;display:flex;transition:ease-out .1s}.zoom{height:100%;width:40px;background-color:var(--primary-5);display:flex;flex-direction:column;justify-content:space-between;align-items:space-between;padding:10px;box-sizing:border-box}.zoom img{width:18px;height:18px}.zoom button{border-radius:none;padding:0;height:18px}.timeline{flex:1}#inputContainer{position:relative;margin-bottom:10px;display:flex;justify-content:flex-end;align-items:center;gap:10px;box-sizing:border-box;transition:ease-in-out .1s;overflow:hidden;max-height:400px;transition:cubic-bezier(0,.4,0,1) .2s}body:has(.opened) #inputContainer,body:has(.opened) .contentWrapper{transform:translate(100px)}.legacyPart{position:relative;flex:1;display:flex;justify-content:flex-end;align-items:center;gap:10px;box-sizing:border-box}#inputWrapper{position:relative;flex:1;display:flex;padding:15px;background-color:#00000080;border-radius:10px;outline-color:var(--accent-1);transition:ease-in-out 50ms}#inputContainer input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;font-family:Torus;color:#fff;border:none;background:transparent}#inputContainer input[type=text]:focus{outline:none}#inputWrapper:has(input[type=text]:focus){outline:solid 2px var(--accent-1)}#submit{background-image:url(/static/search.png);background-size:cover;background-position:center;width:20px;height:20px}#inputContainer button:nth-child(3),#inputContainer button:nth-child(4){width:80px;height:40px;font-family:Torus;font-weight:500;color:#fff;border-radius:10px;transition:ease-in-out .2s}#inputContainer button:nth-child(3):hover,#inputContainer button:nth-child(4):hover{filter:none;background-color:var(--primary-5)}#settingsButton{position:relative;width:80px;height:50px;margin-right:auto;transition:ease-in-out .1s;padding:10px;border-radius:10px}#settingsButton img{width:100%;height:100%;object-fit:contain}#settingsButton:hover{filter:none;background-color:#ffffff1a}svg{display:none}.utilRow{display:flex;gap:10px}#map-dropper{position:relative;color:transparent;aspect-ratio:1 / 1;width:80px;height:50px;border-radius:10px;transition:ease-in-out .2s}#map-dropper::-webkit-file-upload-button{visibility:hidden}#map-dropper::file-selector-button{background-image:url(/static/upload.svg);background-repeat:no-repeat;background-position:center center;color:transparent;background-color:transparent;width:100%;height:100%;border:none}#map-dropper:before{content:"";position:absolute;width:100%;height:100%;background-image:url(/static/upload.svg);background-repeat:no-repeat;background-position:center center;padding:10px;-webkit-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box}#map-dropper:hover{background-color:#ffffff1a}#map-dropper:active{outline:0}#choose-diff{height:50px;font-family:Torus;font-weight:500;color:#fff;border-radius:10px;transition:ease-in-out .2s;padding-inline:20px}#choose-diff:hover{filter:none;background-color:#ffffff1a}#choose-diff:disabled{opacity:.5}.mapBG{position:absolute;top:70px;left:0;width:100%;height:calc(100% - 130px);background-size:cover;background-position:center;transition:cubic-bezier(0,.4,0,1) .2s;border-radius:10px 10px 0 0;opacity:0}.contentWrapper{position:relative;width:100%;flex:1;border-radius:10px;overflow:hidden;transition:ease-in-out .2s;transition:transform cubic-bezier(0,.4,0,1) .2s}canvas{position:absolute;transform-origin:top left;-webkit-user-select:none;user-select:none;z-index:1}.thePlayer{position:absolute;bottom:60px;left:0;margin:20px;display:flex;align-items:center;align-content:center;gap:10px;padding:10px;border-radius:10px;overflow:hidden;display:none;background-size:cover;background-position:center;background-repeat:no-repeat}.blackCover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5}.thePlayer img{position:relative;width:40px;height:40px;border-radius:10px}.playerInfo{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;gap:5px}.modsList{position:relative;display:flex;flex-shrink:0}.modWrapper{width:20px;overflow:visible;display:flex;align-items:center}.modWrapper:last-child{width:unset}.thePlayer .label{position:relative;font-weight:300;font-size:12px;text-shadow:0 2px 2px black;line-height:.7em}.playerName{position:relative;font-weight:500;text-shadow:0 2px 2px black}#playerController{box-sizing:border-box;position:relative;height:60px;background-color:var(--primary-3);border-radius:0 0 20px 20px;display:flex;justify-content:space-between;gap:0px;overflow:hidden;display:none}@keyframes popup{0%{transform:scale(0);opacity:0}to{transform:unset;opacity:1}}@keyframes popout{0%{display:flex;transform:unset;opacity:1}to{transform:scale(0);opacity:0}}.seekTo{position:absolute;bottom:60px;left:0;border:none;background-color:var(--primary-5);color:#fff;border-radius:10px;width:300px;flex-direction:column;gap:10px;margin:10px;transform-origin:bottom left;box-shadow:0 5px 10px #00000080;z-index:1}.popupAnim{animation:popup cubic-bezier(.34,1.56,.64,1) .2s;display:flex}.popoutAnim{animation:popout ease-in .1s}.row{display:flex;align-items:center;width:100%}.rowLabel{width:100px;font-size:.8rem}.row input[type=text]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;padding:10px;font-family:Torus;color:#fff;font-size:.8em;border:none;background-color:#00000080;border-radius:5px}.row input[type=text]:focus{outline:solid 2px rgb(255,187,0)}#previewURL{-webkit-user-select:none;user-select:none;cursor:pointer}#previewURL:hover{background-color:var(--primary-3)}#timeContainer{position:relative;display:flex;padding:20px;align-items:center;font-size:1rem;background-color:var(--primary-5);cursor:pointer}#timeContainer:hover{filter:brightness(1.2)}#timeContainer canvas{position:relative}.digit{width:.55rem;text-align:center}#timeContainer span{pointer-events:none;-webkit-user-select:none;user-select:none;cursor:pointer}.buttonsContainer{display:flex;justify-content:center;background-color:var(--primary-2)}#playButton{width:20px;padding:0;margin:20px;background-image:url(/static/play.png);background-size:contain;background-position:center;background-repeat:no-repeat}#prevButton{width:20px;padding:0;margin:20px;background-image:url(/static/prev.png);background-size:contain;background-position:center;background-repeat:no-repeat}#nextButton{width:20px;padding:0;margin:20px;background-image:url(/static/next.png);background-size:contain;background-position:center;background-repeat:no-repeat}#playerController input[type=range]{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.timingContainer{min-width:180px;display:flex;gap:10px;justify-content:center;align-items:center;padding:0 20px;background-color:var(--primary-4);-webkit-user-select:none;user-select:none;cursor:pointer}@keyframes pulse{0%{background-color:var(--primary-5)}to{background-color:var(--primary-4)}}.timingContainer.kiai{animation:pulse ease-in-out .5s infinite}.timingContainer:hover{background-color:var(--primary-5)}.SV{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:400}.multiplier{background-color:#89f0a3;padding:2px 10px;color:var(--primary-1);border-radius:20px;font-weight:500}.infoButton{height:100%;width:60px;padding:10px;background-color:var(--primary-3);border-radius:0;font-size:1rem}.infoButton:hover{filter:none;background-color:var(--primary-4)}.progressBarContainer{position:relative;flex:1;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-1)}.progressBarContainer canvas{position:absolute;top:0;left:0}#volumeSlider{width:50%;max-width:200px;padding-right:20px}#playerController input[type=range]::-webkit-slider-runnable-track{background:var(--accent-1);height:4px;margin:20px 0;border-radius:20px}#playerController input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:10px;background:var(--primary-2);border-radius:20px;margin-top:-3px;transition:cubic-bezier(.03,.16,.29,1.45) .15s;transform-origin:center;outline:solid 3px var(--accent-1)}#playerController input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 10px 0 var(--accent-1);filter:brightness(2)}#playerController input[type=range]::-webkit-slider-thumb:active{background:var(--accent-1);width:50px}button{background-color:transparent;border:none;border-radius:30px;cursor:pointer;transition:ease-in-out 50ms}button:hover{filter:drop-shadow(0 0 2px white)}@keyframes spin{0%{stroke-dashoffset:200;transform:scale(1)}50%{stroke-dashoffset:0;transform:scale(1)}50.0001%{transform:scaleY(-1) translateY(-90px)}99.9999%{stroke-dashoffset:200;transform:scaleY(-1) translateY(-90px)}to{transform:scale(1)}}@keyframes osuSpinnerKurwa{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loadingText{white-space:pre}.loading{position:absolute;top:0;left:0;box-sizing:border-box;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;opacity:0;z-index:3;padding:20px}.switchMirrorContainer{margin-top:20px;display:flex;flex-direction:column;gap:10px;display:none}.mirrors{display:flex;gap:10px;justify-content:center}.switchMirror{color:#fff;font-family:Torus;font-weight:400;padding:20px;border-radius:10px;background-color:#ffffff1a}.switchMirror:hover{filter:none;background-color:#fff3}.difficultySelector{position:absolute;top:0;left:0;box-sizing:border-box;width:100vw;height:100vh;background-color:#00000080;display:none;z-index:1}.selectorWrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.popup{position:relative;width:500px;max-width:100%;min-height:0;max-height:60%;padding:20px;background-color:var(--primary-2);border-radius:20px;display:flex;flex-direction:column;gap:10px}.instruction{width:100%;font-size:1rem;text-align:left;padding:10px;display:flex;justify-content:space-between;align-items:center}.instruction button:disabled{opacity:.2}.instruction button:disabled:hover{filter:none}.listWrapper{position:relative;width:100%;flex:1;overflow:auto}.difficultyList{position:relative;width:100%;display:flex;flex-direction:column;gap:10px}.diff{position:relative;width:100%;padding:20px;background-color:var(--primary-3);border-radius:10px;box-sizing:border-box;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:flex-start;gap:20px}.icon{position:relative;width:30px;height:30px;background:#fff;border-radius:50%}.colorRing{position:absolute;content:"";top:0;right:0;bottom:0;left:0;margin:auto;width:24px;height:24px;border-radius:50%;border:solid 4px black}.infoContainer{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.diff:hover{background-color:var(--primary-1)}.diffName{font-size:1rem}.starRating{font-size:.8rem;font-weight:400}.loading circle{fill:none;stroke:#fff;stroke-width:10px;stroke-dasharray:200;stroke-dashoffset:150;stroke-linecap:round;animation:spin 2s infinite}.loading svg{display:block;animation:linear osuSpinnerKurwa 2s infinite}#block{display:none;position:absolute;width:100%;height:100%;background-color:#000;opacity:0;transition:ease-in-out .2s;z-index:2}#settingsPanel{position:fixed;top:0;left:-600px;max-width:90vw;width:600px;height:100%;background-color:var(--primary-2);transition:cubic-bezier(0,.4,0,1) .2s;opacity:0;display:flex;flex-direction:column;gap:10px;overflow:overlay;z-index:2}.section{position:relative;box-sizing:border-box;width:100%;padding:40px;background-color:var(--primary-3);font-weight:300;display:flex;flex-direction:column;gap:5px;font-size:.9em}.header{font-size:2em;font-weight:400}.description{font-size:1em}.title{font-size:1.2em;font-weight:400}.list{padding:20px 0;display:flex;flex-direction:column;gap:10px}.list.skin{gap:20px}.selection{position:relative;display:flex;justify-content:space-between;align-items:center;align-content:center}.slider{flex-wrap:wrap}.slider input{margin:0;width:100%;height:50px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.slider input::-webkit-slider-runnable-track{background:var(--accent-1);height:4px;margin:20px 0;border-radius:20px}.slider input::-moz-range-track{background:var(--accent-1);height:4px;border-radius:20px;margin:10px 0}.slider input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50px;height:16px;background:var(--accent-1);border-radius:20px;margin-top:-6px;transition:cubic-bezier(.03,.16,.29,1.45) .15s;transform-origin:center}.slider input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px;height:16px;background:var(--accent-1);border-radius:20px;margin-top:-6px;transition:cubic-bezier(.03,.16,.29,1.45) .15s;transform-origin:center;border:none}.slider input::-webkit-slider-thumb:hover{box-shadow:0 0 10px 0 var(--accent-1);filter:brightness(1.2)}.slider input::-moz-range-thumb:hover{box-shadow:0 0 10px 0 var(--accent-1);filter:brightness(1.2)}.slider input::-webkit-slider-thumb:active{background:var(--accent-1);width:50px}.slider input::-moz-range-thumb:active{background:var(--accent-1);width:50px}.val{font-weight:600}.note{position:absolute;top:-2.5px;left:0;right:0;width:max-content;background-color:var(--primary-2);padding:5px 15px;border-radius:20px;font-size:.8em;font-weight:900;text-align:center;font-family:monospace;margin-inline:auto;display:flex;justify-content:space-between;align-items:center}.sign{aspect-ratio:1/1;height:1em;display:flex;align-items:center;justify-content:center}.divider{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}label{display:flex;align-items:center;align-content:center}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:10px;outline:solid 3px var(--accent-1);border-radius:25px;transition:cubic-bezier(.03,.16,.29,1.45) .1s}input[type=checkbox]:hover{box-shadow:0 0 5px 2px var(--accent-1);filter:brightness(2)}input[type=checkbox]:checked{width:50px;background-color:var(--accent-1)}.selection:has(input[type=checkbox]:disabled){opacity:.2}input[type=checkbox]:disabled:hover{box-shadow:unset;filter:unset}.list input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:60%;padding:10px;font-family:Torus;color:#fff;font-size:1em;border:none;background-color:#00000080;border-radius:5px}.list input[type=text]:focus{outline:solid 3px rgb(255,187,0)}.radioSel{display:flex;align-items:center;gap:20px;padding:5px 0;opacity:.5;font-weight:300;transition:ease-in-out .1s}.radioSelCustom{flex-direction:column;align-items:start;flex:1}.radioSel label{flex:1}.radioSel label:has(#custom-mirror){width:100%}#custom-mirror{width:100%;padding:20px;border-radius:10px;font-size:.8rem}.radioSel input[type=radio]{position:relative;width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 2px white;border-radius:10px;display:flex;justify-content:center;align-items:center;transition:ease-in-out .1s}.radioSel:has(input[type=radio]:hover){opacity:1}.radioSel input[type=radio]:checked{border:solid 2px var(--accent-1)}.radioSel input[type=radio]:before{content:"";width:0px;height:0px;border-radius:50%;background-color:var(--accent-1);transition:ease-in-out .1s}.radioSel input[type=radio]:checked:before{width:10px;height:10px}.radioSel:has(input[type=radio]:checked){opacity:1;font-weight:600}a{color:#fff;text-decoration:none}a:visited{color:#fff}.horizontalList{width:100%;padding-top:20px;display:flex;gap:10px}.horizontalList a{padding:10px 15px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;background-color:var(--primary-2);border-radius:10px;transition:ease-in-out .1s}.horizontalList a:hover{background-color:var(--primary-5)}.horizontalList img{width:20px;height:20px}.horizontalList .linkContent{font-weight:500;text-align:center}.skinSelector,.rendererSelector{border:none;outline:none;border-radius:10px;padding:20px;width:100%;font-family:Torus;color:#fff;text-align:left;font-size:.8rem;background-color:var(--primary-2)}.skinSelector:hover,.rendererSelector:hover{filter:none;background-color:var(--primary-5)}#skinDropdown,#rendererDropdown{position:absolute;top:100%;margin:unset;margin-top:10px;width:100%;border:none;padding:10px;border-radius:10px;background-color:var(--primary-2);opacity:100%;color:#fff;font-size:0rem;z-index:1;flex-direction:column}.skinSelection,.rendererSelection{display:flex;align-items:center;gap:10px}.skinName,.renderer{flex:1;padding:10px;border-radius:5px;-webkit-user-select:none;user-select:none;font-family:Torus;color:#fff;text-align:left;font-size:.8rem}.skinName:hover,.renderer:hover{background-color:var(--primary-3);filter:none}.deleteButton{opacity:.2;display:flex;align-items:center;justify-content:center;padding:0;width:18px;height:18px}.deleteButton:hover{filter:none;opacity:1}*{box-sizing:border-box}@keyframes slideUp{0%{display:flex;opacity:0;transform:translate(-100px)}to{opacity:1;transform:unset}}@keyframes slideDown{0%{display:flex;opacity:1;transform:unset}to{opacity:0;transform:translate(-100px)}}.notiContainer{position:absolute;left:20px;bottom:80px;z-index:1;display:flex;flex-direction:column-reverse;align-items:start;gap:10px;padding:10px}.notiContent{flex:1}.noti{width:400px;background-color:var(--primary-1);border:none;color:#fff;box-shadow:0 5px 5px #0000004d;border-radius:20px;align-items:center;gap:20px;font-weight:400;padding:20px}.noti.warning{background-color:#863819}.noti.error{background-color:#e04949}.animationIn{display:flex;animation:slideUp ease-in-out .2s}.animationOut{animation:slideDown ease-in-out .2s;display:none}.notiDismiss{height:24px}.notiDismiss:focus{border:none;outline:none}@keyframes slideOut{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:unset;padding:20px}}@keyframes slideIn{0%{transform:unset;padding:20px;opacity:1}to{opacity:0;transform:scaleX(0);padding:0}}.slideOutAnim{animation:slideOut cubic-bezier(0,.4,0,1) .2s}.slideInAnim{animation:slideIn cubic-bezier(0,.4,0,1) .2s}.contentWrapper:has(.slideOutAnim){gap:20px}.sidePanel{position:absolute;right:0;width:400px;height:100%;background-color:var(--primary-3);border-radius:20px;display:flex;flex-direction:column;gap:10px;padding:0;overflow:hidden;opacity:0;transform:scaleX(0);transform-origin:center right}.sidePanel.slideOutAnim{opacity:1;padding:20px;transform:unset}.closeRow{width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff;font-family:Torus;font-size:1.2rem;font-weight:500;text-align:left}.panelRow{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;padding:15px;transition:ease-in-out .2s;background-color:var(--primary-4)}.panelRow:has(.show){flex:1;background-color:var(--primary-2)}.panelRow:has(.slideToggleButton:not([disabled]):hover){background-color:var(--primary-2)}.slideToggleButton{color:#fff;font-family:Torus;font-size:1.2rem;font-weight:500;text-align:left;padding:0;margin-bottom:5px}.slideToggleButton:hover{filter:none}.slideToggleButton:disabled{color:#fff3}.panel{position:relative;width:100%;height:0;overflow:auto;display:flex;flex-direction:column;transition:ease-in-out .2s;font-size:.8rem}.panel.show{flex:1 1 0}.timingPanelWrapper{position:relative;width:100%;display:flex;flex-direction:column;font-size:.8rem}.highlightPoint{position:absolute;width:calc(100% - 5px);padding:10px 15px;background-color:var(--primary-5);border-radius:5px;color:transparent}.timingPanel img{position:absolute}.timingPoint{position:relative;width:100%;padding:5px 10px;font-weight:400;display:none;align-items:center;border-radius:5px}.panel.show .timingPoint{display:flex}.timingPoint.current{background-color:var(--primary-4)}.timestamp{width:80px}.timingContent{flex:1;height:100%;padding:5px;background-color:var(--primary-3);border-radius:5px;display:flex;align-items:center;gap:20px}.timingContent.kiai{background-color:var(--accent-1);color:var(--primary-3)}.timingPoint.current .timingContent{background-color:var(--primary-2)}.timingFlair{width:6px;height:100%;background:#fff;border-radius:10px}.beatStepPoint .timingFlair{background:#f82c69}.svPoint .timingFlair{background:#baffc8}.timingValue{font-weight:500}.timingContent :nth-of-type(2){width:70px}.timingContent :nth-of-type(3){width:40px}.metadataRow{padding:5px;display:flex;flex-direction:column;gap:2px}.metadataRow .label{font-weight:400;opacity:.5}.metadataRow .value{font-size:1rem}@media screen and (max-aspect-ratio: 1 / 1){@keyframes slideOut{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:unset;padding:20px}}@keyframes slideIn{0%{transform:unset;padding:20px;opacity:1}to{opacity:0;transform:scaleY(0);padding:0}}.contentWrapper:has(.slideOutAnim){gap:unset}.sidePanel{position:absolute;bottom:0;width:100%;height:90%;border-radius:20px 20px 0 0;transform:scaleY(0);transform-origin:bottom center}.sidePanel.slideOutAnim{width:100%;transform:unset}.panel{font-size:1rem}.timingContent :nth-of-type(2){width:unset}}@media screen and (max-aspect-ratio: 1 / 1){html{font-size:3vw}body{width:100dvw;padding:0;margin:0;flex-direction:column;justify-content:flex-start;gap:0;background-size:cover}#main{height:100%}.timelineContainer{height:60px;width:calc(100% - 20px);margin-inline:10px}.zoom{padding:0;justify-content:space-around;width:20px}.zoom img{width:10px;height:10px}#inputContainer{width:100%;padding:10px;margin:0;gap:10px;flex-direction:column}.legacyPart,.utilRow{width:100%}#choose-diff{flex:1}#inputContainer input[type=text]{border-radius:5px}#inputContainer button:nth-child(3),#inputContainer button:nth-child(4){background-color:var(--primary-3);border-radius:5px}#settingsButton,#map-dropper{width:50px}.mapBG{width:100%!important;height:75vw;border-radius:0}.contentWrapper{border-radius:0;overflow:initial}.thePlayer{position:relative;margin:unset;inset:unset;width:100%;border-radius:unset}.modsList{margin-left:auto}#playerController{position:relative;width:100%;height:auto;border-radius:0;flex-wrap:wrap;align-content:flex-start;justify-content:center;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#settingsPanel{font-size:.8rem}.section{padding:30px}.seekTo{transform-origin:unset;padding:20px;bottom:25vw}#timeContainer{flex:1;height:60px;margin-bottom:20px;justify-content:center;font-size:16px}.digit{width:9px}.timingContainer{height:60px;padding:20px;margin-bottom:20px;flex:1}.buttonsContainer{width:100%;background-color:unset}#playButton,#prevButton,#nextButton{width:60px;height:30px;margin:0;padding:0}#playButton:focus{outline:none}#playButton:hover{filter:none}.progressBarContainer{width:100%;height:60px;background-color:unset}.progressBarContainer canvas{position:relative;transform-origin:center center}#progress{width:100%;padding:20px}.timingPointsContainer{top:unset;bottom:0}.timingPointsContainer img{padding:0 30px}.infoButton{margin-bottom:20px;flex:1;padding:20px;height:60px}#volumeSlider{display:none}#playerController input[type=range]::-webkit-slider-runnable-track{background:var(--primary-5);height:4px;margin:10px;border-radius:20px}#playerController input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:#fff;border-radius:20px;margin-top:-3px;transition:cubic-bezier(.03,.16,.29,1.45) .1s;transform-origin:center}#playerController input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 5px #fff;filter:brightness(1.2)}.notiContainer{align-items:center;left:unset;bottom:90px}.noti{width:100%}@keyframes slideUp{0%{display:flex;opacity:0;transform:translateY(10px)}to{opacity:1;transform:unset}}@keyframes slideDown{0%{display:flex;opacity:1;transform:unset}to{opacity:0;transform:translateY(10px)}}}@media screen and (min-aspect-ratio: 16 / 9) and (max-width: 915px){body{padding:0}#inputContainer{padding:10px;margin:0;background-color:#00000080}#settingsButton{margin-right:auto}#inputContainer input[type=text]{width:100%;border-radius:5px}#inputContainer button:nth-child(3),#inputContainer button:nth-child(4){border-radius:5px;background-color:#00000080}#playerContainer{border-radius:0}#overlay{top:0;border-radius:0}#metadata{top:0;padding:0 10px;height:50px;font-size:1vw;display:flex;flex-direction:column;justify-content:center}.stats{font-size:1vw}#playerController{border-radius:0;background-color:#00000080}#timeContainer{background-color:#00000080}#playerController button{margin:12px 0}#playerController button:hover{filter:none}}@media screen and (min-width: 1024px){#inputWrapper{width:500px}}