@charset "UTF-8";body{font-family:Poppins,sans-serif;display:flex;justify-content:center;align-items:center;background-color:var(--primary);height:100vh;width:100%;margin:0}button{font-family:Poppins,sans-serif;font-size:16px}select,textarea{font-family:Poppins,sans-serif}a{text-decoration:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{background:var(--button-primary-hover);width:10px}::-webkit-scrollbar-thumb{background:var(--dark-false);width:12px}::-webkit-scrollbar-thumb:active{background-color:var(--button-primary)}@font-face{font-family:Poppins;font-style:medium;src:url(/assets/pxiEyp8kv8JHgFVrJJnecmNE-CIpeJEZw.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;src:url(/assets/pxiEyp8kv8JHgFVrJJnecmNE-CIpeJEZw.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;src:url(/assets/pxiEyp8kv8JHgFVrJJfecg-cpxAROuN.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:medium;src:url(/assets/pxiEyp8kv8JHgFVrJJfecg-cpxAROuN.woff2) format("woff2")}@font-face{font-family:Bookman Old Style;font-style:normal;src:url(/assets/BOOKOS-CIQMeWfG.ttf) format("truetype")}:root{--primary: #943749;--button-primary: #762b3b;--button-secondary: #0c1c21;--sumilleria: #cc6286;--catas: #9b6591;--servicio: #9a86b2;--false: #db7374;--true: #90a556;--light: #ffffff;--dark: #000000;--gray: #7b8081;--lightgray: #e0e0e0;--form: #e3d6d5;--button-primary-hover: #66001a;--chronometer: #c8769d;--dark-true: #79844b;--dark-false: #a0515a}#bg-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#bg-container .red-background{height:100%;width:75%}#bg-container .white-background{height:100%;width:25%}#bg-container .logo,#bg-container .school-logo,#bg-container .bottle,#bg-container .cup{position:absolute;transform:translate(-50%)}#bg-container .logo{top:40px;left:11%;height:23%;width:17%}#bg-container .school-logo{height:15%;width:10%;top:80%;left:7%}#bg-container .bottle{top:0;left:22%;height:100%;width:15%}#bg-container .cup{top:50%;left:32%;height:50%;width:10%}#bg-container .menu{position:absolute;transform:translate(-50%);top:29%;left:4%;height:5%;width:3%}#bg-container .dropdown-menu{position:absolute;top:29%;left:6%;width:130px;padding:6px;border:0}#bg-container .dropdown-menu ul{list-style:none;padding:0;margin:0}#bg-container .dropdown-menu a{color:var(--dark)}#bg-container .dropdown-menu li{padding:2px 0;font-size:18px;cursor:pointer}#bg-container .dropdown-menu li:hover{background-color:#f0f0f0}@media screen and (max-width: calc(100vh + 240px)){#bg-container .red-background{width:70%}#bg-container .white-background{width:30%}#bg-container .school-logo,#bg-container .cup{width:15%}#bg-container .logo,#bg-container .bottle{width:20%}#bg-container .logo{left:13%}#bg-container .school-logo{left:9%}#bg-container .bottle{left:27%}#bg-container .cup{left:37%}}@media screen and (max-height:600px){#bg-container{height:auto;width:auto}.diagonal-split{position:absolute;top:50%;left:0%;width:300px;height:300px;background:linear-gradient(-135deg,transparent 50%,var(--light) 50%)}#bg-container img{display:none}#bg-container .logo,#bg-container .school-logo{display:block;position:absolute}#bg-container .logo{top:40px;left:11%;height:110px;width:150px}#bg-container .school-logo{top:50%;left:30%;height:88px;width:110px}}@media screen and (max-width:750px),(max-height:500px){.background{display:none}}.preloader-active{position:fixed;z-index:999999;top:0;left:0;overflow:hidden;width:100vw;height:100vh}.preloader-active .preloader-area-wrap{position:absolute;z-index:999999;top:0;left:0;display:block;width:100%;height:100%;background-color:var(--light)}.preloader-active .preloader-area-wrap .img-loader{position:absolute;z-index:2;top:calc(50% - 15px);left:calc(50% - 15px);display:block;width:30px;height:30px;transition:all .3s;animation:rotate-center .6s linear infinite both;border-width:3px;border-style:solid;border-color:var(--primary) var(--primary) var(--primary) transparent;border-radius:50%}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#results-table-container{display:flex;justify-content:center;align-items:end}#results-table-container #results-table{border:2px solid var(--light);border-radius:20px;width:fit-content;min-width:70%}#results-table-container #results-table #titles{display:flex;align-items:center;width:88%;color:var(--light)}#results-table-container #results-table #titles #ranking-title{width:33%;margin-bottom:0}#results-table-container #results-table #graphics{height:100%;width:100%;padding-bottom:35px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}#results-table-container #results-table #ranking{color:var(--light);position:relative;display:flex;justify-content:center;align-items:center}#results-table-container #results-table #ranking table{width:100%;-webkit-border-horizontal-spacing:15px;-webkit-border-vertical-spacing:0}#results-table-container #results-table #ranking tr{height:35px}#results-table-container #results-table #ranking #headers{background:var(--button-secondary)}#results-table-container #results-table #ranking #my-position{background:var(--light);color:var(--button-secondary);font-weight:700}#results-table-container #results-table #ranking td{border-bottom:1px solid var(--light);text-align:center;width:60px;margin:5px;font-size:14pt}#results-table-container #results-table #ranking #headers td{border-bottom:0}#results-table-container #results-table #ranking #headers td:nth-child(1){border-top-left-radius:20px}#results-table-container #results-table #ranking #headers td:nth-child(3){border-top-right-radius:20px}#results-table-container #results-table #ranking .name{text-align:left;padding-inline:20px}#results-table-container #results-table #successes{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}#results-table-container #results-table #progress-bar-cups{display:flex;justify-content:center;align-items:center;gap:5px}#results-table-container #results-table #progress-bar-cups .fill-cup,#results-table-container #results-table #progress-bar-cups .empty-cup{height:44px;width:fit-content}#results-table-container #results-table #progress-bar-cups #success-percentage{font-size:26pt;margin:0 0 0 20px}#results-table-container #next-question{width:240px;height:50px;color:var(--light);background-color:var(--button-secondary);border:0px;border-radius:20px;font-size:18px;margin-left:20px}#results-table-container #next-question:hover{background-color:var(--dark)}@media screen and (max-width:1400px){#results-table-container #next-question{width:200px}}@media screen and (max-width:1300px){#results-table-container #results-table #titles{width:auto}#results-table-container #results-table #ranking{flex-direction:column}}#form-container{display:flex;flex-direction:column;align-items:center;padding-block:20px;padding-inline:40px;height:100%;width:75%;max-width:400px;border-radius:20px;background-color:var(--form);position:relative}#form-container .avatar{background-color:var(--form);position:absolute;top:-50px;left:50%;transform:translate(-50%);border-radius:50%;width:90px;height:90px}#form-container h1{text-align:center;margin:35px 0 0}#form-container form{width:100%}#form-body{display:flex;flex-direction:column;width:100%}.textbox{display:flex;align-items:center;background-color:var(--light);height:50px;border-radius:17px;box-sizing:border-box;margin:15px 0;padding:15px;gap:15px}.textbox svg,.textbox img{width:30px;height:30px;flex:0 0 auto}input{font-family:Poppins,sans-serif}input[type=email],input[type=password],input[type=text],#login-btn{width:100%;height:50px;border:0;box-sizing:border-box}input[type=email],input[type=password],input[type=text]{padding:15px;font-size:16px}input[type=email]:focus-visible,input[type=password]:focus-visible{outline:0}#login-btn{margin:5px 0;border-radius:17px;background-color:var(--button-primary);color:var(--light);cursor:pointer;font-size:24px}#login-btn:hover{background-color:var(--button-primary-hover)}#form-footer{display:flex;justify-content:space-between;align-items:center;margin:15px 0}#form-footer>div{display:flex;align-items:center}#form-footer input{accent-color:var(--primary)}#form-footer label{color:var(--dark)}#form-footer label,#form-footer a{font-size:9pt;margin:3px}#form-footer a{font-weight:700;color:var(--dark)}.login{position:absolute;top:25%;left:50%}@media screen and (max-height:600px){.login{position:static}#form-container .avatar{display:none}#form-container h1{margin-top:0}}@media screen and (max-width:750px),(max-height:500px){.login{position:static}#form-container{height:70%;width:90%;padding-inline:20px}#form-container .avatar{width:70px;height:70px;top:-35px}#form-container input[type=text],#form-container input[type=password],#form-container #login-btn{font-size:14px;padding:0;height:35px}#form-container .textbox{height:35px}#form-container .textbox img{width:20px;height:20px}#form-container #login-btn{font-size:20px}#form-container h1{font-size:24px}}@media screen and (max-height:400px){.login h1{display:none}}#opt-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);row-gap:10px;column-gap:30px;justify-items:center;align-items:center;width:100%;max-width:900px;margin:0 auto}#opt-container div{display:contents}#opt-container .sumilleria-cup{max-width:100%;height:auto;grid-row:1}#opt-container .catas-cup,#opt-container .servicio-cup{max-width:55%;height:auto;grid-row:1}#opt-container .servicio-cup{max-width:65%}#opt-container .card{max-width:80%;height:auto;grid-row:2}#opt-container p{max-width:80%;height:auto;grid-row:3;text-align:center;color:var(--light)}.options{position:absolute;top:25%;left:35%}@media screen and (max-width: calc(100vh + 240px)){.options #opt-container{width:90%}}@media screen and (max-height:700px){.options{top:15%}}@media screen and (max-height:600px){.options{top:25%;left:20%}#opt-container .sumilleria-cup,#opt-container .catas-cup,#opt-container .servicio-cup{display:none}}@media screen and (max-width:750px),(max-height:500px){.options{position:static}.options #opt-container{width:90%}}@media screen and (min-height:500px)and (max-width:750px)and (max-width: calc(100vw + 300px)){#opt-container .sumilleria-cup,#opt-container .catas-cup,#opt-container .servicio-cup,#opt-container p{display:none}#opt-container .card{grid-row:auto}#opt-container{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(3,auto)}}#quiz-menu-container{padding:35px 10.08% 35px 0;max-width:100vw;max-height:100vh;overflow-y:auto;box-sizing:border-box;width:100%;padding-left:calc(16% + 35px)}#quiz-menu-container .box{border:2px solid var(--light);border-radius:20px;margin-block:20px;padding:10px;display:flex;justify-content:space-between;align-items:flex-end}#quiz-menu-container .box-user{border:0;margin-block:20px;display:flex;justify-content:space-between;align-items:flex-end}#quiz-menu-container .box-user .pencil{display:none}#quiz-menu-container svg{margin-left:5px;height:35px;width:35px}#quiz-menu-container .card-container{display:flex;justify-content:end}#quiz-menu-container .card{height:120px;width:220px;text-align:end}#quiz-menu-container .text{color:var(--light);text-align:center;flex-grow:1}#quiz-menu-container .edit-title{color:var(--light);text-align:center;flex-grow:1;background:var(--button-primary);border:0;font-size:20pt}#quiz-menu-container .edit-description{color:var(--light);text-align:center;flex-grow:1;background:var(--button-primary);border:0;font-size:16pt}#quiz-menu-container .quiz-crud,#quiz-menu-container .quiz-crud-user{border-radius:20px;padding:20px;margin-block:20px;display:flex;align-items:center;background-color:var(--form);justify-content:center}#quiz-menu-container .quiz-crud input.edit-quiz-title{font-size:20pt;padding:10px;background-color:var(--form);border:2px solid var(--light);border-radius:10px;color:#000;opacity:60%;text-align:center;transition:border-color .3s ease,background-color .3s ease;outline:none}#quiz-menu-container .quiz-crud h2{width:100%;text-align:center;opacity:60%}#quiz-menu-container .quiz-crud input.edit-quiz-title h2{display:block;font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700}#quiz-menu-container .quiz-list .quiz-crud .pencilOk{height:45px;width:50px}#quiz-menu-container .quiz-list .quiz-crud #icon{padding:inherit}#quiz-menu-container .quiz-list #icon{overflow:visible;box-sizing:content-box;display:inline-block}#quiz-menu-container .quiz-list{text-align:center;margin-bottom:20px}#quiz-menu-container .quiz-list .arrow-up:hover,#quiz-menu-container .quiz-list .arrow-down:hover{transform:scale(1.3);cursor:pointer}#quiz-menu-container .buttons{width:100%;display:flex;justify-content:center;flex-direction:row}#quiz-menu-container .buttons button{width:100%;max-width:150px;height:40px;margin:5px;border:0px;border-radius:15px;background-color:var(--light);text-align:center;cursor:pointer}#quiz-menu-container .buttons button:hover{background-color:var(--gray);color:var(--light)}#quiz-menu-container .buttons a{width:100%;max-width:150px}#quiz-menu-container .buttons #play-button{width:100%;max-width:150px;height:40px;margin:5px;border:0px;border-radius:15px;background-color:var(--button-primary);color:var(--light)}#quiz-menu-container .buttons #play-button:hover{background-color:var(--button-primary-hover)}#quiz-menu-container #create{display:flex;justify-content:space-around}#quiz-menu-container #create #create-quiz-button{width:240px;height:50px;color:var(--light);background-color:var(--button-secondary);border:0px;border-radius:20px;font-size:18px;display:flex;align-items:center;justify-content:center;margin:20px;cursor:pointer}#quiz-menu-container #create #create-quiz-button .plus-circle{height:30px;width:30px;margin:10px 5px 5px}#quiz-menu-container #create #create-quiz-button:hover{background-color:var(--dark)}.quiz-menu{position:absolute;top:0%;left:25%;height:100%;display:flex;align-items:center;width:75%}@media screen and (max-height:600px){.quiz-menu{left:35%;padding:10px}}@media screen and (max-width:750px),(max-height:500px){.quiz-menu{position:static}}@media screen and (max-width:768px){#quiz-menu-container{padding:10px}#quiz-menu-container .box{flex-direction:column;align-items:center}#quiz-menu-container .text{font-size:12pt;text-align:center}#quiz-menu-container .buttons button{width:100%;max-width:200px}}@media screen and (max-width:480px){#quiz-menu-container{padding:5px}#quiz-menu-container .box{margin-block:10px}#quiz-menu-container .buttons button{max-width:180px}#quiz-menu-container #create #create-quiz-button{width:100%}#quiz-menu-container .quiz-crud h2{font-size:14pt}}@media screen and (max-width:768px){#quiz-menu-container .quiz-crud input.edit-quiz-title{font-size:18pt;padding:8px}#quiz-menu-container .quiz-crud h2{font-size:18pt}}@media screen and (max-width:480px){#quiz-menu-container .quiz-crud input.edit-quiz-title{font-size:16pt;padding:6px}#quiz-menu-container .quiz-crud h2{font-size:16pt}}.background-create{height:100vh;width:100vw;display:flex}#bg-container-create{flex:3 0 0;height:100%;display:flex;flex-direction:column;background:var(--light);overflow:hidden}#bg-container-create #logo-container{width:95%;padding-left:5%;margin-top:5%}#bg-container-create #logo-container .logo{width:100%;max-height:170px;max-width:230px}#bg-container-create .menu-container{display:flex;width:95%;padding-left:5%}#bg-container-create .menu-container .menu{width:40px;height:40px;cursor:pointer}#bg-container-create .dropdown-menu{padding:6px;border:0;border-radius:20px;background:var(--light)}#bg-container-create .dropdown-menu ul{list-style:none;padding:0;margin:0}#bg-container-create .dropdown-menu a{color:var(--dark)}#bg-container-create .dropdown-menu li{padding:2px 0;font-size:18px;cursor:pointer}#bg-container-create .dropdown-menu li:hover{background-color:#f0f0f0}#create-quiz-options-container{box-sizing:border-box;width:100%;padding:2.5% 2.5% 2.5% 5%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;flex:1 0 0}#create-quiz-options-container #question-panel{flex:9 1 0;width:100%;display:grid;grid-template-columns:5fr 4fr;grid-template-rows:minmax(0,1fr) 18fr minmax(0,1fr);grid-auto-flow:column;gap:10px}#create-quiz-options-container #question-panel .arrow-down-garnet{width:25px;height:auto;justify-self:center;align-self:center}#create-quiz-options-container #question-panel svg.arrow-down-garnet:hover{transform:scale(1.3);cursor:pointer}#create-quiz-options-container #question-panel #question-list{width:100%;max-height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,1fr);gap:10px}#create-quiz-options-container #question-panel #question-list .question{box-sizing:border-box;height:100%;width:100%;background:var(--lightgray);border-radius:20px;padding:.3333333333em;display:flex;justify-content:start;align-items:center;gap:.3333333333em;overflow:hidden}#create-quiz-options-container #question-panel #question-list #selected{background:var(--gray)}#create-quiz-options-container #question-panel #question-list .question .drag-handle{flex:1 0 0;cursor:grab}#create-quiz-options-container #question-panel #question-list .question .question-title{flex:9 0 0;font-weight:700;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}#create-quiz-options-container #question-edit{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center}#create-quiz-options-container #question-edit form{box-sizing:border-box;background:var(--lightgray);border-radius:20px;padding:5%;text-align:center;font-weight:700;display:flex;flex-direction:column;align-content:start;justify-content:space-between;height:100%}#create-quiz-options-container #question-edit form .form-field{flex:3 0 0;display:flex;flex-direction:column;align-items:start;gap:5px}#create-quiz-options-container #question-edit form .form-field select{display:block;width:100%;height:40px;border:1px solid var(--button-primary);border-radius:15px;padding:5px}#create-quiz-options-container #question-edit form #buttons{flex:1 0 0;display:flex;justify-content:space-around;gap:5px}#create-quiz-options-container #question-edit #buttons button{flex:1 0 0;border:0;border-radius:15px;font-size:14px;background:var(--light)}#create-quiz-options-container #question-edit #buttons button:hover{background:var(--gray);color:var(--light)}#create-quiz-options-container #question-edit #save{width:100%;height:40px;border:0;border-radius:15px;background:var(--button-primary);color:var(--light);margin-top:20px}#create-quiz-options-container #question-edit #save:hover{background:var(--button-primary-hover)}#create-quiz-options-container #quiz-actions{flex:2 1 0}.create-quiz{flex:7 0 0}#create-quiz-container{width:100%;height:100%;overflow-y:auto;padding:2%;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}#create-quiz-container .card-container{width:100%;display:flex;justify-content:end}#create-quiz-container .card{height:auto;width:220px}#create-quiz-container .box{border:2px solid var(--light);border-radius:20px;margin-block-start:2%;padding:1%;display:flex;flex-direction:column;justify-content:center}#create-quiz-container .box .title-pencil{width:100%;display:flex;align-items:center}#create-quiz-container .box .title-pencil #title{flex:19 1 0;font-size:2em;color:var(--light);text-align:center}#create-quiz-container .box .title-pencil .edit-text{background:var(--button-primary);box-sizing:border-box;border:0}#create-quiz-container .box .title-pencil .pencil{flex:1 0 0}#create-quiz-container .box .quizImage{display:flex;justify-content:center}#create-quiz-container .box .quizImage img{width:200px;height:163px;object-fit:none}#create-quiz-container svg{margin-left:5px;height:35px;width:35px}#create-quiz-container .answers-container{display:flex;align-items:center}#create-quiz-container .answers-container .arrow-right,#create-quiz-container .answers-container .arrow-left{height:40px;width:40px}#create-quiz-container .answers-container .arrow-right:hover,#create-quiz-container .answers-container .arrow-left:hover{transform:scale(1.2);cursor:pointer}#create-quiz-container .answers{display:grid;grid-template-columns:repeat(2,1fr)}#create-quiz-container .answer-box{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:20px;padding:10px;border-radius:20px;background:var(--light);box-shadow:-15px 20px 20px #0003}#create-quiz-container .answer-box .answer-letter{background:var(--lightgray);height:110px;width:90px;border-top-left-radius:20px;border-bottom-left-radius:20px;margin-right:10px;display:flex;justify-content:center;align-items:center}#create-quiz-container .answer-box .answer-letter p{margin:5px;font-size:40pt;font-family:Bookman Old Style,sans-serif}#create-quiz-container .answer-box .answer-text{width:100%;min-width:100px}#create-quiz-container .answer-box .answer-text .input-empty{font-size:18pt;font-weight:700;background:var(--lightgray)}#create-quiz-container .answer-box .answer-text .input-fill{font-size:18pt;font-weight:700}#create-quiz-container .answer-box .circle-svg{height:100%;display:flex;align-items:end}#create-quiz-container .answer-box .circle-svg .circle-transition{transition:all .3s ease;cursor:pointer}#create-quiz-container .answer-box .circle-svg .circle-transition:hover{transform:scale(1.05)}#create-quiz-container #create{display:flex;justify-content:space-evenly}#create-quiz-container #create #create-quiz-button,#create-quiz-container #create #upload-image-button{width:240px;height:50px;color:var(--light);background-color:var(--button-secondary);border:0px;border-radius:20px;font-size:18px;display:flex;align-items:center;justify-content:center;margin:20px}#create-quiz-container #create #create-quiz-button .plus-circle{height:30px;width:30px;margin:10px 5px 5px}#create-quiz-container #create #create-quiz-button:hover{background-color:var(--dark)}#create-quiz-container #create #upload-image-button .plus-circle{height:30px;width:30px;margin:10px 5px 5px}#create-quiz-container #create #upload-image-button:hover{background-color:var(--dark)}#host-container{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%}#host-container #host-header{border:2px solid var(--light);border-radius:20px;padding:16px;flex:0 1 0;max-height:fit-content;display:flex;gap:16px;align-items:stretch;margin-bottom:10px}#host-container #host-header #qr-container{line-height:0;flex:1 1 0;cursor:pointer}#host-container #host-header #zoomed-qr-container{position:fixed;top:0%;left:0%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0009}#host-container #host-header #zoomed-qr-container #qr-code{border:3.5vh white solid}#host-container #host-header #titles{flex:2 1 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:var(--light)}#host-container #host-header #titles #intro{font-size:1.75vw}#host-container #host-header #titles #pin{font-size:3vw}#host-container #host-header #titles #qr-text{font-size:1vw;align-self:flex-start}#host-container #player-list{flex:1 1 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:min-content;padding:5px;gap:10px;overflow-y:auto;background-color:var(--light)}#host-container #player-list .player{display:flex;justify-content:start;overflow:hidden;align-items:center;height:min-content;gap:3px;border-radius:6px;padding:0 3px}#host-container #player-list .player:hover{background-color:var(--lightgray)}#host-container #player-list .player .player-icon{line-height:0}#host-container #player-list .player .player-icon svg{width:1em;height:1em}#host-container #player-list .player .player-icon svg image{width:100%;height:100%}#host-container #player-list .player .player-name{overflow:hidden;text-overflow:ellipsis;margin-right:auto}#host-container #player-list .player .player-kick{display:none}#host-container #player-list .player:hover .player-kick{display:block;color:red;cursor:pointer}#host-container #buttons{flex:0 1 0;display:flex;justify-content:center;align-items:center;gap:10px}#host-container #buttons button{width:250px;height:50px;color:var(--light);cursor:pointer;border:0px;border-radius:30px;font-size:18px;margin-block:20px}#host-container #cancel{background-color:#616060}#host-container #start{background-color:var(--button-secondary)}#host-container #buttons button:hover{background-color:var(--dark)}.host{position:absolute;top:0%;left:30%;width:70%;height:100%;display:flex;align-items:center;overflow:hidden;box-sizing:border-box;padding:2% 5% 0}@media screen and (max-height:800px){#host-container #player-list #players{height:350px}}@media screen and (max-height:700px){#host-container #player-list #players{height:250px}}@media screen and (max-height:550px){#host-container #player-list #players{height:200px}}@media screen and (max-height:500px){.host{position:static}}@media screen and (max-width:1200px){.host{position:static}}@media screen and (max-width:800px){#host-container{text-align:center}#host-container #player-list #players{width:70%}}@media screen and (max-width:600px){#host-container #titles h1{font-size:16pt}#host-container #titles #pin{font-size:24pt}#host-container #buttons{flex-direction:column}}#play-quiz-container{padding:35px;max-width:100vw;max-height:100vh;overflow-y:auto;box-sizing:border-box}#play-quiz-container .box{border:0;padding:10px;display:flex;justify-content:space-between;align-items:flex-end}#play-quiz-container .img-container{display:flex;align-items:center;justify-content:center}#play-quiz-container .img-container #imagen{height:350px;width:auto;object-fit:cover}#play-quiz-container .card{height:120px;width:220px;text-align:end;display:flex;justify-content:flex-end}#play-quiz-container .text{color:var(--light);text-align:center;flex-grow:1}#play-quiz-container .answers-container{display:flex;align-items:center;justify-content:center}#play-quiz-container .answers{display:grid;grid-template-columns:repeat(2,1fr)}#play-quiz-container .answer-box{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:20px;padding:10px;border-radius:20px;background:var(--light);box-shadow:-15px 20px 20px #0003}#play-quiz-container .answer-box .answer-letter,#play-quiz-container .answer-box .answer-result{background:var(--lightgray);height:110px;width:90px;border-top-left-radius:20px;border-bottom-left-radius:20px;margin-right:10px;display:flex;justify-content:center;align-items:center}#play-quiz-container .answer-box .answer-letter p{margin:5px;font-size:40pt;font-family:Bookman Old Style,sans-serif}#play-quiz-container .answer-box .answer-text{width:100%}#play-quiz-container .correct{background:var(--true);color:var(--light)}#play-quiz-container .correct .answer-result{background:var(--dark-true)}#play-quiz-container .answer-box .answer-result svg{margin:5px;height:63px;width:45px}#play-quiz-container .play-quiz-header{display:flex;justify-content:space-between;align-items:center;margin-top:40px}#play-quiz-container .play-quiz-header .timer{position:relative;display:flex;justify-content:center;align-items:center}#play-quiz-container .play-quiz-header .timer .timer-icon{height:180px;width:180px}#play-quiz-container .play-quiz-header .timer h1{position:absolute;color:var(--chronometer);font-size:32pt;margin:10px 0 0;height:100%;display:flex;justify-content:center;align-items:center}#play-quiz-container .play-quiz-header .timer .timer-pause{position:absolute;height:30%;top:70%;left:75%;fill:var(--chronometer)}#play-quiz-container .play-quiz-header .question-header{color:var(--light);text-align:center}#play-quiz-container .play-quiz-header .question-header h2{font-size:32pt;height:66%}#play-quiz-container .play-quiz-header .question-header h3{font-size:16pt;height:33%}#play-quiz-container .botones .quiz-button{width:240px;height:50px;color:var(--light);background-color:var(--button-secondary);border:0px;border-radius:20px;font-size:18px;display:flex;align-items:center;justify-content:center;margin:20px;cursor:pointer}#play-quiz-container .botones .quiz-button:hover{background-color:var(--dark)}#play-quiz-container .botones{display:flex;justify-content:flex-end}.play-quiz{position:absolute;top:0%;left:30%;width:70%}@media screen and (max-width: calc(100vh + 240px)){.play-quiz{left:33%}}@media screen and (max-width:800px),(max-height:500px){.play-quiz{position:static}#play-quiz-container .answers{display:grid;grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:1200px){#background-hidden{display:none}.play-quiz{position:static}}@media screen and (max-width:500px){#play-quiz-container .answer-box{display:block}}#quiz-results-container{padding:35px;max-width:100vw;max-height:100vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}#quiz-results-container .box{border:0;padding:10px;display:flex;justify-content:space-between;align-items:flex-end}#quiz-results-container .card-container{display:flex;justify-content:end}#quiz-results-container .card{height:120px;width:220px;text-align:end}#quiz-results-container .text{color:var(--light);text-align:center;flex-grow:1}#quiz-results-container .answers-container{display:flex;align-items:center}#quiz-results-container .answers-container .arrow-right,#quiz-results-container .answers-container .arrow-left{height:40px;width:40px}#quiz-results-container .answers{display:grid;grid-template-columns:repeat(2,1fr)}#quiz-results-container .answer-box{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:20px;padding:10px;border-radius:20px;background:var(--light);box-shadow:-15px 20px 20px #0003}#quiz-results-container .answer-box .answer-letter,#quiz-results-container .answer-box .answer-result{background:var(--lightgray);height:110px;width:90px;border-top-left-radius:20px;border-bottom-left-radius:20px;margin-right:10px;display:flex;justify-content:center;align-items:center}#quiz-results-container .correct{background:var(--true);color:var(--light)}#quiz-results-container .correct .answer-result{background:var(--dark-true)}#quiz-results-container .answer-box .answer-letter p{margin:5px;font-size:40pt;font-family:Bookman Old Style,sans-serif}#quiz-results-container .answer-box .answer-result svg{margin:5px;height:63px;width:45px}#quiz-results-container .answer-box .answer-text{width:100%}#quiz-results-container .answer-box .student-count{height:100%;display:flex;align-items:end}#quiz-results-container .answer-box .student-count h2{margin:0}.quiz-results{position:absolute;top:0%;left:30%}#quiz-results-table-container{display:flex;justify-content:center;align-items:end}#quiz-results-table-container #quiz-results-table{border:2px solid var(--light);border-radius:20px;width:70%}#quiz-results-table-container #quiz-results-table #titles{display:flex;align-items:center;width:88%;color:var(--light)}#quiz-results-table-container #quiz-results-table #titles #ranking-title{width:33%;margin-bottom:0}#quiz-results-table-container #quiz-results-table #graphics{height:100%;width:100%;padding-bottom:35px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}#quiz-results-table-container #quiz-results-table #ranking{color:var(--light);position:relative;display:flex;justify-content:center;align-items:center}#quiz-results-table-container #quiz-results-table #ranking table{width:100%;-webkit-border-horizontal-spacing:15px;-webkit-border-vertical-spacing:0}#quiz-results-table-container #quiz-results-table #ranking tr{height:35px}#quiz-results-table-container #quiz-results-table #ranking #my-position{background:var(--light);color:var(--button-secondary);font-weight:700}#quiz-results-table-container #quiz-results-table #ranking td{border-bottom:1px solid var(--light);text-align:center;width:60px;margin:5px;font-size:14pt}#quiz-results-table-container #quiz-results-table #ranking .name{text-align:left;padding-inline:20px}#quiz-results-table-container #quiz-results-table #successes{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}#quiz-results-table-container #quiz-results-table #progress-bar-cups{display:flex;justify-content:center;align-items:center;gap:5px}#quiz-results-table-container #quiz-results-table #progress-bar-cups .fill-cup,#quiz-results-table-container #quiz-results-table #progress-bar-cups .empty-cup{height:44px;width:fit-content}#quiz-results-table-container #quiz-results-table #progress-bar-cups #success-percentage{font-size:26pt;margin:0 0 0 20px}#quiz-results-table-container #next-question{width:240px;height:50px;color:var(--light);background-color:var(--button-secondary);border:0px;border-radius:20px;font-size:18px;margin-left:20px}#quiz-results-table-container #next-question:hover{background-color:var(--dark)}@media screen and (max-width:1400px){#quiz-results-table-container #next-question{width:200px}}@media screen and (max-width:1300px){#quiz-results-table-container #quiz-results-table #titles{width:auto}#quiz-results-table-container #quiz-results-table #ranking{flex-direction:column}}@media screen and (max-width:1200px),(max-height:500px){.quiz-results{position:static}#quiz-results-container .answers{display:grid;grid-template-columns:repeat(1,1fr)}}#final-results-container{display:flex;justify-content:center;align-items:center;gap:20px;padding-block:15px;padding-inline:30px;border:2px solid var(--light);border-radius:20px;color:var(--light)}#final-results-container #final-ranking{padding-bottom:35px}#final-results-container #final-ranking #ranking-table table{width:100%;-webkit-border-horizontal-spacing:15px;-webkit-border-vertical-spacing:0}#final-results-container #final-ranking #ranking-table tr{height:55px}#final-results-container #final-ranking #ranking-table #headers{background:var(--button-secondary)}#final-results-container #final-ranking #ranking-table #my-position{background:var(--light);color:var(--button-secondary);font-weight:700}#final-results-container #final-ranking #ranking-table td{border-bottom:1px solid var(--light);text-align:center;width:120px;margin:5px;font-size:14pt}#final-results-container #final-ranking #ranking-table #headers td{border-bottom:0}#final-results-container #final-ranking #ranking-table #headers td:nth-child(1){border-top-left-radius:20px}#final-results-container #final-ranking #ranking-table #headers td:nth-child(3){border-top-right-radius:20px}#final-results-container #final-ranking #ranking-table .name{text-align:left;padding-inline:20px}#final-results-container #right{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:80px}#final-results-container #progress-bar-cups{display:flex;justify-content:center;align-items:center;gap:5px}#final-results-container #progress-bar-cups .fill-cup,#final-results-container #progress-bar-cups .empty-cup{height:60px;width:fit-content}#final-results-container #progress-bar-cups #success-percentage{font-size:36pt;margin:0 0 0 20px}.final-results #reintentar{display:flex;justify-content:end}.final-results #reintentar #reintentar-btn{width:150px;height:50px;color:var(--light);background-color:var(--button-secondary);border:0px;border-radius:30px;font-size:18px;margin-block:20px}.final-results #reintentar #reintentar-btn:hover{background-color:var(--dark)}.final-results #final-catas-container{border-radius:20px;overflow:hidden;max-height:800px}.final-results #final-catas-container #img{width:70%}.final-results{position:absolute;top:10%;left:40%}#player-form-container{display:flex;flex-direction:column;align-items:center;padding-block:20px;padding-inline:40px;height:100%;width:75%;max-width:400px;border-radius:20px;background-color:var(--form);position:relative}#player-form-container h1{text-align:center;margin:0}#player-form-container form{width:100%}#player-form-container #form-body{display:flex;flex-direction:column;width:100%}#player-form-container .textbox{display:flex;align-items:center;background-color:var(--light);height:50px;border-radius:17px;box-sizing:border-box;margin:15px 0;padding:15px}#player-form-container .textbox img{padding-right:15px;width:30px;height:30px}#player-form-container input{font-family:Poppins,sans-serif}#player-form-container input[type=text],#player-form-container input[type=number],#player-form-container #play-btn{width:100%;height:50px;border:0;box-sizing:border-box}#player-form-container input[type=text],#player-form-container input[type=number]{padding:15px;font-size:16px}#player-form-container input[type=text]:focus-visible,#player-form-container input[type=number]:focus-visible{outline:0}#player-form-container #play-btn{margin:5px 0;border-radius:17px;background-color:var(--button-primary);color:var(--light);cursor:pointer;font-size:24px}#player-form-container #play-btn:hover{background-color:var(--button-primary-hover)}.player-login{position:absolute;top:25%;left:50%}@media screen and (max-height:600px){.player-login{position:static}#player-form-container .avatar{display:none}#player-form-container h1{margin-top:0}}@media screen and (max-width:750px),(max-height:500px){.player-login{position:static}#player-form-container{height:70%;width:90%;padding-inline:20px}#player-form-container .avatar{width:70px;height:70px;top:-35px}#player-form-container input[type=text],#player-form-container input[type=number],#player-form-container #play-btn{font-size:14px;padding:0;height:35px}#player-form-container .textbox{height:35px}#player-form-container .textbox img{width:20px;height:20px}#player-form-container #play-btn{font-size:20px}#player-form-container h1{font-size:24px}}@media screen and (max-height:400px){.player-login h1{display:none}}#user-crud-container{padding:35px 10.08% 35px 0;max-width:100vw;max-height:100vh;overflow-y:auto;box-sizing:border-box;width:100%;padding-left:calc(16% + 35px)}#user-crud-container .box{border:2px solid var(--light);border-radius:20px;padding:10px;display:flex;justify-content:center;align-items:center}#user-crud-container .box h2{margin-left:20vw;margin-right:20vw}#user-crud-container svg{margin-left:5px;height:35px;width:35px}#user-crud-container .text{color:var(--light);text-align:center;flex-grow:1}#user-crud-container .edit-title{color:var(--light);text-align:center;flex-grow:1;background:var(--button-primary);border:0;font-size:20pt}#user-crud-container .edit-description{color:var(--light);text-align:center;flex-grow:1;background:var(--button-primary);border:0;font-size:16pt}#user-crud-container .user-crud-item{border-radius:20px;padding:20px;margin-bottom:20px;display:flex;align-items:center;background-color:var(--form);gap:15px}#user-crud-container .user-crud-item .user-crud-email{flex:4 1 0;overflow:hidden}#user-crud-container .user-crud-item .user-crud-role{flex:1 1 0}#user-crud-container .user-crud-item h2{text-align:center;overflow:hidden;text-overflow:ellipsis;opacity:60%}#user-crud-container .user-crud-item p{color:var(--light);margin-top:10px;text-align:center;opacity:80%}#user-crud-container .user-list{text-align:center;margin-bottom:20px}#user-crud-container .buttons{flex:2 1 0;display:flex;justify-content:center;flex-direction:row}#user-crud-container .buttons button{width:100%;max-width:150px;height:40px;margin:5px;border:0px;border-radius:15px;background-color:var(--light);text-align:center;cursor:pointer}#user-crud-container .buttons button:hover{background-color:var(--gray);color:var(--light)}#user-crud-container .buttons a{width:100%;max-width:150px}#user-crud-container #create{display:flex;justify-content:center}#user-crud-container #create #create-user-button{width:240px;height:50px;color:var(--light);background-color:var(--button-secondary);border:0px;border-radius:20px;font-size:18px;display:flex;align-items:center;justify-content:center;margin:20px}#user-crud-container #create #create-user-button .plus-circle{height:30px;width:30px;margin:10px 5px 5px}#user-crud-container #create #create-user-button:hover{background-color:var(--dark)}.user-crud{position:absolute;top:0%;left:25%;height:100%;display:flex;align-items:center;width:75%}@media screen and (max-height:600px){.user-crud{left:35%;padding:10px}}@media screen and (max-width:750px),(max-height:500px){.user-crud{position:static}}@media screen and (max-width:768px){#user-crud-container{padding:10px}#user-crud-container .box{flex-direction:column;align-items:center}#user-crud-container .text{font-size:12pt;text-align:center}#user-crud-container .buttons button{width:100%;max-width:200px}}@media screen and (max-width:480px){#user-crud-container{padding:5px}#user-crud-container .box{margin-block:10px}#user-crud-container .buttons button{max-width:180px}#user-crud-container #create #create-user-button{width:100%}#user-crud-container .user-crud-item h2{font-size:14pt}}.create-user-background-create{position:absolute;top:0%;left:37%;height:100vh;display:flex;align-items:center}#create-user-bg-container-create{border-radius:15px;background-color:var(--form);padding:35px;max-width:100vw;max-height:100vh;overflow-y:auto;box-sizing:border-box;margin-left:20vw;margin-right:20vw}#create-user-bg-container-create h1{text-align:center;font-size:24px;color:var(--dark);margin-bottom:20px}#create-user-bg-container-create form{display:flex;flex-direction:column}#create-user-bg-container-create label{margin-top:15px;margin-bottom:5px;color:var(--dark);font-size:14px}#create-user-bg-container-create input,#create-user-bg-container-create select{width:100%;height:40px;padding:10px;margin-bottom:10px;border:1px solid var(--lightgray);border-radius:10px;box-sizing:border-box;font-size:14px}#create-user-bg-container-create button{width:100%;height:45px;margin-top:15px;border:0px;border-radius:10px;background-color:var(--button-primary);color:var(--light);font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s}#create-user-bg-container-create button:hover{background-color:var(--button-primary-hover)}@media screen and (max-width:480px){#create-user-bg-container-create{padding:15px}#create-user-bg-container-create h1{font-size:20px}#create-user-bg-container-create button{font-size:14px}}.unauthorized-container{display:flex;flex-direction:column;align-items:center;padding:20px;width:80%;max-width:500px;border-radius:20px;background-color:var(--form);margin:auto;text-align:center;position:absolute;top:25%;left:50%}.unauthorized-container h1{font-size:32px;font-weight:700;color:var(--error-color);margin-top:40px}.unauthorized-container p{font-size:18px;color:var(--dark);margin:10px 0}.unauthorized-container button{width:150px;height:45px;border-radius:25px;background-color:var(--button-primary);color:var(--light);font-size:16px;cursor:pointer;transition:background-color .3s;margin-top:20px}.unauthorized-container button:hover{background-color:var(--button-primary-hover)}@media screen and (max-width:750px){.unauthorized-container{width:90%;padding:20px}.unauthorized-container h1{font-size:26px}.unauthorized-container p{font-size:16px}.unauthorized-container button{width:130px;height:40px;font-size:14px}}@media screen and (max-width:500px){.unauthorized-container{padding:15px}.unauthorized-container h1{font-size:22px}.unauthorized-container p{font-size:14px}.unauthorized-container button{width:120px;height:35px;font-size:12px}}.passwordrules{text-align:center;font-size:.8em;margin:.5em}.passwordImage{font-size:.75em;cursor:pointer}