.btn{align-items:center;background-color:#fff;border:1px solid #dbdbdb;border-radius:4px;color:#363636;cursor:pointer;display:inline-flex;font-size:1rem;height:2.5em;justify-content:center;line-height:1.5;padding:calc(.5em - 1px) 1em;position:relative;-webkit-user-select:none;user-select:none;vertical-align:top;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.btn:hover:not(:disabled){border-color:#b5b5b5}.btn:focus{outline:none;box-shadow:0 0 0 .125em #485fc740}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background-color:#00d1b2;border-color:transparent;color:#fff}.btn--primary:hover:not(:disabled){background-color:#00c7a9}.btn--primary:focus{box-shadow:0 0 0 .125em #00d1b240}.btn--info{background-color:#3e8ed0;border-color:transparent;color:#fff}.btn--info:hover:not(:disabled){background-color:#3388cd}.btn--info:focus{box-shadow:0 0 0 .125em #3e8ed040}.btn--success{background-color:#48c78e;border-color:transparent;color:#fff}.btn--success:hover:not(:disabled){background-color:#3ec488}.btn--success:focus{box-shadow:0 0 0 .125em #48c78e40}.btn--danger{background-color:#f14668;border-color:transparent;color:#fff}.btn--danger:hover:not(:disabled){background-color:#f0385c}.btn--danger:focus{box-shadow:0 0 0 .125em #f1466840}.icon{align-items:center;display:inline-flex;justify-content:center}.icon--small{height:1.5rem;width:1.5rem}.icon--medium{height:2rem;width:2rem}.icon--large{height:3rem;width:3rem}.icon--left{bottom:0;left:0;pointer-events:none;position:absolute;top:0;z-index:4}.icon--right{bottom:0;pointer-events:none;position:absolute;right:0;top:0;z-index:4}.login_notification_error{color:red;margin-bottom:10px}.form-field{margin-bottom:1.5rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:600}.input-wrapper{position:relative;display:grid;grid-template-columns:1fr}.input-wrapper input{grid-column:1;grid-row:1;width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #dbdbdb;border-radius:4px;font-size:1rem;box-sizing:border-box}.input-wrapper input:focus{outline:none;border-color:#3273dc;box-shadow:0 0 0 .125em #3273dc40}.input-wrapper .icon{grid-column:1;grid-row:1;justify-self:start;align-self:center;padding-left:.75rem;pointer-events:none}.button-spacer{display:inline-block;width:1rem}.modal-dialog{border:none;border-radius:4px;box-shadow:0 .5em 1em -.125em #0a0a0a1a,0 0 0 1px #0a0a0a05;max-width:640px;padding:0;width:calc(100% - 2rem)}.modal-dialog::backdrop{background-color:#00000080}.modal-card{display:flex;flex-direction:column}.modal-card__header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #dbdbdb;border-radius:4px 4px 0 0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-card__title{font-size:1.25rem;font-weight:600;margin:0}.modal-card__close{background:none;border:none;border-radius:4px;color:#363636;cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem .5rem}.modal-card__close:hover{background-color:#e8e8e8;color:#000}.modal-card__body{background-color:#fff;border-radius:0 0 4px 4px;padding:1.5rem}.navbar{display:flex;align-items:center;background-color:#30394a;border-bottom:1px solid #dbdbdb;padding:.5rem 1rem;gap:1rem}.navbar__brand{display:flex;align-items:center;gap:1rem}.navbar__burger{display:none;flex-direction:column;justify-content:center;width:52px;height:52px;background-color:transparent;border:none;cursor:pointer;padding:0}.navbar__burger span{display:block;height:2px;width:100%;background-color:#363636;margin:3px 0;border-radius:1px;transition:all .3s ease}.navbar__menu{flex:1;display:flex;align-items:center;gap:1rem}.navbar__item{background:none;border:none;padding:.5rem .75rem;cursor:pointer;color:#fff;font-size:1rem;white-space:nowrap;transition:color .2s ease}.navbar__item:hover{color:#3273dc}.navbar__item select{padding:.375rem .5rem;border:1px solid #dbdbdb;border-radius:4px;background-color:#fff;color:#363636;font-size:1rem;font-family:inherit;cursor:pointer}.navbar__item select:focus{outline:none;border-color:#3273dc;box-shadow:0 0 0 .125em #3273dc40}.navbar__container{display:flex;align-items:center;gap:1rem;margin-left:auto}.navbar__container--end{justify-content:flex-end}@media(max-width:1087px){.navbar{flex-wrap:wrap}.navbar__burger{display:flex}.navbar__menu{flex-basis:100%;order:3;display:none;flex-direction:column;width:100%;gap:0}.navbar--active .navbar__menu{display:flex}.navbar__container{margin-left:0}}section{outline:0}.editorContainer h1{font-size:20pt;font-weight:700;margin-bottom:10px}.tutorialLayout{position:absolute;bottom:30px;left:30px;width:400px;height:200px;border:1px solid #006888;background:#003748;box-shadow:0 0 5px #000;border-radius:5px;padding:10px;color:#fff;font-size:14pt}.tutorialLayout .container{position:relative}.tutorialLayout .buttonArea{position:absolute;right:0;bottom:0}.tutorialLayout button{margin-left:10px}.durationSelector input{-webkit-user-select:none;user-select:none;cursor:pointer}.durationSelector input.error{color:red;font-weight:700}.durationSelector .secondSelector{margin-top:10px}.durationSelector .timeElement{display:inline-block;text-align:center;width:40px;margin-right:5px;margin-bottom:5px;height:40px;line-height:40px;border-radius:20px;font-weight:700;cursor:pointer}.durationSelector .timeElement.selected{background-color:#30394a;color:#fff}.durationSelector .timeElement.notSelected{background-color:#fff;color:#000}.durationSelector .popover{background-color:#888;color:#fff;padding:5px 10px;border-radius:4px;width:200px;height:200px;font-size:13px;position:relative}.durationSelector .popover.hidden{display:none}.durationSelector .popover .popoverArrow{position:absolute;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #888 transparent;top:-10px;width:10px;height:10px}.timeLimitEditor .tlstar{max-width:30px;margin-right:3px}.timeLimitEditor .tlContainer{display:flex;align-items:center;margin-bottom:6px}.timeLimitEditor .tlContainer input{max-width:100px;text-align:center}.timeLimitEditor .tlstarContainer{text-align:right;min-width:100px;margin-right:10px;display:inline-block}.levelGrid{border:1px solid black;display:inline-block;line-height:0;-webkit-user-select:none;user-select:none}.gridRow{display:flex}.gridCol{width:65px;height:65px;display:flex;justify-content:center;align-items:center}.gridCol.checker{background-color:#ccc}.gridCol.canDrop{background-color:green}.gridCol.cannotDrop{background-color:red}.editorCenterColumn{text-align:center;min-width:672px}.editorNotification{border:1px solid #ccc;margin-top:20px;border-radius:8px;padding:10px}.draggableItem{display:inline-block}.levelButtonContainer{display:flex;flex-wrap:wrap}.levelButton{box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:14pt;margin-right:5px;margin-bottom:5px;border:1px solid #ccc;width:40px;height:40px;-webkit-user-select:none;user-select:none}.levelButton.invalid{background-color:red;color:#fff}.levelButton.selected.valid{border:3px solid #30394a;color:#000}.levelButton.selected.invalid{border:3px solid #30394a;background-color:red;color:#fff}.levelButton:not(.disabled){cursor:pointer}.levelButton.disabled{background-color:#ccc}.trashcan{border:1px solid black;height:80px;margin-top:50px;font-size:25pt;display:flex;justify-content:center;align-items:center}.trashcan.canDrop{background-color:green}.trashcan.cannotDrop{background-color:red}.modalErrMessage{margin-top:2em;color:red;font-weight:700}.sidebarButtonRow{margin-bottom:5px}.sidebarButton{cursor:pointer;border-width:1px;text-align:center;padding:.35em .75em;background-color:#fff;border-radius:4px;font-size:1rem;line-height:1.5em;margin-right:5px;min-width:150px}.deleteLevelButton,.levelNotModified{background-color:#ccc}.levelModified{background-color:#209cee;color:#fff}.editorRightBlock{-webkit-user-select:none;user-select:none}.editUserModal-form .form-field{margin-bottom:1.5rem}.editUserModal-form .form-field label{display:block;margin-bottom:.5rem;font-weight:600}.editUserModal-form .radio-group{display:flex;flex-direction:column;gap:.5rem}.editUserModal-form .radio-label{display:flex;align-items:center;font-weight:400;cursor:pointer;margin-bottom:0}.editUserModal-form .radio-label input[type=radio]{margin-right:.5rem;cursor:pointer}.editUserModal-form .radio-label input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.editUserModal-form .radio-label:has(input[type=radio]:disabled){opacity:.6;cursor:not-allowed}.editUserModal-form .form-field input[type=text]{width:100%;padding:.75rem;border:1px solid #dbdbdb;border-radius:4px;font-size:1rem;box-sizing:border-box}.editUserModal-form .form-field input[type=text]:focus{outline:none;border-color:#3273dc;box-shadow:0 0 0 .125em #3273dc40}.modal-error-message{color:#f14668;background-color:#fff5f7;border:1px solid #f14668;border-radius:4px;padding:.75rem;margin-bottom:1.5rem}.form-actions{display:flex;gap:1rem}.table{width:100%;border-collapse:collapse;background-color:#fff;margin-top:1rem}.table thead{background-color:#f5f5f5;border-bottom:2px solid #dbdbdb}.table th{padding:.75rem;text-align:left;font-weight:600;color:#363636;border-bottom:1px solid #dbdbdb}.table td{padding:.75rem;border-bottom:1px solid #dbdbdb;color:#363636}.table tbody tr:hover{background-color:#fafafa}.table tbody tr:last-child td{border-bottom:none}.editUserBtn{font-size:20pt;vertical-align:middle;margin-top:-3px;margin-right:20px;cursor:pointer;color:#3273dc;transition:color .2s ease}.delUserBtn{font-size:20pt;vertical-align:middle;margin-top:-3px;cursor:pointer;color:#f14668;transition:color .2s ease}.editUserBtn:hover{color:#1565c0}.delUserBtn:hover{color:#d61a4a}.passInvalid{box-shadow:0 0 5px red}body{margin:0;padding:0}html,body,#root,.container{height:100%}.columns{display:flex;flex-wrap:wrap;margin:-.75rem}.columns--centered{justify-content:center}.column{flex:1;padding:.75rem}.column--half{flex:none;width:50%}.column--one-quarter{flex:none;width:25%}.loginViewContainer{height:100%;display:flex;justify-content:center;align-items:center}.section{padding:3rem 1.5rem}.loginViewBox{border:1px solid #ccc;box-shadow:0 0 8px #888;border-radius:5px;padding:20px}.importLevelsDropzone{height:100px;border:1px dashed gray;display:flex;align-items:center;justify-content:center;cursor:pointer}