@font-face{font-family:fontTrivia;src:url(./Oswald_variable-99089bda.ttf);font-display:swap}*{margin:0;padding:0;box-sizing:border-box}* li{list-style:none}html{display:flex;justify-content:center;overflow:hidden}body{overflow:hidden;font-size:18px;font-family:fontTrivia}body * a:active{background-color:#0000;outline-offset:none}body a:-webkit-any-link{color:#0000;cursor:pointer;text-decoration:none}body #inputNumCat{width:100px;height:30px;position:absolute;bottom:150px}@keyframes showUserMenu{0%{opacity:0}to{opacity:1}}@keyframes hideUserMenu{0%{opacity:1}to{opacity:0}}@keyframes catIcon{0%,to{transform:translate(0);transform-origin:50% 50%}15%{transform:translate(-30px) rotate(-6deg)}30%{transform:translate(15px) rotate(6deg)}45%{transform:translate(-15px) rotate(-3.6deg)}60%{transform:translate(9px) rotate(2.4deg)}75%{transform:translate(-6px) rotate(-1.2deg)}}@keyframes catCompleted{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes catSelected{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes showSideLeft{0%{opacity:0;transform:translate(-250px)}to{opacity:1;transform:translate(0)}}@keyframes showSideRight{0%{opacity:0;transform:translate(250px)}to{opacity:1;transform:translate(0)}}@keyframes shakeWrong{0%,to{transform:translate(0)}10%,30%,50%,70%{transform:translate(-10px)}20%,40%,60%{transform:translate(10px)}80%{transform:translate(8px)}90%{transform:translate(-8px)}}@keyframes blinkCorrect{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes blinkCompleted{0%{opacity:.4}to{opacity:1}}@keyframes scaleCompleted{0%{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}@keyframes answerAnimation{0%{opacity:1;transform:scale(1.3) translateY(0)}to{opacity:0;transform:scale(1) translateY(150px)}}@keyframes scaleUpRight{0%{transform-origin:100% 50%;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}to{transform:scale(1);transform-origin:100% 50%}}@keyframes loader{0%{inset:0 35px 35px 0}12.5%{inset:0 35px 0 0}25%{inset:35px 35px 0 0}37.5%{inset:35px 0 0 0}50%{inset:35px 0 0 35px}62.5%{inset:0 0 0 35px}75%{inset:0 0 35px 35px}87.5%{inset:0 0 35px 0}to{inset:0 35px 35px 0}}.loading-trivia{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000}.loading-trivia .loader{width:65px;aspect-ratio:1;position:relative}.loading-trivia .loader:before,.loading-trivia .loader:after{content:"";position:absolute;border-radius:50px;box-shadow:0 0 0 3px inset #fff;animation:loader 2.5s infinite;-webkit-animation:loader 2.5s infinite}.loading-trivia .loader:after{animation-delay:-1.25s}.error-trivia{width:100vw;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#242626}.error-trivia .error-title{text-transform:uppercase;font-size:clamp(1.5rem,5vh,2.5rem);font-style:italic;text-align:center;color:#ad0d0d}.error-trivia .error-message{width:70%;max-width:500px;font-size:clamp(1rem,3.5vh,1.5rem);font-weight:200;text-align:center;color:#fff}.upcoming-advise,.ended-advise{width:100vw;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.upcoming-advise .logo,.ended-advise .logo{width:80%;max-width:400px;height:auto;position:absolute;top:2rem}.upcoming-advise .icon-image,.ended-advise .icon-image{width:40%;max-width:200px}.upcoming-advise .title,.ended-advise .title{width:90%;max-width:400px;margin-top:2rem;font-size:clamp(2rem,3vw,3rem);font-style:italic;text-align:center;text-transform:uppercase;margin-bottom:2rem;line-height:120%}.upcoming-advise .title span,.ended-advise .title span{font-size:clamp(2.5rem,5vw,3.5rem)}.upcoming-advise .text,.ended-advise .text{width:80%;max-width:500px;font-size:clamp(.8rem,2vw,1.5rem);text-transform:uppercase;text-align:center}.upcoming-advise .text span,.ended-advise .text span{text-transform:lowercase}.user-register{width:100vw;margin-top:10vh;display:flex;flex-direction:column;align-items:center;gap:2rem}.user-register h2{font-weight:500}.user-register input{height:2.5rem;border:1px solid black;border-radius:.6rem;-webkit-border-radius:.6rem;-moz-border-radius:.6rem;-ms-border-radius:.6rem;-o-border-radius:.6rem}.user-register .signin-form{width:90%;max-width:450px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;background-color:#b8b8b8;border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem}.user-register .signin-form .field{width:100%;display:flex;justify-content:space-between;align-items:center}.user-register .signin-form .field input{width:70%;padding:.6rem}.user-register .signin-form .submit{width:100%;margin:auto}.app-trivia,.category{width:100vw;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.app-trivia .background-image-container,.category .background-image-container{position:absolute;position:relative;top:0;width:auto;width:100vw;min-width:400px;max-width:600px;max-width:900px;height:100%;display:flex;justify-content:center;align-items:center}.app-trivia .background-image-container .background-image,.category .background-image-container .background-image{margin:0;position:absolute;top:0;width:100%;min-width:250px;max-width:900px;height:100%;min-height:400px;max-height:1100px}.app-trivia .hide,.category .hide{display:none}.app-trivia{position:relative;display:flex;flex-direction:column;align-items:center}.app-trivia .header{z-index:25;width:100vw;max-width:600px;position:absolute;top:0;padding-top:2vh;display:flex;align-items:center;justify-content:space-evenly}.app-trivia .header .menu-icon{width:20%;display:flex;align-items:center;justify-content:center}.app-trivia .header .menu-icon button{width:100%;min-width:20px;max-width:40px;height:100%;min-height:20px;max-height:40px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none}.app-trivia .header .menu-icon button:hover{cursor:pointer}.app-trivia .header .menu-icon button img{width:auto;height:100%;min-height:20px;max-height:40px}.app-trivia .header .user-menu-container{z-index:900000000;position:absolute;left:0;top:0;width:100vw;max-width:600px;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:start;background-color:#0009;transition:all .25s linear;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-ms-transition:all .25s linear;-o-transition:all .25s linear}.app-trivia .header .user-menu-container .side-menu{position:relative;top:1rem;left:0;width:96%;min-width:260px;height:100%;border-top-right-radius:20px}.app-trivia .header .user-menu-container .side-menu .header{position:relative;top:0;width:100%;height:10vh;min-height:50px;max-height:80px;display:flex;align-items:center;justify-content:space-around;background-color:#0005;padding:.3rem .1rem;border-bottom:2px solid}.app-trivia .header .user-menu-container .side-menu .header h4{width:45%;font-size:clamp(.9rem,3.6vh,1.2rem);line-height:clamp(.9rem,3.6vh,1.2rem);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.app-trivia .header .user-menu-container .side-menu .header img{width:auto;height:100%;max-height:80px}.app-trivia .header .user-menu-container .side-menu .header .button-close{width:2.5rem;aspect-ratio:1/1;border:none;padding:4px;background-color:transparent;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.app-trivia .header .user-menu-container .side-menu .header .button-close:hover{cursor:pointer}.app-trivia .header .user-menu-container .side-menu .main{position:relative;height:90dvh;min-height:500px;padding:1rem .6rem;display:flex;flex-direction:column;justify-content:space-evenly;gap:.5rem}.app-trivia .header .user-menu-container .side-menu .main .user-profile{width:100%;height:20%;min-height:80px;max-height:140px;margin:.5rem 0;display:flex;align-items:center;justify-content:space-evenly;gap:0rem}.app-trivia .header .user-menu-container .side-menu .main .user-profile .user-data{width:45%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.app-trivia .header .user-menu-container .side-menu .main .user-profile .user-data .user-avatar-container{position:relative;top:0;width:-moz-fit-content;width:fit-content;height:70%;min-height:50px;max-height:120px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:none;border-radius:10rem;-webkit-border-radius:10rem;-moz-border-radius:10rem;-ms-border-radius:10rem;-o-border-radius:10rem}.app-trivia .header .user-menu-container .side-menu .main .user-profile .user-data .user-avatar-container .user-avatar-image{width:auto;height:100%;aspect-ratio:1/1;background-color:#fff;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}.app-trivia .header .user-menu-container .side-menu .main .user-profile .user-data .user-avatar-container .user-icon-container{height:100%;aspect-ratio:1/1;padding:15%;background-color:#fff;border-radius:10rem;-webkit-border-radius:10rem;-moz-border-radius:10rem;-ms-border-radius:10rem;-o-border-radius:10rem}.app-trivia .header .user-menu-container .side-menu .main .user-profile .user-data .user-avatar-container .edit-icon{position:absolute;bottom:0;right:0;width:1.2rem;height:1.2rem;aspect-ratio:1/1;padding:3px;background-color:gray;border:none;cursor:pointer;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}.app-trivia .header .user-menu-container .side-menu .main .user-profile .user-data .user-name{font-size:clamp(.9rem,2.5vh,1.2rem);font-weight:500;letter-spacing:1px;line-height:clamp(.9rem,2.5vh,1.2rem);text-transform:uppercase}.app-trivia .header .user-menu-container .side-menu .main .user-profile .user-points-container{width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid white}.app-trivia .header .user-menu-container .side-menu .main .user-profile .user-points-container .user-points{font-size:clamp(2rem,7vh,2.5rem);font-weight:600;line-height:clamp(2rem,7vh,2.5rem)}.app-trivia .header .user-menu-container .side-menu .main .user-profile .user-points-container span{text-transform:uppercase;font-size:clamp(1rem,4vh,1.5rem);font-weight:500;letter-spacing:4px}.app-trivia .header .user-menu-container .side-menu .main .user-progress{width:100%;height:-moz-fit-content;height:fit-content;padding:1rem;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.app-trivia .header .user-menu-container .side-menu .main .user-progress .title{font-size:1rem;font-weight:500;text-transform:uppercase}.app-trivia .header .user-menu-container .side-menu .main .user-progress .categories-progress{width:100%;margin:15px 0;display:flex;flex-direction:column;gap:7px}.app-trivia .header .user-menu-container .side-menu .main .user-progress .categories-progress .category-progress{width:100%;display:flex;align-items:center;justify-content:space-between}.app-trivia .header .user-menu-container .side-menu .main .user-progress .categories-progress .category-progress .category-name{font-size:.7rem;font-weight:500;text-transform:uppercase}.app-trivia .header .user-menu-container .side-menu .main .user-progress .total-progress{width:100%;margin:0;display:flex;justify-content:space-between}.app-trivia .header .user-menu-container .side-menu .main .user-progress .total-progress .title{font-size:.7rem;color:#19c120}.app-trivia .header .user-menu-container .side-menu .main .user-progress .progress-bar-container{position:relative;width:65%;display:flex;align-items:center;justify-content:center;gap:.2rem}.app-trivia .header .user-menu-container .side-menu .main .user-progress .progress-bar-container .number{font-weight:400;font-size:.6rem}.app-trivia .header .user-menu-container .side-menu .main .user-progress .progress-bar-container .bar-container{width:85%;height:1.2rem;padding:2px;background-color:#fff;border-radius:.15rem;-webkit-border-radius:.15rem;-moz-border-radius:.15rem;-ms-border-radius:.15rem;-o-border-radius:.15rem}.app-trivia .header .user-menu-container .side-menu .main .user-progress .progress-bar-container .bar-container .bar{height:100%;position:relative;display:flex;align-items:center;justify-content:center;background-color:#19c120;border-radius:.15rem;-webkit-border-radius:.15rem;-moz-border-radius:.15rem;-ms-border-radius:.15rem;-o-border-radius:.15rem}.app-trivia .header .user-menu-container .side-menu .main .user-progress .progress-bar-container .bar-container .bar .actual-progress{font-size:.6rem;line-height:.8rem;text-transform:uppercase}.app-trivia .header .user-menu-container .side-menu .main .answers-type{width:100%;height:-moz-fit-content;height:fit-content;padding:.3rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background-color:#0005;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.app-trivia .header .user-menu-container .side-menu .main .answers-type .donuts-chart-container{position:relative;width:100%;height:60%;padding:0;display:flex;align-items:center;justify-content:center;gap:.6rem}.app-trivia .header .user-menu-container .side-menu .main .answers-type .donuts-chart-container .title{font-size:clamp(.9rem,3.5vw,1.2rem);font-weight:500;text-transform:uppercase;margin:0}.app-trivia .header .user-menu-container .side-menu .main .answers-type .donuts-chart-container .donut-chart{padding:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center;transform:scale(.75);-webkit-transform:scale(.75);-moz-transform:scale(.75);-ms-transform:scale(.75);-o-transform:scale(.75)}.app-trivia .header .user-menu-container .side-menu .main .answers-type .donuts-chart-container .donut-chart svg{position:absolute;transform:scale(.5) translate(0);-webkit-transform:scale(.5) translateX(0px);-moz-transform:scale(.5) translateX(0px);-ms-transform:scale(.5) translateX(0px);-o-transform:scale(.5) translateX(0px)}.app-trivia .header .user-menu-container .side-menu .main .answers-type .donuts-chart-container .donut-chart .value{position:relative;z-index:500;color:#fff;font-size:1.7rem}.app-trivia .header .user-menu-container .side-menu .main .answers-type .answers-type-detail{width:100%;display:flex;justify-content:space-around}.app-trivia .header .user-menu-container .side-menu .main .answers-type .answers-type-detail .answer-type{display:flex;align-items:center;justify-content:center;gap:.2rem}.app-trivia .header .user-menu-container .side-menu .main .answers-type .answers-type-detail .answer-type .image-icon{width:20%;min-width:30px;max-width:50px;aspect-ratio:1/1}.app-trivia .header .user-menu-container .side-menu .main .answers-type .answers-type-detail .answer-type .detail{font-size:clamp(.6rem,2.8vw,.9rem);text-transform:uppercase}.app-trivia .header .user-menu-container .side-menu .main .answers-points{width:100%;height:20%;min-height:60px;max-height:120px;margin-bottom:2rem;padding:0 5px;display:flex;align-items:center;gap:.5rem}.app-trivia .header .user-menu-container .side-menu .main .answers-points .title{font-size:clamp(.8rem,4vw,1rem);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.app-trivia .header .user-menu-container .side-menu .main .answers-points .answer{width:30%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-trivia .header .user-menu-container .side-menu .main .answers-points .answer .image-icon{height:40%;min-height:30px;max-height:60px;aspect-ratio:1/1}.app-trivia .header .user-menu-container .side-menu .main .answers-points .answer .number{font-size:clamp(.9rem,4.5vw,1.2rem);font-weight:500}.app-trivia .header .user-menu-container .side-menu .main .avatars-selection-container{position:absolute;left:0;top:0;width:100%;height:100%;min-height:550px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0005}.app-trivia .header .user-menu-container .side-menu .main .avatars-selection-container .avatars-grid-container{position:relative;top:0;width:90%;height:80%;min-height:600px;padding:2rem 1rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}.app-trivia .header .user-menu-container .side-menu .main .avatars-selection-container .avatars-grid-container .button-close{position:absolute;top:0;left:0;width:2rem;margin:5px;background-color:transparent;border:none}.app-trivia .header .user-menu-container .side-menu .main .avatars-selection-container .avatars-grid-container .button-close:hover{cursor:pointer;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.app-trivia .header .user-menu-container .side-menu .main .avatars-selection-container .avatars-grid-container .avatars-grid{width:100%;height:100%;padding:1rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:1rem}.app-trivia .header .user-menu-container .side-menu .main .avatars-selection-container .avatars-grid-container .avatars-grid .button-avatar{width:100%;aspect-ratio:1/1;background-color:transparent;border:5px solid;overflow:hidden;border-radius:1.5rem;-webkit-border-radius:1.5rem;-moz-border-radius:1.5rem;-ms-border-radius:1.5rem;-o-border-radius:1.5rem}.app-trivia .header .user-menu-container .side-menu .main .avatars-selection-container .avatars-grid-container .avatars-grid .button-avatar:hover{cursor:pointer;background-color:#0003;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.app-trivia .header .user-menu-container .side-menu .main .avatars-selection-container .avatars-grid-container .avatars-grid .button-avatar img{width:100%;height:100%}.app-trivia .header .show-user-menu{opacity:1;transform:translate(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.app-trivia .header .hide-user-menu{opacity:0;transform:translate(-200%);-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%)}.app-trivia .header .logo-header{z-index:20;width:60%;display:flex;justify-content:center}.app-trivia .header .logo-header .logo-img-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.app-trivia .header .logo-header .logo-img-wrapper:hover{cursor:pointer}.app-trivia .header .logo-header .logo-img-wrapper a{width:100%;min-width:160px;max-width:280px;display:flex;flex-direction:column;align-items:flex-end;font-size:0px}.app-trivia .header .logo-header .logo-img-wrapper a .img-logo{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.app-trivia .header .logo-header .logo-img-wrapper a .img-made-by{margin-top:-5px;margin-right:5px;width:auto;height:15%;-o-object-fit:contain;object-fit:contain}.app-trivia .header .sound-controls{z-index:20;width:20%;height:100%;isolation:isolate;display:flex;align-items:center;justify-content:center}.app-trivia .header .sound-controls .volume-control,.app-trivia .header .sound-controls .mute-control{height:100%;padding:10px;margin-left:0;background-color:transparent;border:none;position:relative}.app-trivia .header .sound-controls .volume-control :hover,.app-trivia .header .sound-controls .mute-control :hover{cursor:pointer}.app-trivia .header .sound-controls .volume-control img,.app-trivia .header .sound-controls .mute-control img{height:100%;min-height:20px;max-height:30px}.app-trivia .header .sound-controls .volume-control svg,.app-trivia .header .sound-controls .mute-control svg{height:40px;width:40px;fill:transparent}.app-trivia .pop-up-fireworks{width:100vw;max-width:600px;max-width:900px;height:100%;position:absolute;top:0px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:30000}.app-trivia .pop-up-fireworks .golden-congrats{width:90%;min-width:240px;max-width:360px;position:absolute;top:10%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:fontTrivia;font-size:1.7rem;font-size:clamp(1.4rem,8vw,2rem);font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:4px;line-height:1em;background-image:linear-gradient(to right,#462523 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#462523 100%);color:transparent;background-clip:text;-webkit-background-clip:text;opacity:1;animation:blinkCompleted 1s ease-in-out .25s infinite normal forwards;-webkit-animation:blinkCompleted 1s ease-in-out .25s infinite normal forwards}.app-trivia .pop-up-fireworks canvas{width:100%;height:100%;position:absolute;top:0px}.app-trivia .pop-up-fireworks .idol-golden{width:auto;max-width:320px;height:35%;min-height:160px;position:absolute;bottom:10%}.app-trivia .hide{display:none}.app-trivia .bubble-message-wrapper{z-index:8;width:100%;max-width:360px;height:45%;padding-left:1rem;position:absolute;bottom:0}.app-trivia .bubble-message-wrapper img{width:50%;max-width:160px;height:auto;animation:scaleUpRight .5s cubic-bezier(.39,.575,.565,1) both;-webkit-animation:scaleUpRight .5s cubic-bezier(.39,.575,.565,1) both}.app-trivia .bubble-daily-limit-wrapper{z-index:800;width:100%;max-width:360px;height:45%;padding-left:1rem;position:absolute;bottom:0}.app-trivia .bubble-daily-limit-wrapper img{width:50%;max-width:160px;height:auto;animation:scaleUpRight .5s cubic-bezier(.39,.575,.565,1) both;-webkit-animation:scaleUpRight .5s cubic-bezier(.39,.575,.565,1) both}.app-trivia .panel-footer-container{z-index:24;width:100vw;min-width:240px;max-width:600px;height:15%;min-height:70px;max-height:100px;margin-bottom:10px;padding-bottom:10px;position:absolute;bottom:0;display:flex;justify-content:center;align-items:center}.app-trivia .panel-footer-container .wrapper-bases-rewards{z-index:2000;width:100%;height:100%;display:flex;justify-content:space-around;align-items:center}.app-trivia .panel-footer-container .wrapper-bases-rewards .bases,.app-trivia .panel-footer-container .wrapper-bases-rewards .rewards{z-index:30;width:15vw;min-width:50px;max-width:100px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.app-trivia .panel-footer-container .wrapper-bases-rewards .bases a,.app-trivia .panel-footer-container .wrapper-bases-rewards .rewards a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.app-trivia .panel-footer-container .wrapper-bases-rewards .bases #button-rewards,.app-trivia .panel-footer-container .wrapper-bases-rewards .rewards #button-rewards{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none}.app-trivia .panel-footer-container .wrapper-bases-rewards .bases #button-rewards:hover,.app-trivia .panel-footer-container .wrapper-bases-rewards .rewards #button-rewards:hover{cursor:pointer}.app-trivia .panel-footer-container .wrapper-bases-rewards .bases img,.app-trivia .panel-footer-container .wrapper-bases-rewards .rewards img{width:auto;height:100%;max-height:60px}.app-trivia .panel-footer-container .wrapper-bases-rewards .bases img:active,.app-trivia .panel-footer-container .wrapper-bases-rewards .rewards img:active{transform:scale(.9)}.app-trivia .panel-footer-container .wrapper-bases-rewards .bases h5,.app-trivia .panel-footer-container .wrapper-bases-rewards .rewards h5{font-size:.8rem;font-weight:400;text-transform:uppercase}.app-trivia .panel-footer-container .wrapper-bases-rewards .bases h5:hover,.app-trivia .panel-footer-container .wrapper-bases-rewards .rewards h5:hover{cursor:default}.app-trivia .panel-footer-container .wrapper-bases-rewards .bases,.app-trivia .panel-footer-container .wrapper-bases-rewards .rewards{display:flex;flex-direction:column;justify-content:center;align-items:center}.app-trivia .panel-footer-container .wrapper-bases-rewards .points{z-index:20;width:40%;min-width:140px;max-width:200px;margin-bottom:2%;display:flex;justify-content:center;align-items:center}.app-trivia .panel-footer-container .wrapper-bases-rewards .points span{margin-bottom:5px;font-family:fontTrivia;font-weight:700;text-align:center;font-size:clamp(1.5rem,9vw,2.5rem);position:absolute;cursor:default}.app-trivia .panel-footer-container .wrapper-bases-rewards .points img{width:100%}.app-trivia .panel-footer-container .button-back{width:10%;max-width:40px}.app-trivia .panel-footer-container .button-back .back-home{width:50px;height:50px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none}.app-trivia .panel-footer-container .button-back .back-home img{width:30px;height:auto}.app-trivia .panel-footer-container .questions-answered{width:10%;max-width:80px;padding-right:10px;display:flex;justify-content:center}.app-trivia .panel-footer-container .questions-answered span{font-size:1.5rem}.app-trivia .wrapper-pop-up{z-index:900000;width:100vw;height:100vh;height:100dvh;position:absolute;top:0;display:flex;justify-content:center;align-items:center;background-color:#000000bf}.app-trivia .wrapper-pop-up .pop-up-rewards{z-index:200000;width:90vw;max-width:380px;height:60%;min-height:300px;max-height:500px;display:flex;flex-direction:column;align-items:center;box-shadow:5px 5px 10px #000;border-radius:26px;-webkit-border-radius:26px;-moz-border-radius:26px;-ms-border-radius:26px;-o-border-radius:26px}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-button{z-index:200000;width:100%;height:40px;display:flex;justify-content:flex-end}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-button .close-rewards{width:30px;height:30px;margin-top:.5rem;margin-right:.5rem;padding-bottom:3px;background-color:transparent;display:flex;justify-content:center;align-items:center;border:none;font-family:fontTrivia;font-size:1.3rem;font-weight:600;border-radius:50%}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-button .close-rewards:hover{cursor:pointer}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider{z-index:80000000;width:100%;max-width:600px;max-width:900px;height:90%;position:relative;display:flex;justify-content:center;align-items:center}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .wrapper-image{width:100%;max-width:580px;height:80%;margin:20px 0}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .wrapper-image img{-o-object-fit:contain;object-fit:contain;width:100%;min-width:220px;height:100%;min-height:220px}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .wrapper-image-hidden{display:none}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .arrow-container{position:absolute;width:25px;height:40px;border:none;border-radius:26px;cursor:pointer;box-shadow:0 0 5px #666;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .arrow-container:disabled{box-shadow:0 0 3px #a9a9a9}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .arrow-container:disabled img{display:none}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .arrow-container:disabled:hover{cursor:default}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .arrow-container:hover{cursor:pointer}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .arrow-container img{width:100%;height:auto}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .left-arrow{left:1rem}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .right-arrow{right:1rem}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .indicators-container{display:flex;position:absolute;bottom:1rem}.app-trivia .wrapper-pop-up .pop-up-rewards .wrapper-slider .indicators-container .indicator{height:.7rem;width:.7rem;border:none;outline:none;box-shadow:0 0 2px #555;margin:0 .5rem;cursor:pointer;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}.spinner-wheel{z-index:5;width:100vw;max-width:600px;position:absolute}.spinner-wheel #wrapper{max-width:600px;display:flex;justify-content:center;align-items:center}.spinner-wheel #wrapper #wheel{width:250px;height:250px;border-radius:50%;position:relative;overflow:hidden;box-shadow:#0003 0 0 10px,#0000000d 0 3px}.spinner-wheel #wrapper #wheel{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}.spinner-wheel #wrapper #wheel .ring{display:flex;align-items:center;justify-content:center;position:absolute;top:0px;right:0px}.spinner-wheel #wrapper #wheel .ring .center-ring{z-index:10;width:250px;height:250px;border:6px solid;border-radius:50%}.spinner-wheel #wrapper #wheel .ring .pointer-triangle{z-index:20;position:absolute;right:0;width:20px;height:20px;-webkit-clip-path:polygon(100% 0,0 50%,100% 100%);clip-path:polygon(100% 0,0 50%,100% 100%)}.spinner-wheel #wrapper #inner-wheel{width:100%;height:100%;transition-property:all;-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all;transition-timing-function:cubic-bezier(0,.99,.44,.99);-webkit-transition-timing-function:cubic-bezier(0,.99,.44,.99);-moz-transition-timing-function:cubic-bezier(0,.99,.44,.99);-ms-transition-timing-function:cubic-bezier(0,.99,.44,.99);-o-transition-timing-function:cubic-bezier(0,.99,.44,.99)}.spinner-wheel #wrapper #wheel .sec{width:200px;height:200px;position:absolute;transform-origin:0px 0px;left:125px;top:125px;opacity:1;-webkit-clip-path:polygon(50% 50%,100% 50%,75% 6.6%);clip-path:polygon(50% 50%,100% 50%,75% 6.6%)}.spinner-wheel #wrapper #wheel .sec img{width:60px}.spinner-wheel #wrapper #wheel .sections-4 .sec{-webkit-clip-path:polygon(0 100%,0 0,100% 0);clip-path:polygon(0 100%,0 0,100% 0)}.spinner-wheel #wrapper #wheel .sections-4 .sec h5{position:relative;top:50px;right:15px;transform:rotate(125deg)}.spinner-wheel #wrapper #wheel .sections-4 .sec img{width:60px;position:relative;top:20px;left:20px;transform:scale(1) rotate(135deg);-webkit-transform:scale(1) rotate(135deg);-moz-transform:scale(1) rotate(135deg);-ms-transform:scale(1) rotate(135deg);-o-transform:scale(1) rotate(135deg)}.spinner-wheel #wrapper #wheel .sections-4 .sec:nth-child(1){z-index:5;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.spinner-wheel #wrapper #wheel .sections-4 .sec:nth-child(2){z-index:4;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg)}.spinner-wheel #wrapper #wheel .sections-4 .sec:nth-child(3){z-index:3;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}.spinner-wheel #wrapper #wheel .sections-4 .sec:nth-child(4){z-index:2;transform:rotate(0);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}.spinner-wheel #wrapper #wheel .sections-5 .sec{-webkit-clip-path:polygon(28% 100%,0 0,100% 0);clip-path:polygon(28% 100%,0 0,100% 0)}.spinner-wheel #wrapper #wheel .sections-5 .sec h5{position:relative;top:50px;right:15px;transform:rotate(125deg)}.spinner-wheel #wrapper #wheel .sections-5 .sec img{width:60px;position:relative;top:15px;left:35px;transform:scale(1) rotate(120deg);-webkit-transform:scale(1) rotate(120deg);-moz-transform:scale(1) rotate(120deg);-ms-transform:scale(1) rotate(120deg);-o-transform:scale(1) rotate(120deg)}.spinner-wheel #wrapper #wheel .sections-5 .sec:nth-child(1){z-index:3;transform:rotate(289deg)}.spinner-wheel #wrapper #wheel .sections-5 .sec:nth-child(2){z-index:2;transform:rotate(216deg)}.spinner-wheel #wrapper #wheel .sections-5 .sec:nth-child(3){z-index:1;transform:rotate(144deg)}.spinner-wheel #wrapper #wheel .sections-5 .sec:nth-child(4){transform:rotate(72deg)}.spinner-wheel #wrapper #wheel .sections-5 .sec:nth-child(5){z-index:4;transform:rotate(0)}.spinner-wheel #wrapper #wheel .sections-6 .sec{-webkit-clip-path:polygon(57% 100%,0 0,100% 0);clip-path:polygon(57% 100%,0 0,100% 0)}.spinner-wheel #wrapper #wheel .sections-6 .sec h5{position:relative;top:50px;right:15px;transform:rotate(125deg)}.spinner-wheel #wrapper #wheel .sections-6 .sec img{width:60px;position:relative;top:8px;left:35px;transform:scale(1) rotate(120deg);-webkit-transform:scale(1) rotate(120deg);-moz-transform:scale(1) rotate(120deg);-ms-transform:scale(1) rotate(120deg);-o-transform:scale(1) rotate(120deg)}.spinner-wheel #wrapper #wheel .sections-6 .sec:nth-child(1){z-index:5;transform:rotate(300deg);-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg)}.spinner-wheel #wrapper #wheel .sections-6 .sec:nth-child(2){z-index:4;transform:rotate(240deg);-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg)}.spinner-wheel #wrapper #wheel .sections-6 .sec:nth-child(3){z-index:3;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}.spinner-wheel #wrapper #wheel .sections-6 .sec:nth-child(4){z-index:2;transform:rotate(120deg);-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg)}.spinner-wheel #wrapper #wheel .sections-6 .sec:nth-child(5){z-index:1;transform:rotate(60deg);-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg)}.spinner-wheel #wrapper #wheel .sections-6 .sec:nth-child(6){transform:rotate(0);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}.spinner-wheel #wrapper #wheel .sections-7 .sec{-webkit-clip-path:polygon(79% 100%,0 0,100% 0);clip-path:polygon(79% 100%,0 0,100% 0)}.spinner-wheel #wrapper #wheel .sections-7 .sec h5{position:relative;top:35px;right:10px;transform:rotate(115deg)}.spinner-wheel #wrapper #wheel .sections-7 .sec img{width:45px;position:relative;top:12px;left:48px;transform:rotate(115deg)}.spinner-wheel #wrapper #wheel .sections-7 .sec:nth-child(1){z-index:1;transform:rotate(308.5deg)}.spinner-wheel #wrapper #wheel .sections-7 .sec:nth-child(2){transform:rotate(257.1deg)}.spinner-wheel #wrapper #wheel .sections-7 .sec:nth-child(3){transform:rotate(205.6deg)}.spinner-wheel #wrapper #wheel .sections-7 .sec:nth-child(4){transform:rotate(154.3deg)}.spinner-wheel #wrapper #wheel .sections-7 .sec:nth-child(5){transform:rotate(102.8deg)}.spinner-wheel #wrapper #wheel .sections-7 .sec:nth-child(6){transform:rotate(51.4deg)}.spinner-wheel #wrapper #wheel .sections-7 .sec:nth-child(7){transform:rotate(0)}.spinner-wheel #wrapper #wheel .sections-8 .sec{-webkit-clip-path:polygon(100% 100%,0 0,100% 0);clip-path:polygon(100% 100%,0 0,100% 0)}.spinner-wheel #wrapper #wheel .sections-8 .sec h5{position:relative;top:30px;right:10px;transform:rotate(110deg)}.spinner-wheel #wrapper #wheel .sections-8 .sec img{width:45px;position:relative;top:10px;left:54px;transform:rotate(110deg)}.spinner-wheel #wrapper #wheel .sections-8 .sec:nth-child(1){z-index:1;transform:rotate(315deg);-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);-o-transform:rotate(315deg)}.spinner-wheel #wrapper #wheel .sections-8 .sec:nth-child(2){transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg)}.spinner-wheel #wrapper #wheel .sections-8 .sec:nth-child(3){transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg)}.spinner-wheel #wrapper #wheel .sections-8 .sec:nth-child(4){transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}.spinner-wheel #wrapper #wheel .sections-8 .sec:nth-child(5){transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.spinner-wheel #wrapper #wheel .sections-8 .sec:nth-child(6){transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}.spinner-wheel #wrapper #wheel .sections-8 .sec:nth-child(7){transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.spinner-wheel #wrapper #wheel .sections-8 .sec:nth-child(8){transform:rotate(0);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}.spinner-wheel #wrapper #wheel #inner-wheel .disabled{filter:saturate(0)}.spinner-wheel #wrapper #wheel #spin{z-index:10000;width:60px;height:60px;position:absolute;top:39%;right:37%;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.spinner-wheel #wrapper #wheel #spin:hover{cursor:pointer}.spinner-wheel #wrapper #wheel #spin #inner-spin{width:100%;height:100%;padding:3px;position:relative;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;z-index:999}.spinner-wheel #wrapper #wheel #spin #inner-spin img{z-index:2000000;width:100%;height:auto;opacity:1}.spinner-wheel #wrapper #wheel #spin #inner-spin img:active{transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9)}.spinner-wheel #wrapper #wheel #spin #inner-spin img:hover{cursor:pointer}.spinner-wheel #wrapper #wheel #spin #inner-spin .disabled{filter:saturate(0);-webkit-filter:saturate(0);transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}.spinner-wheel #wrapper #wheel #spin #inner-spin .disabled:active{transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}.spinner-wheel .pointer-container{z-index:200;width:100%;max-width:600px;height:50vh;margin-top:60px;position:absolute;top:50%;display:flex;justify-content:center;align-items:flex-start}.spinner-wheel .pointer-container .pointer-image{width:auto;min-width:60px;max-width:260px;height:50%;min-height:100px;max-height:280px;margin-left:12%;margin-top:10%}.category .background-image-container .background-image{height:100%}.category .logo-header{z-index:20;position:absolute;top:1vh;width:100%;height:10vh;display:flex;justify-content:center}.category .logo-header .logo-img-wrapper{z-index:10;width:-moz-fit-content;width:fit-content;position:relative}.category .logo-header .logo-img-wrapper a{width:100%;display:flex;justify-content:center;font-size:0px}.category .logo-header .logo-img-wrapper a img{width:80%;min-width:220px;max-width:300px}.category .category-chosen{z-index:1000;position:absolute;width:100vw;max-width:500px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.category .category-chosen h2{margin-bottom:-20px;font-size:clamp(1.5rem,5vh,2.4rem);line-height:clamp(1.8rem,7vh,2.8rem);font-weight:400;text-transform:uppercase;text-align:center;cursor:default}.category .category-chosen .category-name{z-index:1000;font-size:clamp(1.8rem,5vh,3.5rem);line-height:clamp(2rem,9vh,7rem);font-weight:500;text-transform:uppercase;text-align:center;cursor:default}.category .category-chosen .category-image{z-index:100;min-width:125px;width:30vh;max-width:310px;min-height:125px;height:30%;max-height:310px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.category .category-chosen .category-image img{min-height:80px;height:25vh;max-height:250px;animation:catSelected .5s ease-in-out 0s 1 normal forwards;-webkit-animation:catSelected .5s ease-in-out 0s 1 normal forwards}.category .category-chosen .button-begin{width:60vw;min-width:220px;max-width:350px;padding:3px 25px;display:flex;justify-content:center;align-items:center;font-family:fontTrivia;font-size:clamp(1rem,5vh,3rem);font-weight:500;text-transform:uppercase;border:none;border-radius:200px;-webkit-border-radius:200px;-moz-border-radius:200px;-ms-border-radius:200px;-o-border-radius:200px;box-shadow:0 15px 10px -8px #000000bf}.category .category-chosen .button-begin:hover{cursor:pointer}.category .category-chosen .button-begin:active{transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9)}.category .category-questions{z-index:200;position:absolute;display:flex;flex-direction:column;align-items:center}.category .category-questions .category-chosen{position:relative;width:80vw;height:-moz-fit-content;height:fit-content;margin-bottom:0;display:flex;flex-direction:row;justify-content:center;align-items:center}.category .category-questions .category-chosen .category-image{width:7vh;min-width:40px;max-width:80px;height:7vh;min-height:40px;max-height:80px;margin:5px;padding:2px}.category .category-questions .category-chosen .category-image img{width:auto;min-width:30px;max-width:60px;height:100%;min-height:30px;max-height:60px}.category .category-questions .category-chosen .title{height:100%;display:flex;align-items:center}.category .category-questions .category-chosen .title h2{margin:0 5px 0 0;height:-moz-fit-content;height:fit-content;font-size:clamp(1rem,3vh,1.5rem);font-weight:400}.category .category-questions .category-chosen .title .category-name{margin:0;height:-moz-fit-content;height:fit-content;font-size:clamp(1rem,3vh,1.5rem);font-weight:500}.category .category-questions .cards-question{width:100vw;max-width:450px;height:-moz-fit-content;height:fit-content;min-height:220px;padding:0 10px;margin-top:0;overflow:hidden;display:none;display:flex;flex-direction:column;align-items:center}.category .category-questions .cards-question .title-question{width:80vw;min-width:220px;max-width:400px;height:-moz-fit-content;height:fit-content;padding:1% 0;border-top:1.5px solid;border-bottom:1.5px solid}.category .category-questions .cards-question .title-question .title{width:100%;font-size:1.2rem;font-size:clamp(1rem,3vh,1.5rem);font-weight:500;text-align:center;text-transform:uppercase}.category .category-questions .cards-question .title-question .wrapper-lottie{z-index:20000;width:100%;height:10vh;position:absolute;left:0;top:0;display:flex;justify-content:flex-end}.category .category-questions .cards-question .title-question .wrapper-lottie .lottie-bonus{margin-top:10px;position:relative;right:0}.category .category-questions .cards-question .hide-lottie-bonus{display:none}.category .category-questions .cards-question .cards-answers{width:90%;margin-top:16px;display:flex;flex-direction:column;align-items:center}.category .category-questions .cards-question .cards-answers li{width:100%;list-style:none}.category .category-questions .cards-question .cards-answers .answer{width:100%;height:7vh;min-height:40px;max-height:60px;margin:1vh 0;padding:4px;border:none;display:flex;justify-content:center;align-items:center;font-size:1rem;font-size:clamp(.9rem,4vw,1.2rem);font-weight:700;line-height:1;text-transform:uppercase;text-align:center;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.category .category-questions .cards-question .cards-answers .answer:hover{cursor:pointer}.category .category-questions .cards-question .cards-answers .answer div{display:flex;align-items:center}.category .category-questions .cards-question .cards-answers .answer div h5{font-size:1.1rem;text-transform:uppercase}.category .category-questions .cards-question .cards-answers .answer div img{height:25px;margin-left:20px}.category .category-questions .cards-question .cards-answers .hide{display:none}.category .category-questions .cards-question .cards-answers .show{display:flex}.category .category-questions .cards-question .cards-answers .correct,.category .category-questions .cards-question .cards-answers .wrong{font-size:1.2rem;font-weight:800;text-transform:uppercase}.category .category-questions .cards-question .cards-answers .correct{animation:blinkCorrect 1s ease .1s 1 normal forwards;-webkit-animation:blinkCorrect 1s ease .1s 1 normal forwards}.category .category-questions .cards-question .cards-answers .wrong{animation:shakeWrong 1s ease-in-out .1s 1 reverse forwards;-webkit-animation:shakeWrong 1s ease-in-out .1s 1 reverse forwards}.category .category-questions .cards-question .hide{display:none}.category .category-questions .cards-question .show{display:flex}.category .answers-animation{z-index:500;width:95vw;max-width:600px;position:absolute;top:20vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.category .answers-animation .answer-animation-correct{transform:scale(1.8);-webkit-transform:scale(1.8);-moz-transform:scale(1.8);-ms-transform:scale(1.8);-o-transform:scale(1.8);animation:answerAnimation .5s linear 0ms 1 reverse none;-webkit-animation:answerAnimation .5s linear 0ms 1 reverse none}.category .answers-animation .answer-animation-wrong{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);animation:answerAnimation .5s linear 0ms 1 reverse none;-webkit-animation:answerAnimation .5s linear 0ms 1 reverse none}.category .pop-up-limit-answers{width:100vw;max-width:900px;height:100%;padding-top:20vh;position:absolute;z-index:200000;display:flex;flex-direction:column;align-items:center;background-color:#000000d9;z-index:300000000}.category .pop-up-limit-answers .lottie-stop{width:60%;min-width:250px;max-width:320px;height:auto}.category .pop-up-limit-answers .title-limit-answers{width:80vw;max-width:350px;font-size:clamp(1.5rem,8vw,2rem);font-weight:500;text-transform:uppercase;text-align:center}.category .title-congrats{width:100vw;max-width:600px;max-width:900px;height:100%;position:absolute;top:0px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:800000000;animation:scaleCompleted .5s ease-in-out 0ms 1 normal forwards;-webkit-animation:scaleCompleted .5s ease-in-out 0ms 1 normal forwards}.category .title-congrats .silver-congrats{width:90%;max-width:400px;height:200px;position:absolute;top:10%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:fontTrivia;text-align:center;text-transform:uppercase;line-height:1em;font-size:2em;font-size:clamp(1.4rem,8vw,2.5rem);font-weight:600;letter-spacing:5px;cursor:default;background-image:linear-gradient(to right,#747474 0,#ccc 22%,#f0f0f0 45%,#f0f0f0 50%,#ffffff 55%,#9b9b9b 78%,#3b3b3b 100%);color:transparent;background-clip:text;-webkit-background-clip:text;animation:blinkCompleted 1s ease-in-out .25s 1 normal forwards;-webkit-animation:blinkCompleted 1s ease-in-out .25s 1 normal forwards}.category .title-congrats .silver-congrats:hover{cursor:default}.category .show-side-left{display:flex;animation:showSideLeft .5s ease-in-out 0s 1 normal forwards;-webkit-animation:showSideLeft .5s ease-in-out 0s 1 normal forwards}.category .show-side-right{animation:showSideRight .5s ease-in-out 0s 1 reverse forwards;-webkit-animation:showSideRight .5s ease-in-out 0s 1 reverse forwards}.category .panel-footer-container{z-index:20000000;width:100vw;min-width:260px;max-width:600px;height:15%;min-height:65px;max-height:80px;position:absolute;bottom:20px;display:flex;justify-content:space-around;align-items:center}.category .panel-footer-container .button-back{width:20vw;max-width:100px}.category .panel-footer-container .button-back .back-home{width:50%;height:30px;text-decoration:none;display:flex;justify-content:center;align-items:center}.category .panel-footer-container .button-back .back-home:hover{cursor:pointer}.category .panel-footer-container .button-back .back-home img{min-height:25px;height:3vh;max-height:40px}.category .panel-footer-container .points{z-index:20;width:40%;height:100%;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.category .panel-footer-container .points span{margin-bottom:5px;font-weight:400;font-family:fontTrivia;font-weight:600;text-align:center;font-size:clamp(1.5rem,8vw,2.5rem);position:absolute;cursor:default}.category .panel-footer-container .points img{width:100%;min-width:140px;max-width:200px}.category .panel-footer-container .questions-answered{width:20vw;max-width:100px;margin-left:0;font-size:clamp(1.2rem,6.5vw,2rem);display:flex;justify-content:center;cursor:default}.category .show-questions{display:flex}.category .show-questions.category-chosen{margin-bottom:0;flex-direction:row-reverse;justify-content:center;align-items:center;position:absolute;top:5vh}.category .show-questions .title{margin-top:10px;margin-left:-60px;display:flex;flex-direction:column;align-items:flex-start}.category .show-questions .title h2{font-size:4vh}.category .show-questions .title h3{font-size:1.5rem;font-size:4.2vh}.category .show-questions .title h4{font-size:4vh}.category .show-questions .category-image{width:80px;height:80px;margin-bottom:0;border:none;margin-right:80px}.category .show-questions .category-image img{min-width:60px;width:5vh;max-width:80px;min-height:60px;height:5vh;max-height:80px;animation:catIcon 2s ease 1s infinite normal both;-webkit-animation:catIcon 2s ease 1s infinite normal both}.category .show-questions .button-begin,.category .show-questions .cat-change{display:none}.category .show-questions .points{display:flex;opacity:1}.category .show-questions .hide,.category .hide{display:none}.category .show{display:flex;opacity:1}@media screen and (max-width: 1024px){.app-trivia .background-image-container,.category .background-image-container{max-width:900px}}@media screen and (max-width: 815px){.app-trivia,.category,.app-trivia .background-image-container,.category .background-image-container{max-width:815px}}@media screen and (max-width: 450px){body{border-radius:0}.user-register{width:100vw;margin-top:2vh;height:100vh;overflow:hidden;padding:2rem 0}.user-register input{height:2.5rem;border:1px solid black;border-radius:.6rem;-webkit-border-radius:.6rem;-moz-border-radius:.6rem;-ms-border-radius:.6rem;-o-border-radius:.6rem}.user-register .signin-form{width:95%;padding:1.5rem;gap:1rem;background-color:#9b9b9b;border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem}.user-register .signin-form .field{flex-direction:column;align-items:flex-start;gap:.5rem}.user-register .signin-form .field input{width:100%}.user-register .signin-form .submit{margin-top:1rem}.app-trivia #wrapper #wheel{transform:scale(1.6);-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6)}}@media screen and (max-width: 400px){.app-trivia #wrapper #wheel{transform:scale(1.4);-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-o-transform:scale(1.4)}}@media screen and (max-width: 360px){.app-trivia .header .user-menu-container .side-menu .main .avatars-selection-container{margin-top:2rem}.app-trivia .header .user-menu-container .side-menu .main .avatars-selection-container .avatars-grid-container{width:96%;padding-left:.2rem;padding-right:.2rem}.app-trivia .header .user-menu-container .side-menu .main .avatars-selection-container .avatars-grid-container .avatars-grid{padding:.5rem;gap:.6rem}.app-trivia #wrapper #wheel{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3)}}@media screen and (max-width: 330px){.app-trivia #wrapper #wheel{margin:0;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}}@media screen and (max-width: 310px){.app-trivia #wrapper{width:100vw}.app-trivia #wrapper #wheel{margin:0;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.category .cards-questions .cards-answers label h4{font-size:.9rem}}@media screen and (max-height: 650px){.app-trivia #wrapper #wheel{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.app-trivia .bubble-message-wrapper img{position:relative;top:-10%;scale:.9}.app-trivia .header .user-menu-container .side-menu .main{padding-top:2rem;overflow-y:scroll}.app-trivia .header .user-menu-container .side-menu .main .user-profile{margin-bottom:1rem;margin-top:2rem}.spinner-wheel .pointer-container{top:40%}.category .category-questions .cards-question .cards-answers .answer{font-size:clamp(.8rem,3.5vw,1rem)}}@media screen and (max-height: 550px){.app-trivia .header .user-menu-container .side-menu{top:0}.app-trivia .header .user-menu-container .side-menu .main{padding-top:4rem;min-height:450px;max-height:600px;overflow-y:scroll}.app-trivia .header .user-menu-container .side-menu .main .user-profile{margin-top:4.5rem;margin-bottom:.2rem}.app-trivia .stripe{height:200px;margin-top:20px}.app-trivia #wrapper #wheel{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.app-trivia .bubble-message-wrapper img{position:relative;top:-20%;scale:.8}.app-trivia .panel-footer-container .wrapper-bases-rewards .points{width:35%;min-width:80px}.app-trivia .panel-footer-container .wrapper-bases-rewards .points span{width:30%;min-width:110px;font-size:clamp(1.5rem,6vw,2.2rem)}.spinner-wheel .pointer-container{top:35%}.category .logo-header .logo-img-wrapper a img{min-width:150px;max-width:250px}.category .show-questions .title{margin-right:30px;margin-left:-60px;margin-bottom:10px;display:flex}.category .show-questions .title h2{margin-right:10px}.category .category-chosen{justify-content:space-between;gap:0}.category .category-chosen .category-name{margin-top:6px;font-size:clamp(1.8rem,5vh,3rem)}.category .category-chosen .button-begin{margin-top:-2rem}.category .category-questions .cards-question{margin-top:0}.category .category-questions .cards-question .title-question .title{font-size:1rem;line-height:1.05rem}.category .category-questions .cards-question .cards-answers .answer{width:100%;min-height:35px;font-size:clamp(.7rem,3vw,1rem)}.category .category-questions .cards-question .wrapper-lottie{height:18vh;min-height:120px}.category .category-questions .cards-question .wrapper-lottie .lottie-bonus{width:120px;height:120px}.category .answers-animation{top:5vh}.category .answers-animation .answer-animation-correct{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}.category .answers-animation .answer-animation-wrong{transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9)}.category .pop-up-limit-answers .lottie-stop{width:200px;height:200px}.category .pop-up-limit-answers .title-limit-answers{font-size:1.4rem}.category .panel-footer-container{bottom:1vh}.category .panel-footer-container .points{margin-bottom:0;width:30%;max-width:120px}.category .panel-footer-container .points img{min-width:100px;max-width:120px}.category .panel-footer-container .points span{width:35%;min-width:110px;font-size:clamp(1.5rem,6vw,2.2rem)}}
