@import"https://fonts.googleapis.com/css2?family=Roboto";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400&display=swap";:root{--headings-font-family: "Merriweather";--default-font-family: "Roboto";--fallback-font-family: sans-serif;--primary-color: #61f2ff;--muni-primary-color: #0000dc;--muni-secondary-color: #00006b;--muni-tertiary-color: #000000;--ped-color: #ff7300;--comment-color: #808080;--positive-color: #0fff00;--negative-color: #ff4d4d;--default-font-size: 130%;--font-size-large: 150%;--font-size-smaller: 100%;--font-size-small: 75%;--regular-text-indent: 2em;--button-background-color: #f4f4f4;--button-border-width: 3px;--hr-custom-height: 3px;--hover-brightness-filter: brightness(1.3);--close-icon: url(/build/assets/close-h7gQOCDI.webp);--google-logo: url(/public/images/homepage/icons/google-logo.webp)}*{margin:0;padding:0}.required{color:red}body{font-family:var(--default-font-family),var(--fallback-font-family);font-size:var(--default-font-size);line-height:1.6;margin:0;padding:20px;background-color:#111;color:#fff;box-sizing:border-box}header,nav,main,aside,footer{padding:20px;margin-bottom:20px;background:#666;border-radius:5px;box-sizing:border-box}header{background:#333;color:#fff;margin-bottom:20px}.header-content{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:1em}nav ul{list-style-type:none;background-color:#eee;text-align:center}nav ul li{display:inline;margin:0 10px}nav ul li a{text-decoration:none;font-weight:700;color:#333}main{width:100%;border-radius:5px}aside{float:right;width:25%;background-color:#fff;padding:10px}footer{clear:both;text-align:center;padding:10px;background-color:var(--muni-secondary-color);color:#fff}p{text-indent:var(--regular-text-indent)}h2{font-family:var(--headings-font-family),var(--fallback-font-family);text-align:center;color:var(--muni-primary-color);font-size:var(--default-font-size)}.error-message{color:var(--negative-color)}.no-user-interaction{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 1440px){h2,p,button{font-size:var(--font-size-large)}}@media screen and (max-width: 992px){h2,p,button{font-size:var(--font-size-smaller)}}@media screen and (max-width: 768px){h2,p,button{font-size:var(--font-size-small)}}.italics{font-style:italic}.google-sign-in-button button,#logout-button{background-color:#fff;color:#000;border:none;padding:.5em;border-radius:3px;font-family:Arial,sans-serif;font-size:16px;display:flex;align-items:center;justify-content:center}.google-sign-in-button img{margin-right:.5em;width:1.5em;height:1.5em}.user-info{display:flex;align-items:center;justify-content:space-between;gap:1em}.user-info.hidden,.google-sign-in-button.hidden{display:none}#logout-button{background-color:#f44336;color:#fff}#logout-button:hover{background-color:#d32f2f}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000b3}.modal-content{background-color:#fefefe;color:#000;margin:10% auto;padding:20px;border:7px solid var(--muni-secondary-color);border-radius:15px;width:85%;animation-name:fade-in;animation-duration:.5s}.fade-in{animation:fade-in .5s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;width:100%}#modal-title{text-align:center;width:100%;color:var(--muni-primary-color)}.close-button{background-image:var(--close-icon);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:15px;border:#000 solid 2px;aspect-ratio:1/1;width:30px;color:#aaa;float:right;font-size:28px;font-weight:700}.close-button:hover,.close-button:focus{color:#000;text-decoration:none;cursor:pointer;filter:opacity(75%)}#password{padding:10px;margin:5px 0;border:2px solid #959595;border-radius:5px;font-size:16px}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline;cursor:pointer}button{background-color:var(--button-background-color);color:var(--muni-primary-color);border:var(--button-border-width) outset var(--muni-primary-color);padding:5px;transition:all .2s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button:hover{cursor:pointer;filter:var(--hover-brightness-filter)}button:active{animation:click-effect .2s ease-in-out}@keyframes click-effect{0%,to{transform:scale(1)}50%{transform:scale(.97)}}button:disabled{opacity:.3}button:disabled:hover{cursor:not-allowed;filter:none}button:disabled:active{animation:none}.container{width:80%;margin:auto;overflow:hidden}.grayscale{filter:grayscale(100%)}.center{text-align:center}.justify{text-align:justify;word-break:break-word;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto}.game-image{width:75%;margin:2% auto;border-radius:20px}.modal-image{display:flex;width:22rem;margin:1rem auto;border-radius:20px}@media screen and (max-width: 992px){.modal-image{width:17rem;margin:.85rem auto}}@media screen and (max-width: 768px){.modal-image{width:14rem;margin:.75rem auto}}@media screen and (max-width: 576px){.modal-image{width:8rem;margin:.6rem auto}}.logo-university,.logo-faculty{display:flex;margin:10px auto;padding:5px;background-color:#000}.logo-university{background-color:var(--muni-primary-color)}.logo-faculty{background-color:var(--ped-color)}.flex-container{display:flex}.flex-row-wrap{flex-flow:row wrap}.flex-row-nowrap{flex-flow:row nowrap}.flex-column{flex-direction:column}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.game-list-title{margin:auto;background-color:var(--button-background-color);border:var(--muni-secondary-color) solid .25rem;width:50%}.game-buttons-container{display:grid;margin:2% auto;grid-template-columns:repeat(3,1fr)}@media screen and (max-width: 768px){.game-buttons-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 576px){.game-buttons-container{grid-template-columns:1fr}}.game-buttons-item button{font-family:var(--headings-font-family),var(--fallback-font-family);width:90%;font-size:100%;font-weight:bolder;padding:2%;margin:2% auto}.game-buttons-item{border:var(--muni-secondary-color) solid .5rem;border-radius:10px;background-color:var(--muni-tertiary-color);padding:3%;margin:2%}.game-specs-item{background-color:var(--muni-secondary-color);padding:1rem;margin:1rem;color:#fff;width:25rem;text-align:center}.replay-star{margin:5px auto}button.play-game{font-family:var(--headings-font-family),var(--fallback-font-family);box-sizing:border-box;width:10rem;font-size:150%;border-width:.5rem;font-weight:bolder;min-height:4rem;margin:2%;padding:1rem}.app-button{border:2px solid #FFBF00;background:transparent;color:#ffbf00;text-decoration:none;transition:.3s;box-sizing:border-box;letter-spacing:1px;display:inline-block;border-radius:50px;font-size:14px;padding:10px 30px}.button-inverted{background:#ffbf00;color:#000}.button-inverted:hover{color:#ffbf00!important;background:transparent!important}.app-button--white{border:1px solid #fff;color:#fff}.app-button--white:hover{color:#fff!important;background:#ffbf00;border:1px solid #FFBF00}.app-button--text{border:none;font-size:15px;display:inline-block;text-decoration:none;color:#ffbf00;font-size:16px;transition:.3s}.app-button--text:hover{color:#fff;background:none!important}.app-body-content-button{float:right;font-size:16px;padding:15px;margin-top:30px}@media only screen and (max-width: 1024px){.app-body-content-button{padding:10px;font-size:15px}}@media only screen and (max-width: 800px){.app-body-content-button{width:100%}}.app-button:hover{background:#ffbf00;color:#fff;cursor:pointer}.panel-heading{font-family:Qualy;font-weight:500}.panel-text-light{font-family:GalanoGrotesque-Light;font-weight:300}.admin-panel{height:45px;background:#000;position:fixed;bottom:0;width:100%;box-sizing:border-box;padding-left:30px;padding-right:20px;display:flex;align-items:center;z-index:999}@media only screen and (max-width: 500px){.admin-panel{padding-left:15px;padding-right:15px}}@media only screen and (max-width: 440px){.admin-panel{display:none}}.admin-panel-item{display:flex;align-items:center;text-decoration:none}.admin-panel-item:not(:first-of-type){margin-left:30px}@media only screen and (max-width: 500px){.admin-panel-item:not(:first-of-type){margin-left:15px}}.admin-panel-item .admin-panel-item__text{margin-left:10px}.admin-panel-item .admin-panel-item__text span{font-size:14px;color:#fff;text-decoration:none;transition:.3s}.admin-panel-item:hover .admin-panel-item__icon svg{fill:#ffbf00}.admin-panel-item:hover .admin-panel-item__text span{color:#ffbf00}.admin-panel-item__icon svg{transition:.3s;width:18px;fill:#fff}.admin-panel-button{margin-left:30px;padding:5px 30px}@media only screen and (max-width: 750px){.admin-panel-button{display:none!important}}.admin-panel-item__logged-users{margin-left:auto;display:flex;align-items:center}.admin-panel-item__logged-users .admin-panel-item__logged-users-icon svg{width:17px;fill:#ffbf00}@media only screen and (max-width: 1024px){.admin-panel-item__logged-users{display:none}}.admin-panel-item__logged-users-text{color:#fff;font-size:14px;margin-left:11px}.admin-panel-item__logoff{margin-left:55px}.admin-panel-item__logoff svg{width:20px;fill:#fff;transition:.3s}.admin-panel-item__logoff form button{border:none;background:none}.admin-panel-item__logoff:hover svg{fill:#ffbf00;cursor:pointer}@media only screen and (max-width: 1024px){.admin-panel-item__logoff{display:none}}.cookie-consent{position:fixed;bottom:40px;right:120px;max-width:620px;width:100%;background:#1d1d1d;display:none;flex-direction:column;box-sizing:border-box;padding:40px 30px;line-height:1.5;z-index:999}@media only screen and (max-width: 1366px){.cookie-consent{max-width:440px}}@media only screen and (max-width: 1024px){.cookie-consent{bottom:35px;right:110px}}@media only screen and (max-width: 768px){.cookie-consent{right:65px}}@media only screen and (max-width: 576px){.cookie-consent{justify-content:center;width:100%;max-width:100%;right:0;bottom:0;padding-left:20px;padding-right:20px}}.cookie-consent-dark{position:fixed;bottom:70px;left:70px;max-width:520px;width:100%;background:#333;font-family:var(--headings-font-family);font-weight:300;font-size:14px;display:none;justify-content:space-between;align-items:flex-end;flex-direction:row;box-sizing:border-box;padding:30px 25px;line-height:1.5;z-index:999}@media only screen and (max-width: 1024px){.cookie-consent-dark{bottom:35px;left:35px}}@media only screen and (max-width: 576px){.cookie-consent-dark{flex-direction:column;justify-content:center;text-align:center;width:100%;left:0;bottom:0;padding:20px 25px}}.cookie-consent-dark span{max-width:320px;width:100%}@media only screen and (max-width: 576px){.cookie-consent-dark span{margin:auto}}.cookie-consent__heading{font-family:var(--headings-font-family);font-size:18px;color:#fff;display:block}.cookie-consent__message{margin-top:10px;color:#fff;font-family:var(--default-font-family);font-weight:300;font-size:14px}@media only screen and (max-width: 1366px){.cookie-consent__message{max-width:280px}}@media only screen and (max-width: 576px){.cookie-consent__message{font-size:13px;max-width:250px}}.cookie-consent__buttons-row{margin-top:10px;display:flex}.cookie-consent__agree,.cookie-consent__refuse,.cookie-consent__detail,.cookie-consent__save-changes{transition:.3s;color:#fff;font-size:16px;text-decoration:none;text-align:center;border:none;font-family:var(--headings-font-family);font-weight:300;text-decoration:underline;background:none}.cookie-consent__agree:hover,.cookie-consent__refuse:hover,.cookie-consent__detail:hover,.cookie-consent__save-changes:hover{cursor:pointer;color:#fb0}.cookie-consent__details{display:none}.cookie-consent__agree,.cookie-consent__refuse{margin-left:30px}.cookie-consent__checkbox{margin-left:20px;margin-top:5px}.cookie-consent__checkbox .input-checkbox{font-family:var(--default-font-family);font-weight:300}.cookie-consent__checkbox__essential .form-checkbox-container input:checked~.form-checkbox-checkmark{background:#3d3d3d;border:1px solid #3d3d3d}.cookie-consent__checkboxes-row{margin-top:10px;display:flex;flex-wrap:wrap;margin-left:-20px}input:-webkit-autofill{background-color:transparent!important;-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important}.form{width:100%;display:inherit;justify-content:inherit;align-items:inherit;flex-direction:inherit}@media only screen and (max-width: 800px){.form .app-btn{width:100%}}.app-form-inputs-row{width:100%}@media only screen and (max-width: 1366px){.app-form-inputs-row{margin-top:0}}.app-form-inputs-checkbox-row{display:flex;flex-wrap:wrap;width:100%;margin:0 0 0 -20px}.app-form-inputs-checkbox-row .app-form-inputs-col{margin-left:20px}@media only screen and (max-width: 576px){.app-form-inputs-checkbox-row .app-form-inputs-col{margin-left:0}}@media only screen and (max-width: 576px){.app-form-inputs-checkbox-row{margin:0;flex-direction:column}}.app-form-inputs-col{display:flex;flex-direction:row;justify-content:space-between}@media only screen and (max-width: 820px){.app-form-inputs-col{flex-direction:column}}.app-form-inputs-col:first-child .app-input{margin-top:0}.app-input{width:100%;display:flex;flex-direction:column;position:relative;margin-top:52px}@media only screen and (max-width: 576px){.app-input{margin-top:30px}}.input-checkbox{width:auto}.form-label{font-size:18px;font-weight:300;font-style:normal;color:#777;transition:.3s;position:absolute;top:0;letter-spacing:.5px;font-weight:500}@media only screen and (max-width: 576px){.form-label{font-size:16px}}.app-input .form-checkbox-container{text-align:left;font-weight:300;font-style:normal;color:#fff;font-size:18px}.app-input .form-checkbox-container .form-checkbox-text{position:relative;top:5px;margin-left:15px}@media only screen and (max-width: 576px){.app-input .form-checkbox-container{font-size:16px}}.input-checkbox--small .form-checkbox-container{font-size:14px;color:#fff;padding-left:25px;margin-bottom:0}.input-checkbox--small .form-checkbox-checkmark{height:15px;width:15px}.input-checkbox--small .form-checkbox-container .form-checkbox-checkmark:after{left:4px;top:2px;width:4px;height:8px}.form-checkbox-container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.form-checkbox-checkmark{position:absolute;top:0;left:0;height:30px;width:30px;background-color:transparent;border:1px solid #BEBEBE;border-radius:2px;transition:.3s}.form-checkbox-checkmark:after{content:"";position:absolute;display:none}.form-checkbox-container input:checked~.form-checkbox-checkmark:after{display:block}.form-checkbox-container input:checked~.form-checkbox-checkmark{background:#61f2ff;border:1px solid #61f2ff}.form-checkbox-container .form-checkbox-checkmark:after{left:11px;top:7px;width:6px;height:12px;border:solid black;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.app-input input,.app-input textarea{font-size:18px;font-weight:300;font-style:normal;color:#fff;padding:12px 12px 12px 0;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #484A51;transition:.3s;outline:none;background:transparent}.app-input .form-input-border{position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#61f2ff;transition:.4s}.app-input input:focus+.form-input-border{width:100%}.app-input textarea:focus+.form-input-border{width:100%}.hiddendiv{display:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.label-changeColor{color:#818181}.app-input textarea{resize:none;min-height:20px;overflow:hidden}.common{resize:none;min-height:20px;overflow:hidden;font-size:18px;width:100%}.label-moveUp{top:-10px!important;font-size:13px!important}.input-short{width:calc(50% - 13px)}@media only screen and (max-width: 820px){.input-short{width:100%}}.form-left-text{margin-top:35px;color:#61f2ff;font-size:16px}@media only screen and (max-width: 800px){.form-left-text{font-size:14px}}.form-left-text p{font-weight:300}.form-left-text a{color:#61f2ff;text-decoration:none}.form-left-text a:hover{text-decoration:underline;color:#61f2ff}.form-submit{margin-top:50px;width:100%}.form-submit .app-btn{width:100%}.forgotten-password{margin-top:25px}.forgotten-password a{color:#fff}.forgotten-password a:hover{color:#61f2ff}.app-btn{padding:12px 28px;background:#61f2ff;font-size:16px;color:#fff;border:none;border:2px solid #61f2ff;border-radius:25px;letter-spacing:1px;transition:.3s}.app-btn-grey{background:transparent;border:1px solid #BEBEBE;color:#8a8a8a}.app-btn-grey:hover{cursor:pointer;background:#bebebe!important;color:#fff!important}.app-btn:hover{cursor:pointer;background:transparent;color:#61f2ff}.app-btn-inverted{background:transparent;border:1px solid #61f2ff;color:#61f2ff}.app-btn-inverted:hover{cursor:pointer;background:#61f2ff;color:#fff}.app-body-buttons .app-btn:hover,.form-submit .app-btn:hover{color:#61f2ff;cursor:pointer;background:transparent}.app-input-custom-file{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:15px}.app-input-custom-file label{width:100%;height:45px;border:2px solid #61f2ff;display:flex;align-items:center;justify-content:center;transition:.3s;color:#61f2ff;font-size:15px;background:transparent;box-sizing:border-box;padding:5px;text-align:center}.app-input-custom-file label:hover{background:#61f2ff;color:#fff;cursor:pointer}.app-input-file{position:absolute;opacity:0;cursor:pointer;width:.1px;height:.1px;overflow:hidden;z-index:-1}.app-radio{display:block;position:relative;padding-left:35px;cursor:pointer;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-radio input{position:absolute;opacity:0;cursor:pointer}.checkmark-radio{position:absolute;top:0;left:0;height:21px;width:21px;background:transparent;border:solid 1px #BEBEBE;border-radius:50%;transition:.3s}.app-radio:hover input~.checkmark-radio{background-color:#ccc}.app-radio input:checked~.checkmark-radio{background-color:transparent;border:solid 1px #61f2ff}.checkmark-radio:after{content:"";position:absolute;display:none}.app-radio input:checked~.checkmark-radio:after{display:block}.app-radio .checkmark-radio:after{top:7px;left:7px;width:7px;height:7px;border-radius:50%;background:#61f2ff}.app-form-custom-select{position:relative;border-bottom:1px solid #484A51}.app-form-custom-select .form-input-border{bottom:-1px}.app-form-custom-select select{display:none}.select-selected:after{position:absolute;background-image:url(../../../public/images/arrow.svg);background-repeat:no-repeat;background-position:center center;top:7px;right:18px;content:"";width:12px;height:7px;transition:.3s}input[type=time]::-webkit-calendar-picker-indicator{background:url(../../../public/images/svg/clock.svg) 97% 50% no-repeat!important}input[type=date]::-webkit-calendar-picker-indicator{background:url(../../../public/images/svg/calendar.svg) 97% 50% no-repeat!important}.form-input-border-width{width:100%!important}.select-selected.select-arrow-active:after{transform:rotate(180deg)}.select-items div,.select-selected{color:#fff;padding:8px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0d0d0d;font-size:18px}@media only screen and (max-width: 576px){.select-items div,.select-selected{font-size:16px}}.select-selected{background:transparent;padding:0 0 12px}.select-items{top:110%;left:0;right:0;z-index:99;position:absolute;max-height:300px;overflow-y:scroll}.select-hide{display:none}.select-items div:hover,.same-as-selected{background-color:#61f2ff;color:#fff}.select-items div:last-child{padding-bottom:20px}.app-search-users{width:350px;position:relative}.app-search-users .app-input{margin-top:0}.app-search-users .app-input input{padding:10px 35px 12px 0}.app-search-users .app-input .form-label{top:7px;font-size:16px}.app-search-users .app-input .app-icon-input__icon{position:absolute;right:5px;top:10px}.app-search-users .app-input .app-icon-input__icon svg{width:20px;fill:#fff;transition:.3s}@media only screen and (max-width: 1000px){.app-search-users{width:250px}}.app-search-users-list{width:100%;background:#0d0d0d;border:1px solid #707070;padding:20px;position:absolute;top:100%;z-index:2;border-radius:3px;display:none}.app-search-users-list .loader{position:relative;margin:auto}.app-search-users-list .app-search-users-list__person{text-decoration:none;transition:.3s;display:block}.app-search-users-list .app-search-users-list__person:hover{opacity:.5}.app-search-users-list .app-search-users-list__person:not(:first-child){margin-top:20px}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:1em;width:1em;border-radius:50em;background:url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;background-size:contain;opacity:0;pointer-events:none}input[type=search]:focus::-webkit-search-cancel-button{opacity:.3;pointer-events:all}input[type=search]::-webkit-search-cancel-button{filter:invert(1)}.pagination{display:flex;justify-content:center;flex-direction:column;font-family:var(--default-font-family);font-weight:400;margin-top:50px;margin-bottom:50px}@media only screen and (max-width: 768px){.pagination{margin-top:25px;margin-bottom:25px}}.pagination-info{text-align:center;margin-top:50px}.pagination-icon svg{width:25px;fill:#bd7c30}.pagination-info-text{margin-bottom:20px;color:#373418}.pagination-pages{display:inline-flex;align-items:center}.pagination-page{margin:2px;color:#373418}.alert-box{position:fixed;left:20px;bottom:20px;z-index:99999}@media only screen and (max-width: 576px){.alert-box{left:10px;bottom:10px}}.alert{padding:12px 28px;box-sizing:border-box;border:none;border-radius:4px;width:350px;margin-top:25px;font-size:16px!important;text-indent:0}.alert p{font-size:16px!important;text-indent:0}@media only screen and (max-width: 576px){.alert{padding:12px 15px;width:200px}}.alert:hover{cursor:pointer}.form-alert{padding:12px 28px;font-size:16px!important;box-sizing:border-box;border:none;transition:.3s;border-radius:4px;width:80%;margin-top:25px}@media only screen and (max-width: 576px){.form-alert{padding:12px 15px}}.alert-warning{background:#ffbf00;color:#000}.alert-front{background:#0720ff;color:#fff}.alert-danger{background:#61f2ff;color:#000}