html,body,#root{background:#1f1f1f;height:100%;width:100%;display:flex;flex-direction:column}.zamdle{height:100%;width:100%}.zamdle-login{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.zamdle-login .login-content{display:flex;flex-direction:column;align-items:center}.zamdle-login .login-content .zamdle-title{font-size:5em;font-weight:1000;margin:0;text-align:center}.zamdle-login .login-content .zamdle-subtitle{font-style:italic;margin-top:0}.zamdle-login .login-content .login-button{margin-top:1rem}.zamdle-login .login-content .login-button a{text-decoration:none}.zamdle-button{height:fit-content;cursor:pointer;border-radius:.25rem;background:#00aaff;padding:1rem;color:#fff;text-align:center;font-family:Sofia Sans;font-size:1rem;font-style:normal;font-weight:700;line-height:1rem;letter-spacing:.07813rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.zamdle-button:not(.disabled):hover{background:linear-gradient(0deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.16) 100%),#00aaff}.zamdle-button:not(.disabled):active{background:linear-gradient(0deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,.32) 100%),#00aaff}.zamdle-button.disabled{opacity:.2;color:#303030;cursor:default}.zamdle-review{height:100%;width:100%;display:flex;flex-wrap:wrap;flex-direction:column}.zamdle-review .sidebar{background-color:#141414;width:20rem;overflow:scroll;height:100vh}.zamdle-review .sidebar-header{text-align:center}.zamdle-review .sidebar .zamdles-list-footer{display:flex;align-items:center}.zamdle-review .sidebar .zamdles-list-footer .zamdle-page-button{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.zamdle-review .sidebar .zamdles-list-footer .zamdle-page-input{text-align:center;width:20rem}.zamdle-review .sidebar .zamdles-list{display:flex;flex-direction:column}.zamdle-review .sidebar .zamdles-list .zamdle-list-item{cursor:pointer;padding:10px;border-bottom:1px solid #7c7c7c;display:flex;align-items:center;justify-content:center}.zamdle-review .sidebar .zamdles-list .zamdle-list-item:hover{background-color:#282828}.zamdle-review .main{height:100%;width:calc(100% - 20rem);display:flex;align-items:center;justify-content:center;flex-direction:row;gap:4rem}.zamdle-review .main .home-container{text-align:center;gap:1rem}.zamdle-review .main .home-container .home-content{display:flex;align-items:center;justify-content:center;gap:2rem}.zamdle-review .main .home-container .home-content .left-side{display:flex;text-align:center;align-items:center;justify-content:center}.zamdle-review .main .home-container .home-content .right-side h1{margin-bottom:20px}.zamdle-review .main .home-container .home-content .right-side .input-group{padding-bottom:2rem}.submission-editor-modal{background-color:#292929;outline:none;border-radius:.25rem;display:flex;height:90%;width:40.5rem;justify-content:center;align-items:center}.submission-editor-modal .zamdle-submission-editor{display:flex;height:100%;width:100%;border-radius:.25rem;flex-direction:column}.submission-editor-modal .zamdle-submission-editor .submission-editor-header{display:inline-flex;padding:1rem;justify-content:space-between;align-items:center;background-color:#141414;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.submission-editor-modal .zamdle-submission-editor .submission-editor-header-title{color:#fff;font-family:Sofia Sans;font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.25rem;letter-spacing:.07813rem;text-transform:uppercase}.submission-editor-modal .zamdle-submission-editor .submission-editor-header-close{color:#0af;text-align:right;font-family:Sofia Sans;font-size:.8125rem;font-style:normal;font-weight:700;line-height:.8125rem;letter-spacing:.07813rem;text-transform:uppercase;cursor:pointer}.submission-editor-modal .submission-editor-loading{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.submission-editor-modal .submission-editor-container{height:100%;width:100%;display:flex;flex-direction:column}.submission-editor-modal .submission-editor-container .submission-editor-form{padding:32px}.submission-editor-modal .submission-editor-container .submission-editor-form .submission-submit-button{float:right}.submission-editor-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.zamdle-input-container{display:flex;flex-direction:column;padding-bottom:2rem}.zamdle-input-container .zamdle-input-label{font-family:Sofia Sans;font-size:14px;font-weight:700;line-height:16px;letter-spacing:1.25px;text-align:left;text-transform:uppercase;padding-bottom:.5rem}.zamdle-input-container .zamdle-input-label:has(+input:required):after{content:"*";color:#d00;padding-left:2px}.zamdle-input-container .zamdle-input{height:1.5rem;padding:8px;gap:10px;border-radius:2px}.zamdle-input-container .zamdle-input:focus,.zamdle-input-container .zamdle-input:focus-visible{outline:none;border:2px solid #00aaff;box-shadow:0 4px 4px #00000052 inset}.rank-selector{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.rank-selector .rank{display:flex;width:3.5rem;height:5rem;padding:1.125rem .75rem .5rem;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.rank-selector .rank.selectable{cursor:pointer}.rank-selector .rank .rank-image{height:100%;width:100%;border-radius:.5rem;object-fit:contain}.rank-selector .rank.selectable:hover{background:#003d5c}.rank-selector .rank.selected{background:#0074ad}.rank-selector .rank.selectable:hover,.rank-selector .rank.selected{border-radius:.5rem;outline:4px solid #00aaff}.rank-selector .rank.selectable:hover:before,.rank-selector .rank.selected:before{content:attr(data-label);position:absolute;margin-top:-8rem;display:flex;padding:.25rem .5rem;justify-content:center;align-items:center;gap:.625rem;border-radius:.125rem;background:linear-gradient(0deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.16) 100%),#0af;box-shadow:0 0 8px #0000003d;color:#fff;text-align:center;font-family:Sofia Sans;font-size:1.5rem;font-style:normal;font-weight:700;line-height:100%;letter-spacing:.08rem;text-transform:uppercase}:root{color:#fff;background-color:#1f1f1f;font-family:Sofia Sans,sans-serif}html,body,#root{height:100%;width:100%;margin:0}
