body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#171a1c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding-bottom:60px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0e384a}::-webkit-scrollbar-thumb:hover{background:#031b25}.header a{color:#fff}.underConstruction{background-color:#fff;color:#000;display:flex;font-size:20px;font-weight:700;justify-content:center;text-align:center}.header{background-color:#1f292e;box-shadow:0 0 20px 5px rgba(0,0,0,.23);color:#fff;margin-bottom:2.5rem;overflow-x:hidden;padding-bottom:1rem;padding-top:1rem;position:relative;text-align:center}.header-content{position:relative;z-index:5}.by-me{color:#5ed6c1;font-weight:700;position:relative;top:-1rem}.by-me a{color:#5ed6c1;text-decoration:none}.by-me a:hover{color:#3e98be;text-decoration:underline}.red-text{color:#ff6868;font-weight:700}.header-bg{-webkit-filter:hue-rotate(195deg) saturate(.6);filter:hue-rotate(195deg) saturate(.6);left:0;object-fit:cover;opacity:100%;position:absolute;top:0;z-index:1}.beatmap{background-color:#394246;border-radius:10px;color:#fff;display:flex;height:130px;margin-top:1rem;overflow:hidden;padding:0;position:relative;width:clamp(300px,500px,500px)}h4{font-size:18px;margin:10px 0 0!important}h6{margin:2px 0 0!important}.mapper-section,h6{color:#bbb;font-size:13px;font-weight:500}.mapper-section{margin:3px 0 0!important}.mapper-name{color:#fff!important;text-shadow:0 0 1px #00000080,0 0 2px #00000080,0 0 3px #00000080,0 0 4px #00000080,0 0 10px #00000080}.details-container{width:100%}.main-photo{color:gray;font-size:10px;width:30%}.bg-photo,.main-photo{height:100%;object-fit:cover}.bg-photo{border-radius:10px;color:transparent;opacity:10%;position:absolute;width:68%;z-index:1}.title-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;align-items:center;display:-webkit-box;font-weight:700;overflow:hidden;text-align:left;text-overflow:ellipsis;width:69%}.shadow,.title-name{text-shadow:0 0 1px #00000080,0 0 2px #00000080,0 0 3px #00000080,0 0 4px #00000080,0 0 10px #00000080}.title-text{-webkit-line-clamp:1;line-clamp:1}.diff-name,.title-text{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.diff-name{-webkit-line-clamp:2;line-clamp:2;bottom:0;margin-bottom:10px;position:absolute;width:60%}.diff-name,.title-name{font-size:1rem;font-weight:900;margin-left:1rem;text-align:left;z-index:2}.diff-color{background:linear-gradient(270deg,#000 25%,#6f00ff 35%,#c645b8 45%,#ff4e6f 55%,#f8f000 68%,#7cff4f 75%,#4fc0ff 85%);background-clip:text;-webkit-background-clip:text;background-size:100000%;color:transparent!important;-webkit-filter:brightness(150%);filter:brightness(150%);-webkit-filter:saturate(150%);filter:saturate(150%);font-weight:900}@media screen and (max-width:500px){.beatmap{width:95vw}}.beatmap-container{background-color:rgba(0,0,0,.7);color:#fff;font-size:16px;font-weight:700;height:100%;opacity:0;padding:0;position:absolute;transition:opacity .08s ease-in;width:100%;z-index:3}.S-rank{height:100%;margin-bottom:3%;margin-left:3.5%;width:auto}.complete-overlay{align-items:center;background:linear-gradient(90deg,rgba(255,217,0,.3) 25%,transparent 39%,transparent 50%,rgba(255,217,0,.3));display:flex;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.complete-overlay.complete{opacity:100%}.fa-circle-info,.fa-download{color:#fff}.beatmap-container:hover{opacity:100%}.beatmap-container:hover .complete-overlay{background-color:red}.beatmap-complete,.beatmap-download-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.beatmap-complete{cursor:pointer;left:2rem;position:absolute;text-align:center;text-shadow:none;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.1s ease-in;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.container-check{background-color:gray;border-radius:100%;color:#fff;padding:.5rem;transition:.1s ease-in}.container-check.complete{background-color:lime}.beatmap-complete:hover .container-check{background-color:#319431}.beatmap-complete:hover .container-check.complete{background-color:#00b400}.beatmap-download-info{position:absolute;right:6rem;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.beatmap-download-info .fa-solid{margin-right:.5rem}.beatmap-download,.beatmap-page,.fa-circle-info,.fa-download{transition:.1s ease-in}.beatmap-download:hover{color:#6dd2fd;cursor:pointer}.beatmap-download:hover>.fa-download{color:#6dd2fd}.beatmap-page:hover{color:#6dd2fd;cursor:pointer}.beatmap-page:hover>.fa-circle-info{color:#6dd2fd}.complete-text{transition:.1s ease-in;width:6rem}@media screen and (max-width:500px){.beatmap-complete{left:2.5vw}.beatmap-download-info{right:10%}}.beatmap-collection{display:grid;font-size:20px;font-weight:700;grid-template-columns:repeat(auto-fit,520px);justify-content:center;justify-items:center;margin-bottom:2rem}.title{background-color:#192124;border:2px solid rgba(44,60,70,.753);border-image-slice:1;border-image-source:linear-gradient(169deg,#fff,#308faca6);box-shadow:0 8px 20px 3px rgba(0,0,0,.4);height:70px;text-align:center;transition:all 1s ease;transition:width .75s ease;width:30vw}.fullWidth{width:90%!important}.title button{background:#263a44;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(270deg,#02014d 26%,#5900ff 35%,#c645b8 45%,#ff4e6f 55%,#f6f05c 65%,#7cff4f 75%,#4fc0ff 85%);background-size:100000%;border:none;color:transparent;cursor:pointer;-webkit-filter:brightness(150%);filter:brightness(150%);-webkit-filter:saturate(150%);filter:saturate(150%);font-size:24px;font-weight:900;height:100%;width:100%}.batch-button{display:flex;justify-content:center;margin-bottom:1rem}.title:hover{background-color:rgba(20,78,128,.3)}.loading{grid-gap:1rem;align-items:center;color:#fff;display:grid;gap:1rem;grid-template-columns:1fr;justify-content:center}.loading>*{margin:0 2rem}@media screen and (max-width:1600px){.title{width:480px}}@media screen and (max-width:500px){.title{width:95vw}}.loading-spinner{background-color:initial;height:20px;margin-bottom:1rem;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:20px}.loading-spinner__circle1{border:10px solid gray;border-radius:100%}.loading-spinner__circle1,.loading-spinner__circle2{background-color:initial;height:100%;position:absolute;width:100%}.loading-spinner__circle2{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-color:#fff #fff transparent transparent;border-radius:100%;border-style:solid;border-width:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.9a87e1a6.css.map*/