.styled-button{display:block;background-color:#6441a5;color:#fff;padding:10px 20px;margin:10px 0;border:none;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:background-color .2s ease;text-decoration:none}.styled-button.logged-in{background:rgba(100,65,165,.4196078431);font-size:1rem;margin:5px 0 0}.styled-button:hover{background-color:#5e3f96}.styled-button:disabled{opacity:.5;cursor:not-allowed}.styled-button.secondary{background-color:#c5c5c5;color:#333}.styled-button.secondary:hover{background-color:#b3b3b3}.debug-button{position:absolute;bottom:20px;right:20px}a{color:#6441a5}a.styled-button{color:#fff}.submit-button{float:right}.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:5rem}.zamdle-dashboard{height:100%;width:100%;display:flex;justify-content:center;flex-wrap:wrap}.zamdle-dashboard .no-submissions-link{text-align:center}.zamdle-dashboard .no-submissions-link a{color:#fff}.zamdle-dashboard .submissions-list,.zamdle-dashboard .queue-list{display:flex;flex-direction:column;max-width:100%;margin:2rem;width:40rem}.zamdle-dashboard .submissions-list .list-header,.zamdle-dashboard .queue-list .list-header{width:100%;background-color:#009090;text-align:center}.zamdle-dashboard .submissions-list .list,.zamdle-dashboard .queue-list .list{height:100%;width:100%;color:#000}.zamdle-dashboard .submissions-list .list .list-item,.zamdle-dashboard .queue-list .list .list-item{display:flex;align-items:center;background-color:#fff}.zamdle-dashboard .submissions-list .list .list-item .list-item-rank,.zamdle-dashboard .queue-list .list .list-item .list-item-rank{height:5rem;width:10rem;display:flex;align-items:center;justify-content:center;font-size:3em}.zamdle-dashboard .submissions-list .list .list-item .list-item-name,.zamdle-dashboard .queue-list .list .list-item .list-item-name{height:100%;font-size:1.2em;text-align:center}.zamdle-dashboard .submissions-list .list .list-item .list-item-score,.zamdle-dashboard .queue-list .list .list-item .list-item-score{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding-left:1rem;font-size:1.5em;font-weight:1000;text-align:center}.zamdle-dashboard .submissions-list .list .list-item .list-item-score .list-item-score-subtitle,.zamdle-dashboard .queue-list .list .list-item .list-item-score .list-item-score-subtitle{font-weight:400;padding-left:.5rem;padding-right:1rem}.zamdle-logged-in{height:100%;width:100%}.zamdle-logged-in .zamdle-title{margin:2rem 0rem;font-size:5em;font-weight:1000;text-align:center}.zamdle-navigation-container{height:100%}.zamdle-navigation-container .navigation-divider{width:50%;margin:2rem auto}.zamdle-navigation-container .zamdle-navigation{width:100%;display:flex;justify-content:center}.zamdle-navigation-container .zamdle-navigation .zamdle-navigation-links{width:50rem;display:flex;justify-content:space-around;flex-wrap:wrap}.zamdle-navigation-container .zamdle-navigation .zamdle-navigation-links a{background-color:#009090;padding:1rem 2rem;color:#fff;text-decoration:none;cursor:pointer}.zamdle-navigation-container .zamdle-navigation .zamdle-navigation-links a:hover{box-shadow:inset 1px 2px 5px #000;transform:translateY(1px);background:#009090}.zamdle-navigation-container .zamdle-navigation .zamdle-navigation-links .navigation-link{margin-bottom:.5rem}.zamdle-navigation-container .zamdle-navigation .zamdle-navigation-links .navigation-link:hover,.zamdle-navigation-container .zamdle-navigation .zamdle-navigation-links .navigation-link.active{box-shadow:inset 1px 2px 5px #000;transform:translateY(1px);background:#004e4e}.zamdle-navigation-container .zamdle-content{display:flex;align-items:center;justify-content:center}.zamdle-leaderboard{height:100%;width:60rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.zamdle-leaderboard .leaderboard-header{width:100%;background-color:#009090;text-align:center}.zamdle-leaderboard .leaderboard-list{height:100%;width:100%;color:#000}.zamdle-leaderboard .leaderboard-list .leaderboard-list-item{display:flex;align-items:center;background-color:#fff}.zamdle-leaderboard .leaderboard-list .leaderboard-list-item .leaderboard-list-empty{text-align:center;font-size:2em;padding:2rem;width:100%}.zamdle-leaderboard .leaderboard-list .leaderboard-list-item .leaderboard-list-item-rank{height:5rem;width:10rem;display:flex;align-items:center;justify-content:center;font-size:3em}.zamdle-leaderboard .leaderboard-list .leaderboard-list-item .leaderboard-list-item-name{height:100%;width:100%;font-size:1.2em}.zamdle-leaderboard .leaderboard-list .leaderboard-list-item .leaderboard-list-item-score{display:flex;align-items:center;justify-content:center;height:100%;width:10rem;font-size:1.5em;font-weight:1000}.zamdle-leaderboard .leaderboard-list .leaderboard-list-item .leaderboard-list-item-score .leaderboard-list-item-score-subtitle{font-weight:400;padding-left:.5rem;padding-right:1rem}.zamdle-form{display:flex;max-width:600px;margin:0 auto;align-items:center;justify-content:center;flex-direction:column}.zamdle-form .error-message{color:red;font-size:14px;font-weight:700;margin-bottom:1rem;margin-top:0rem}.zamdle-form header h1{font-size:3em}.zamdle-form header h2{font-size:1em;font-weight:400}.zamdle-form input,.zamdle-form select,.zamdle-form textarea{padding:10px;border:none;border-radius:5px;font-size:1.2rem;transition:background-color .2s ease}.zamdle-form textarea{font-size:1rem}.zamdle-form .username-input{margin-right:1rem;text-align:center}.zamdle-form hr{width:80%;margin:2rem auto}.zamdle-form label{margin:.5rem 0;font-size:1.2rem;font-weight:700;text-align:left;display:block}.zamdle-form .form-inputs{width:100%}.zamdle-form .form-inputs .form-field{margin-bottom:1.5rem}.zamdle-form .form-inputs .video-link-input,.zamdle-form .form-inputs .tracker-link-input,.zamdle-form .form-inputs .valorant-name-input{width:100%}.zamdle-form .form-inputs .error-message{color:#fd5959;font-weight:700;font-size:1.2em}.zamdle-form .form-inputs .success-message{color:#59fd97;font-weight:700;font-size:1.2em}.zamdle-form .optional-text{font-size:.8rem;font-weight:400}.zamdle-form .comments-area .comments-input{height:8rem;width:100%}.zamdle-form .rank-selection .ranks-container{margin-top:20px}.zamdle-form .rank-selection .ranks-container img{max-width:66px;transition:filter .25s ease,opacity .25s ease}.zamdle-form .rank-selection .ranks-container img:hover{cursor:pointer}.zamdle-form .rank-selection .ranks-container img.not-selected{filter:grayscale(85%);opacity:.4}.zamdle-form .rank-selection .rank-title{text-align:center;text-transform:capitalize;font-style:italic;color:#929292}.zamdle-form .rank-selection .rank-title.iron{color:#e7e8e7}.zamdle-form .rank-selection .rank-title.bronze{color:#b59670}.zamdle-form .rank-selection .rank-title.gold{color:#efcf57}.zamdle-form .rank-selection .rank-title.ascendant{color:#3cb57b}.zamdle-form .rank-selection .rank-title.silver{color:#def9ef}.zamdle-form .rank-selection .rank-title.platinum{color:#52d3de}.zamdle-form .rank-selection .rank-title.immortal{color:#e3766c}.zamdle-form .rank-selection .rank-title.diamond{color:#c689f7}.zamdle-form .rank-selection .rank-title.radiant{color:#ffffb2}.zamdle-form .rank-selection .radiant img{margin:0 10px;height:21px}.zamdle-form .section-header{text-align:center}:root{color:#fff;background-color:#1a1a1a;font-family:Sofia Sans,sans-serif}html,body,#root{height:100%;width:100%;margin:0}