@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{font-family:Inter,sans-serif;color-scheme:light dark;--main-color: #ca8fab;--dark-color: #191919;--dark-secondary-color: #b7a5b0;--dark-complimentary-color: #18141a;--main-text-color: #ca8fab;--main-complimentary-color: #ca8fab;--main-secondary-color: #e0bece;--main-tertiary-color: #987777;--main-warning: #ff6961;color:var(--main-color);background-color:var(--dark-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:960px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}input{background-color:var(--dark-complimentary-color);border:1px solid var(--main-complimentary-color);opacity:.8;border-radius:6px;padding:.6em 1.2em;font-size:1em;font-family:inherit}button{border-radius:28px;border:1px solid transparent;font-family:inherit;color:var(--dark-color);background-color:var(--main-complimentary-color);cursor:pointer;transition:background-color .3s}button:hover{transition:all .3s;background-color:var(--main-secondary-color)}.title{text-align:center;padding-bottom:3rem}@media only screen and (max-width: 768px){body{min-width:0}}.input-container{margin-bottom:1rem}.input-container p{font-size:.9rem;margin-bottom:.5rem;color:var(--main-text-color);text-align:left}.input-field{width:500px;padding:.5rem;font-size:1rem;box-sizing:border-box}.button-container{margin-top:1rem}button{padding:.5rem 1rem;font-size:1rem;cursor:pointer}button:disabled{background-color:gray;cursor:not-allowed}:root{--loading-color: linear-gradient(90deg, var(--main-color) 25%, var(--main-complimentary-color) 50%, var(--main-color) 75%)}.beatmap-skeleton{display:flex;margin-bottom:16px;padding:12px;border-radius:4px;background-color:var(--dark-complimentary-color);transition:all .3s ease}.beatmap-skeleton.loading{animation:pulse 1.5s infinite ease-in-out}.beatmap-cover{width:80px;height:80px;background-color:var(--dark-complimentary-color);margin-right:16px;border-radius:4px}.beatmap-info{flex:1;display:flex;flex-direction:column}.beatmap-id{font-weight:700;margin:0 1rem;align-content:center}.beatmap-title{height:.8rem;margin:.5rem 0;width:100%}.beatmap-artist{height:.5rem;width:90%;margin-bottom:.5rem}.beatmap-mapper{height:.5rem;width:80%;margin-bottom:1rem}.beatmap-status{font-size:.9em;align-content:center;color:var(--dark-secondary-color)}.skeleton-box{background:var(--loading-color);background-size:200% 100%;animation:shimmer 2s infinite}.skeleton-text{background:var(--loading-color);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.beatmap-display{display:flex;align-items:center;margin-bottom:1rem;padding:.8rem;border-radius:4px;background-color:var(--dark-complimentary-color);transition:all .3s ease;width:100%;box-sizing:border-box;max-width:100%;position:relative}.beatmap-progress{opacity:.4;background-color:var(--main-color);height:85%;max-height:none;border-radius:8px;box-sizing:border-box;overflow:hidden;z-index:10;position:absolute}.beatmap-display .beatmap-cover{width:80px;height:80px;object-fit:cover;margin-right:16px;border-radius:4px}.beatmap-display .beatmap-info{text-align:left;overflow:hidden;text-overflow:ellipsis;min-width:0;white-space:nowrap;width:100%}.beatmap-display .beatmap-id,.beatmap-display .beatmap-title{font-weight:700}.maps-popup{position:fixed;top:0;right:-20%;width:20%;height:100vh;background-color:var(--dark-complimentary-color);z-index:1000;transition:right .5s ease;display:flex;flex-direction:column}.maps-popup.open{right:0}.maps-popup-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--main-complimentary-color)}.maps-popup-header h3{margin:0;font-size:18px}.maps-popup-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:15px}.mobileHidden{display:none}@media (max-width: 768px){.maps-popup{width:280px}}@media only screen and (max-width: 768px){div.mobileHidden{display:block}div.desktop{display:none}}.map-limit-warning{color:var(--main-warning);margin-top:10px}.interactable{display:flex;flex-direction:column;align-items:center}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}