header.site-header{flex:0 1 auto;background-color:#1c1c1c;border-right:2px solid #4f6ac9}header.site-header nav.navbar{display:flex;flex-direction:column;max-height:100vh;padding:0 1em}header.site-header nav.navbar .navbar-items{height:88%;overflow-y:auto}header.site-header nav.navbar hr{color:#3b3b3b;border:1px solid #4f6ac9}header.site-header nav.navbar .navbar-section-header{padding:.25em .5em;background-color:#2d3449}header.site-header nav.navbar .navbar-logo,header.site-header nav.navbar .navbar-section,header.site-header nav.navbar .navbar-user,header.site-header nav.navbar .navbar-leftover{background-color:#1c1c1c}header.site-header nav.navbar .navbar-item.navbar-item-disabled{background-color:#3b3b3b}header.site-header nav.navbar .navbar-item.navbar-item-disabled:hover{background-color:#3b3b3b}header.site-header nav.navbar .navbar-item.secondary{background-color:#833232}header.site-header nav.navbar .navbar-item.secondary:hover{background-color:#a84040}header.site-header nav.navbar .navbar-item svg{width:25px;margin:0 .5em}header.site-header nav.navbar .navbar-item .navbar-item-badge{margin:0 .5em;padding:2px .25em;border-radius:5px;background-color:#4f6ac9}header.site-header nav.navbar .navbar-section{display:flex;flex-direction:column;justify-content:space-around;padding:.5em 0}header.site-header nav.navbar .navbar-logo{height:12%;border-bottom:2px solid #4f6ac9}header.site-header nav.navbar .navbar-logo-clickable{display:flex;flex-direction:row;justify-content:center;align-items:center;height:10vh}header.site-header nav.navbar .navbar-logo-clickable .navbar-logo-wrapper{font-size:1.6em}header.site-header nav.navbar .navbar-logo-clickable img{display:flex;padding:.25em;height:80%}header.site-header nav.navbar .navbar-profile{display:flex;border-radius:5px;padding:.25em;margin:.5em;height:7vh}header.site-header nav.navbar .navbar-profile img{background-color:#2d3449;padding:.25em;box-shadow:0 1px 3px #00000040;border-radius:20px}header.site-header nav.navbar .navbar-profile .navbar-profile-details{display:flex;flex-direction:column;padding:.5em}header.site-header nav.navbar .navbar-profile .navbar-profile-details .username{font-size:1.4em}header.site-header nav.navbar .navbar-profile .navbar-profile-details .navbar-user-roles{display:flex}header.site-header nav.navbar .navbar-profile .navbar-profile-details .navbar-user-roles .navbar-user-role{border-radius:5px;width:fit-content;padding:2px .25em;display:flex;align-items:center;margin-right:.25em}header.site-header nav.navbar .navbar-profile .navbar-profile-details .navbar-user-roles .navbar-user-role .navbar-user-role-icons{display:flex;align-items:center;margin-left:.25em}header.site-header nav.navbar .navbar-profile .navbar-profile-details .navbar-user-roles .navbar-user-role .navbar-user-role-icons .navbar-user-role-icon{margin:0 1px;width:20px;height:20px}header.site-header nav.navbar .navbar-profile .navbar-profile-details .navbar-user-roles .navbar-user-role .navbar-user-role-icons .navbar-user-role-icon svg{fill:#f7f6f2}header.site-header nav.navbar .navbar-active .navbar-item{background-color:#4f6ac9}header.site-header nav.navbar .navbar-active .navbar-item .navbar-item-badge{background-color:#3651af}header.site-header nav.navbar a{margin:.5em;font-size:1.2em;text-decoration:none;color:#f7f6f2;transition:background-color .3s}header.site-header nav.navbar a .navbar-item{display:flex;align-items:center;border-radius:10px;padding:.5em .25em}header.site-header nav.navbar a .navbar-item.osu-button{background-color:#8e2a56}header.site-header nav.navbar a .navbar-item.osu-button:hover{background-color:#671e3e}header.site-header nav.navbar a .navbar-item:hover{background-color:#4f6ac9}header.site-header nav.navbar a .navbar-item:hover .navbar-item-badge{background-color:#3651af}header.site-header nav.navbar a .navbar-item .react-icons{height:100%;fill:#f7f6f2;font-size:1.5em}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#212121;color:#4f6ac9;-webkit-user-select:none;user-select:none}.loading-container .loading-spinner{border:6px solid;border-color:#4f6ac9 #2d3449 #2d3449 #2d3449;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:20px}.loading-container .loading-text{font-size:1.5em;text-align:center;color:#f7f6f2}html,body{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%}*{font-family:Lato,Helvetica,sans-serif;color:#f7f6f2;line-height:1.1;margin:0}select{width:100%;min-width:15ch;max-width:30ch;border:1px solid var(--select-border);border-radius:.25em;padding:.5em 0;font-size:1rem;cursor:pointer;line-height:1.1;color:#f7f6f2;background-color:#2d3449;background-image:linear-gradient(to top,#2d3449,#2d3449 33%);box-shadow:none;outline:none}select select:focus{box-shadow:none;outline:none;border-color:#888}select option{background-color:#2d3449;color:#f7f6f2}select,select option{font-size:1em}@media only screen and (min-width: 801px) and (max-width: 1500px){.table-container table thead th.beatmap-table-mode-header,.table-container table tbody td.beatmap-mode-icon,.table-container table tbody td.beatmap-table-actions-cell .beatmap-discussion-button{display:none}}@media only screen and (max-width: 800px){body .App div.container{flex-direction:column}body .App div.container header.site-header{width:unset;border-right:unset}body .App div.container div.content-container{width:unset}body .App div.container div.content-container .beatmap-filter-row{flex-direction:column}body .App div.container div.content-container .beatmap-filter-row .beatmap-search-bar,body .App div.container div.content-container .beatmap-filter-row .beatmap-filter-row-buttons,body .App div.container div.content-container .beatmap-filter-row .quick-filters{flex-direction:column;align-items:stretch;width:100%}body .App div.container div.content-container .beatmap-filter-row .beatmap-search-bar button,body .App div.container div.content-container .beatmap-filter-row .beatmap-search-bar .beatmap-filter-textbox,body .App div.container div.content-container .beatmap-filter-row .beatmap-filter-row-buttons button,body .App div.container div.content-container .beatmap-filter-row .beatmap-filter-row-buttons .beatmap-filter-textbox,body .App div.container div.content-container .beatmap-filter-row .quick-filters button,body .App div.container div.content-container .beatmap-filter-row .quick-filters .beatmap-filter-textbox{margin:.25em 0;width:100%}body .ReactModal__Overlay{z-index:1000}body .ReactModal__Overlay .ReactModal__Content .actions-row{flex-direction:column;padding:1em!important}body .ReactModal__Overlay .ReactModal__Content .actions-row .actions-button-group{flex-direction:column;width:100%}body .ReactModal__Overlay .ReactModal__Content .actions-row .actions-button-group button{margin:.25em!important;justify-self:start;width:100%}body .ReactModal__Overlay .ReactModal__Content.user-searcher-modal{padding:unset;overflow:hidden}body .ReactModal__Overlay .ReactModal__Content.user-searcher-modal .user-searcher-content{flex-direction:column;gap:.5em;padding:.5em;height:100%}body .ReactModal__Overlay .ReactModal__Content.user-searcher-modal .user-searcher-content .user-searcher-hotbar>.user-searcher-header,body .ReactModal__Overlay .ReactModal__Content.user-searcher-modal .user-searcher-content .user-searcher>.user-searcher-header{border-top-left-radius:inherit;border-top-right-radius:inherit}body .ReactModal__Overlay .ReactModal__Content.user-searcher-modal .user-searcher-content .user-searcher-hotbar>.user-searcher-header~.user-searcher-header,body .ReactModal__Overlay .ReactModal__Content.user-searcher-modal .user-searcher-content .user-searcher>.user-searcher-header~.user-searcher-header{border-radius:unset}body .ReactModal__Overlay .ReactModal__Content.user-searcher-modal .user-searcher-content .user-searcher-hotbar,body .ReactModal__Overlay .ReactModal__Content.user-searcher-modal .user-searcher-content .user-searcher{width:100%;border:unset}body .ReactModal__Overlay .ReactModal__Content.user-searcher-modal .user-searcher-content .user-searcher .user-searcher-list{padding:unset;height:35vh}.table-container{border-radius:5px;background-color:unset}.table-container table{display:block;height:75vh;width:100%;border-collapse:collapse;overflow:unset}.table-container table thead{display:none}.table-container table tfoot{margin-top:.5em}.table-container table tbody,.table-container table tfoot{width:100%;display:flex;flex-direction:column;gap:.5em}.table-container table tbody tr,.table-container table tfoot tr{background-color:#2e2e2e;border-radius:5px;display:flex;flex-direction:column;width:100%}.table-container table tbody tr td,.table-container table tfoot tr td{display:flex;flex-direction:column;padding:.5em}.table-container table tbody tr .beatmap-banner-container,.table-container table tfoot tr .beatmap-banner-container{height:10vh}.table-container table .beatmap-mode-icon-wrapper{display:flex;flex-direction:row;justify-content:center}.table-container table .beatmap-table-note{display:none}.table-container table .beatmap-table-actions{display:flex;justify-content:space-evenly;width:100%;gap:.5em}.table-container table .beatmap-table-actions button{flex:1 1 0;width:100%}.table-container table .table-footer-end{align-items:stretch;flex-direction:column}.table-container table .table-footer-end div{margin-left:unset;padding-top:.5em}.table-container table .table-footer-end .table-footer-pagination{width:100%;justify-content:center}.table-container table .table-footer-end .table-footer-pagination .table-pagination{width:100%}.table-container table .table-footer-end .table-footer-pagination .table-pagination .beatmap-button{width:20%}}body .App{height:100vh;margin:0;background-color:#212121}body .App .container{background-color:#1c1c1c;display:flex;flex-flow:column;height:100vh;flex-direction:row}body .App .container .content-container{background-color:#212121;width:100%;height:100%;flex-direction:column;display:flex}body .App .container .page-container{padding:1em;overflow-y:auto}.custom-tooltip{background-color:#3b3b3b;padding:.25em;border-radius:5px}.custom-tooltip .label{font-weight:700}.react-icons{vertical-align:middle}.react-icons.icon-spin{-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear}@-webkit-keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.ReactModal__Overlay{opacity:0;transition:opacity .2s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}a{color:#527ad0;text-decoration:none}button,.button,.beatmap-button{font-size:1em;border-radius:5px}button:disabled,.button:disabled,.beatmap-button:disabled{cursor:default;opacity:.45;pointer-events:none}:disabled,.disabled{cursor:default;opacity:.45;pointer-events:none}.button-submit{background-color:#2d3449}.button-submit:hover{background-color:#404a69}.button-cancel{background-color:#a54e4b}.button-cancel:hover{background-color:#8c4240}.button-edit{background-color:#a57d5d}.button-edit:hover{background-color:#8f6c4f}.button-grave{background-color:#a5a5a5}.button-grave:hover{background-color:#939393}.button-text,.button-icon{color:#f7f6f2;fill:#f7f6f2}.message-container{padding:.5em}.message{padding:1em}.message.error-message{background-color:#fff6f6;box-shadow:inset 0 0 0 1px #e0b4b4,0 0 0 0 transparent;border-radius:10px}.message.error-message .header{font-weight:700;line-height:1.5}.message.error-message *{color:#a54e4b}button,.button{color:#f7f6f2;cursor:pointer;padding:1em;font-size:110%;border:1px solid rgb(38.1,38.1,38.1);transition:background-color .3s}button.accent,.button.accent{color:#f7f6f2;background-color:#4f6ac9}button.accent:hover,.button.accent:hover{background-color:#3651af}button.primary,.button.primary{color:#f7f6f2;background-color:#2d3449}button.primary:hover,.button.primary:hover{background-color:#404a69}button.osu-button,.button.osu-button{color:#f7f6f2;background-color:#8e2a56;border-color:#671e3e}button.osu-button:hover,.button.osu-button:hover{background-color:#7a244a}button.secondary,.button.secondary{color:#f7f6f2;background-color:#833232}button.secondary:hover,.button.secondary:hover{background-color:#712b2b}.page-spacer{flex:0 1 auto;padding-top:.5em;background-color:#212121}.footer{background-color:#181818}.role-nat{background-color:#a53d3c;color:#f7f6f2}.role-bn{background-color:#7249a5;color:#f7f6f2}.role-pbn{background-color:#995ba5;color:#f7f6f2}.role-retired{background-color:#696969;color:#f7f6f2}.role-user{background-color:unset;color:#f7f6f2}.beatmap-status-unfinished{background-color:#6253a5}.beatmap-status-pending{background-color:#538ea5}.beatmap-status-bubbled{background-color:#2b56a5}.beatmap-status-qualified{background-color:#2da533}.beatmap-status-ranked{background-color:#5aa500}.beatmap-status-popped{background-color:#a57d5d}.beatmap-status-disqualified{background-color:#a54e4b}.beatmap-status-graved{background-color:#a5a5a5}.Collapsible{background-color:#2d3449}.Collapsible__contentInner{border:1px solid rgb(112.544198895,42.955801105,42.955801105);border-top:0}.Collapsible__contentInner p{margin-bottom:10px;font-size:14px;line-height:20px}.Collapsible__contentInner p:last-child{margin-bottom:0}.textbox{display:flex;padding:.5em;flex-direction:column}.textbox:not(:first-child){margin-top:.5em}.textbox label{font-size:1em;margin-bottom:.25em}.textbox input{color:#040401}input[type=text]{padding:.5em 1em;margin:.5em 0;display:inline-block;border:1px solid #833232;border-radius:4px;box-sizing:border-box}input[type=checkbox]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f7f6f2;border-radius:5px;position:relative;box-sizing:content-box;width:1.3em;height:1.3em;border-width:0;transition:all .2s linear;margin:.5em}input[type=checkbox]:checked{background-color:#4f6ac9}input[type=checkbox]:focus{outline:0 none;box-shadow:none}.collapsible-parent-group .Collapsible__trigger{font-size:1.3em}.collapsible-parent-group .collapsible-child-group .Collapsible__trigger{font-size:unset}.Collapsible__contentInner{border:none}.Collapsible__trigger{display:block;text-decoration:none;position:relative;padding:.5em;color:#f7f6f2}.Collapsible__trigger:after{content:">";position:absolute;right:10px;top:10px;display:block;transition:transform .5s}.Collapsible__trigger.is-open:after{transform:rotate(180deg)}.Collapsible__trigger.is-disabled{opacity:.5;background-color:gray}::-webkit-scrollbar-track{background-color:#262626}::-webkit-scrollbar{width:10px;background-color:#262626}::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#212121}body .ReactModal__Overlay{background-color:#000000b3!important}body .ReactModal__Overlay .ReactModal__Content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body .ReactModal__Overlay{z-index:1000}body .ReactModal__Overlay .ReactModal__Content{max-height:100vh;overflow:auto;width:100%;box-shadow:#2e2e2e 0 0 0 4px;background-color:#2e2e2e}body .ReactModal__Overlay .ReactModal__Content .modal-container{width:100%;background-color:#2e2e2e}body .ReactModal__Overlay .ReactModal__Content .modal-container .sub-container{background-color:#212121;justify-self:stretch}body .ReactModal__Overlay .ReactModal__Content .modal-container .sub-container.actions{margin-top:.5em;display:flex;justify-content:flex-end;padding:1em}body .ReactModal__Overlay .ReactModal__Content .modal-container .sub-container.actions .button:not(:last-child){margin:0 .25em}body .ReactModal__Overlay .ReactModal__Content .modal-container .sub-container.actions .button{display:flex;align-items:center}body .ReactModal__Overlay .ReactModal__Content .modal-container .sub-container.actions .button .react-icons{margin-right:.25em}body .ReactModal__Overlay .ReactModal__Content .modal-container .sub-container .sub-container-content,body .ReactModal__Overlay .ReactModal__Content .modal-container .sub-container .sub-container-title{padding:1em}body .ReactModal__Overlay .ReactModal__Content .modal-container .sub-container .sub-container-title{font-size:1.3em;background-color:#2d3449}