@font-face{font-family:OpenSans;src:url(../fonts/OpenSans.6a258acd.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Iran;src:url(../fonts/Iran.1c7f779d.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Impacto;src:url(../fonts/Impacto.463948c2.woff) format("woff");font-weight:400;font-style:normal}*,:after,:before{padding:0;margin:0;box-sizing:border-box}html{font-size:16px}body,html{height:100%;min-height:100%}body{direction:rtl;font-family:Iran,sans-serif;font-size:1rem;color:#000;background-color:#f8f8f8}@media (max-width:480px){body{font-size:.9rem}}h1,h2,h3,h4,h5,h6,strong{font-weight:400}i{font-style:normal}@media (max-width:480px){h1{font-size:1.7em}}@media (max-width:480px){h2{font-size:1.3em}}p{line-height:2;font-size:.9rem;padding-top:15px}p strong{color:#f346dd}p span{color:#30c6ec}p.text-small{font-size:.64rem!important}@media (max-width:480px){p:not(.no-justify){text-align:justify!important}}a{color:inherit;text-decoration:none;transition:.2s ease-in-out}a,a:focus,a:hover{outline:none}a:active{-webkit-animation:toggle .4s;animation:toggle .4s}a img{outline:none;border:none}img{display:block;max-width:100%;height:auto!important;margin:0 auto}img.size-md{max-width:300px}img.size-sm{max-width:200px}img.size-xs{max-width:145px}img.size-xxs{max-width:100px}ol,ul{list-style:none}::-webkit-input-placeholder{font-family:Iran;font-size:14px;color:#c9c9c9}:-moz-placeholder,::-moz-placeholder{font-family:Iran;font-size:14px;color:#c9c9c9}:-ms-input-placeholder{font-family:Iran;font-size:14px;color:#c9c9c9}input{display:block;width:100%;height:40px;line-height:40px;font-family:Iran;font-size:16px;color:#000;text-align:center;-webkit-appearance:none;transition:.2s ease-in-out;padding:0 15px;outline:none;background-color:#fff;border:1px solid #2a2a2a;border-radius:4px}input:-webkit-autofill,input:-webkit-autofill:focus{background-color:#fff}input:-webkit-autofill:active{background-color:#fff}input:focus{box-shadow:0 0 10px #7e7e7e;border-color:transparent}input:disabled{cursor:not-allowed;color:#7e7e7e}select{height:40px;line-height:40px;padding:0 15px;-webkit-appearance:none}button,select{display:block;width:100%;font-size:16px;text-align:center;cursor:pointer;outline:none;border:none}button{position:relative;font-family:inherit;color:#fff;padding:10px;margin-top:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#f346dd;border-radius:4px;transition:.2s ease-in-out}button.button-primary{background-color:#26acce}button:active{-webkit-animation:toggle .4s;animation:toggle .4s}#app{position:relative;min-width:320px;min-height:100%;padding-bottom:17px}.frame{max-width:1240px;padding:0 17px;margin:0 auto}.frame.frame-sm{max-width:640px}.auto-frame{max-width:1024px;margin-left:auto;margin-right:auto}.mt-0{margin-top:0!important}.mt-0-5{margin-top:.5!important}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.mb-0{margin-bottom:0!important}.mb-0-5{margin-bottom:.5!important}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mr-1{margin-right:1rem}.mr-2{margin-right:2rem}.mr-3{margin-right:3rem}.mr-4{margin-right:4rem}.mx-1{margin-right:1rem;margin-left:1rem}.mx-2{margin-right:2rem;margin-left:2rem}.mx-3{margin-right:3rem;margin-left:3rem}.mx-4{margin-right:4rem;margin-left:4rem}.mx-auto{margin-left:auto;margin-right:auto}.p-1{padding:1rem}.p-2{padding:1.5rem}.p-3{padding:2rem}.p-4{padding:3rem}.pt-0{padding-top:0!important}.pt-1{padding-top:1rem}.pt-2{padding-top:2rem}.pt-3{padding-top:3rem}.pt-4{padding-top:4rem}.pb-1{padding-bottom:1rem}.pb-2{padding-bottom:2rem}.pb-3{padding-bottom:3rem}.pb-4{padding-bottom:4rem}.p-equal{padding:15px}.w-100{width:100%}.h-100{height:100%}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-end{text-align:end!important}.text-justify{text-align:justify!important}.d-flex{display:flex}.d-flex-boxed,.justify-content-between{justify-content:space-between}.d-flex-boxed{display:flex}.d-flex-boxed>div{width:48%}@media (max-width:580px){.d-flex-boxed{flex-direction:column}.d-flex-boxed>div{width:100%}}.d-flex-center{display:flex!important;justify-content:center;align-items:center}.ltr{direction:ltr!important}.font-rtl{font-family:Iran}.btn{display:inline-block;min-width:220px;color:#fff;padding:10px 12px;background-color:#26acce;border-radius:4px}.btn:hover{background-color:#db2dc5}@media (max-width:480px){.btn.full-width-xs{display:block}}.btn.btn-transparent{color:#0a0a0a;background-color:#f8f8f8;border:2px solid #0a0a0a}.btn.btn-secondary{background-color:#f346dd}.btn.btn-secondary:hover{background-color:#db2dc5}.btn.btn-gradient{color:#fff}.btn.btn-gradient:hover{background:linear-gradient(90deg,#26acce,#db2dc5 80%)}.btn.btn-double{color:#fff;background:#db2dc5;border:3px solid #26acce}.btn.btn-double:hover{background:#f346dd;border-color:#30c6ec}.btn.btn-lg{font-size:1.1em}.btn.twitch-btn{display:flex;justify-content:center;align-items:center;color:#a258cb;text-shadow:none!important;background-color:#fff;box-shadow:0 0 7px #0a0a0a,inset 0 0 2px #141414}.btn.twitch-btn span{margin:0 7px}.btn.twitch-2-btn,.btn.twitch-btn:hover{background-color:#a258cb;color:#fff}.btn.twitch-2-btn{display:flex;justify-content:center;align-items:center;text-shadow:none!important;box-shadow:0 0 7px #0a0a0a,inset 0 0 2px #141414}.btn.twitch-2-btn span{margin:0 7px}.btn.twitch-2-btn img{width:30px;border-radius:50%}.btn.twitch-2-btn:hover{background-color:#6e2c92}.btn img{width:24px;margin:0 7px}.brand-text{font-family:Impacto;font-size:1.1em;color:#f346dd;letter-spacing:1.3px}.brand-text span{color:#30c6ec}.not-found{display:flex;width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column}.not-found img{margin:0 auto}.clickable-item{cursor:pointer}.description{max-width:780px;margin-left:auto;margin-right:auto}@media (max-width:740px){.description{margin-top:0!important}}@media (max-width:480px){.description{font-size:.75rem}}.center-flex{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.divider{width:100%;margin:7px 0;border-top:1px solid #c4c4c4}.hint{display:inline-block;color:#fff;font-size:12px;padding:10px 15px;margin-top:12px;text-align:center;background-color:#ff3f3f;border-radius:7px}.hint.warning{background-color:#fcca33;color:#000}.hint a{color:#000}.hint a:hover{color:#30c6ec}.box-wrapper{display:flex;flex-wrap:wrap}.position-relative{position:relative}.rounded-xs{border-radius:1px!important}.rounded-sm{border-radius:2px!important}.rounded-md{border-radius:3px!important}.rounded-default{border-radius:5px!important}.rounded{border-radius:4px!important}.rounded-lg{border-radius:7px!important}.rounded-xxlg{border-radius:25px!important}.color-white{color:#fff}.color-primary{color:#30c6ec}.color-secondary{color:#f346dd}.color-primary-dark{color:#26acce}.color-secondary-dark{color:#db2dc5}.color-warning{color:#f88400}.color-twitch{color:#a258cb}.color-youtube{color:#cd2900}.color-discord{color:#a8adf0}.color-telegram{color:#59aae7}.color-twitter{color:#1da1f2}.color-aparat{color:#ed145b}.color-instagram{color:#ef72ad}.color-soundcloud{color:#f91}.color-pinterest{color:#cd2900}.color-reymit{color:#7d2eb4}.color-tip{color:#166fb8}.color-website{color:#59aae7}.color-tiktok{color:#040404}.color-spotify{color:#50b95d}.color-dono{color:#6e9efe}.color-sibmo{color:#3079dd}.color-facebook{color:#1d81ce}.color-snapchat{color:#ffce00}.color-reddit{color:#fe5022}.color-github{color:#fff}.color-imdb{color:#f5c518}.bg-color-primary{background-color:#30c6ec}.bg-color-secondary{background-color:#f346dd}.bg-color-primary-dark{background-color:#26acce}.bg-color-secondary-dark{background-color:#db2dc5}.bg-color-twitch{background-color:#a258cb}.bg-color-youtube{background-color:#cd2900}.bg-color-discord{background-color:#a8adf0}.bg-color-telegram{background-color:#59aae7}.bg-color-twitter{background-color:#1da1f2}.bg-color-aparat{background-color:#ed145b}.bg-color-instagram{background-color:#ef72ad}.bg-color-soundcloud{background-color:#f91}.bg-color-pinterest{background-color:#cd2900}.bg-color-reymit{background-color:#7d2eb4}.bg-color-tip{background-color:#166fb8}.bg-color-website{background-color:#59aae7}.bg-color-tiktok{background-color:#040404}.bg-color-spotify{background-color:#50b95d}.bg-color-dono{background-color:#6e9efe}.bg-color-sibmo{background-color:#3079dd}.bg-color-facebook{background-color:#1d81ce}.bg-color-snapchat{background-color:#ffce00}.bg-color-reddit{background-color:#fe5022}.bg-color-github{background-color:#fff}.bg-color-imdb{background-color:#f5c518}.border-color-primary{border-color:#30c6ec!important}.border-color-secondary{border-color:#f346dd!important}.border-color-primary-dark{border-color:#26acce!important}.border-color-secondary-dark{border-color:#db2dc5!important}.border-color-twitch{border-color:#a258cb!important}.border-color-youtube{border-color:#cd2900!important}.border-color-discord{border-color:#a8adf0!important}.border-color-telegram{border-color:#59aae7!important}.border-color-twitter{border-color:#1da1f2!important}.border-color-aparat{border-color:#ed145b!important}.border-color-instagram{border-color:#ef72ad!important}.border-color-soundcloud{border-color:#f91!important}.border-color-pinterest{border-color:#cd2900!important}.border-color-reymit{border-color:#7d2eb4!important}.border-color-tip{border-color:#166fb8!important}.border-color-website{border-color:#59aae7!important}.border-color-tiktok{border-color:#040404!important}.border-color-spotify{border-color:#50b95d!important}.border-color-dono{border-color:#6e9efe!important}.border-color-sibmo{border-color:#3079dd!important}.border-color-facebook{border-color:#1d81ce!important}.border-color-snapchat{border-color:#ffce00!important}.border-color-reddit{border-color:#fe5022!important}.border-color-github{background-color:#0a0a0a!important;border-color:#000!important}.border-color-imdb{border-color:#f5c518!important}.delete-icon{width:22px}.default-max-width{max-width:315px;margin-left:auto;margin-right:auto}.default-max-width.size-normal{max-width:224px}@media (max-width:480px){.default-max-width{max-width:100%!important}}.slide-enter-active{-webkit-animation:slide-in .4s ease-out forwards;animation:slide-in .4s ease-out forwards}.slide-leave-active{-webkit-animation:slide-out .4s ease-out;animation:slide-out .4s ease-out}.vue-notification-group{z-index:9999999999999!important;transform:translateY(10px)}.vue-notification-group .notification-content{text-align:center}.vue-notification-group .vue-notification{border-radius:7px}.broadcaster-type{position:absolute;top:3px;left:1px;display:block;width:60px;height:26px;line-height:24px;font-family:Impacto;font-size:13px;color:#fff;letter-spacing:.4px;text-align:center;text-shadow:0 0 2px #000;padding-right:4px;background-repeat:no-repeat;background-position:50%;background-size:100%;transition:.2s ease-in-out;z-index:999}.broadcaster-type.affiliate{background-image:url(../img/ribbon-blue.0d57a9ca.svg)}.broadcaster-type.partner{background-image:url(../img/ribbon-purple.df17812b.svg)}.broadcaster-type.size-lg{top:5px;left:-1px;width:90px;height:48px;line-height:42px;font-size:18px}@-webkit-keyframes slide-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slide-out{0%{opacity:1}to{opacity:0}}@keyframes slide-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes push{0%{transform:scale(.85)}33%{transform:scale(1)}66%{transform:scale(.85)}to{transform:scale(1)}}@keyframes push{0%{transform:scale(.85)}33%{transform:scale(1)}66%{transform:scale(.85)}to{transform:scale(1)}}@-webkit-keyframes toggle{0%{transform:scale(.94)}50%{transform:scale(.85)}to{transform:scale(1)}}@keyframes toggle{0%{transform:scale(.94)}50%{transform:scale(.85)}to{transform:scale(1)}}@-webkit-keyframes push-rev{0%{transform:scale(.7)}25%{transform:scale(1)}50%{transform:scale(.85)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes push-rev{0%{transform:scale(.7)}25%{transform:scale(1)}50%{transform:scale(.85)}75%{transform:scale(1)}to{transform:scale(1)}}.logo{direction:ltr;position:relative;display:flex;justify-content:start;align-items:center;text-align:center}.logo img{width:55px;margin:0 10px 0 0}.logo>div,.logo img{cursor:pointer}.logo.full-width{max-width:100%}.logo .brand-text-wrapper{height:38px}.logo .brand-text-wrapper .brand-text{display:block;font-size:26px;margin-top:2px}@media (max-width:400px){.logo .brand-text-wrapper{height:30px}.logo .brand-text-wrapper .brand-text{font-size:22px}}.title{text-align:center}.profile-box-wrapper{direction:ltr;display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:40px;margin-bottom:25px}.profile-box-wrapper .profile-box{width:18%;margin-left:2.5%}.profile-box-wrapper .profile-box:nth-child(5n+1){margin-left:0}@media (max-width:1040px){.profile-box-wrapper .profile-box{width:23.5%;margin-left:2%}.profile-box-wrapper .profile-box:nth-child(5n+1){margin-left:2%}.profile-box-wrapper .profile-box:nth-child(4n+1){margin-left:0}}@media (max-width:740px){.profile-box-wrapper{margin-top:40px}.profile-box-wrapper .profile-box{width:31%;margin-left:3.5%}.profile-box-wrapper .profile-box:nth-child(4n+1),.profile-box-wrapper .profile-box:nth-child(5n+1){margin-left:3.5%}.profile-box-wrapper .profile-box:nth-child(3n+1){margin-left:0}}@media (max-width:580px){.profile-box-wrapper{margin-top:20px}.profile-box-wrapper .profile-box{width:47.5%;margin-left:5%}.profile-box-wrapper .profile-box:nth-child(3n+1),.profile-box-wrapper .profile-box:nth-child(4n+1),.profile-box-wrapper .profile-box:nth-child(5n+1){margin-left:5%}.profile-box-wrapper .profile-box:nth-child(odd){margin-left:0}}@media (max-width:365px){.profile-box-wrapper{margin-top:10px}.profile-box-wrapper .profile-box{width:100%;margin-left:auto!important;margin-right:auto!important}}.profile-box{position:relative;display:block;width:100%;max-width:224px;max-height:280px;min-height:130px;color:#fff;overflow:hidden;margin-top:.9rem;margin-bottom:.9rem;background-color:#2a2a2a;border:2px solid #2a2a2a;border-radius:7px;box-shadow:0 0 10px #7e7e7e;transition:.2s ease-in-out}.profile-box>img{transition:.2s ease-in-out;border-radius:5px}.profile-box .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;visibility:hidden;z-index:9;transition:.2s ease-in-out}.profile-box .image-overlay img{height:calc(100% - 38px)!important;opacity:.8}.profile-box.not-live .image-overlay{background-color:rgba(0,0,0,.6)}.profile-box .live-dot{position:absolute;top:11px;right:14px;width:12px;height:12px;background-color:#ff3f3f;border-radius:50%;z-index:10}.profile-box .live-dot:after{content:"LIVE";direction:ltr;display:block;font-family:OpenSans;font-weight:700;color:#ff3f3f;font-size:11px;margin-left:-5px;margin-top:17px}.profile-box .live-dot:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:2px solid #ff3f3f;border-radius:50%;-webkit-animation:pulse 1.6s ease-in-out infinite;animation:pulse 1.6s ease-in-out infinite}.profile-box .duration{top:7px;right:35px;width:35px;height:35px;line-height:40px;font-size:10px;text-align:center;background:url(../img/duration.da8031fc.svg) no-repeat 50%;background-size:35px}.profile-box .duration,.profile-box .views{position:absolute;font-family:OpenSans;transition:.2s ease-in-out;z-index:10}.profile-box .views{bottom:42px;left:3px;font-size:12px;padding:3px 5px 3px 26px;background:url(../img/view-white.75015560.svg) no-repeat 6px #db2dc5;background-size:16px;border:3px solid #26acce;border-radius:5px}.profile-box .category{bottom:42px;right:3px;font-size:11px;padding:3.5px 5px;background:#db2dc5;border:3px solid #26acce;border-radius:5px}.profile-box .category,.profile-box h4{position:absolute;font-family:OpenSans;transition:.2s ease-in-out;z-index:10}.profile-box h4{bottom:0;left:0;width:100%;color:#fff;text-align:center;text-shadow:0 0 5px #000;padding:8px 5px 10px 5px;background-color:rgba(42,42,42,.9)}.profile-box.live-now{border:3px solid #26acce}.profile-box.live-now h4{color:#fff!important;padding:6px 5px 8px 5px;background-color:#db2dc5;border-top:3px solid #26acce}.profile-box:nth-child(2n) h4{color:#30c6ec}.profile-box:nth-child(odd) h4{color:#f346dd}.profile-box:hover{box-shadow:0 0 13px #000}.profile-box:hover>img{transform:scale(1.2)}.profile-box:hover .image-overlay{opacity:1;visibility:visible}.profile-box:hover .broadcaster-type,.profile-box:hover .category,.profile-box:hover .duration,.profile-box:hover .views{opacity:0}@media (max-width:1040px){.profile-box h4{font-size:1em}}@media (max-width:740px){.profile-box{max-height:320px}}@media (max-width:480px){.profile-box{margin-top:.6rem;margin-bottom:.6rem}.profile-box .category,.profile-box .views{bottom:39px}.profile-box h4{font-size:.9em;text-shadow:0 0 7px #000}}@media (max-width:400px){.profile-box .category,.profile-box .views{font-size:10px}}@media (max-width:365px){.profile-box .category,.profile-box .views{bottom:45px;font-size:14px}.profile-box h4{font-size:1.2em}}@-webkit-keyframes live{0%{opacity:.5}to{opacity:1}}@keyframes live{0%{opacity:.5}to{opacity:1}}@-webkit-keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.footer{width:calc(100% - 30px);color:#fff;text-align:center;padding:20px 10px;margin:0 auto;background-color:#2a2a2a;border-radius:7px;box-shadow:0 0 6px #9e9e9e}.footer ul{display:flex;justify-content:center;align-items:center;width:100%;height:100px}.footer ul li{margin:0 10px}.footer ul li img{width:50px}.footer a{color:#b6ef13;margin:0 5px}.start-quiz{width:100%;display:flex;flex-direction:column;align-items:center;padding:40px 0}.start-quiz form{text-align:center}.end-quiz{width:100%;display:flex;flex-direction:column;align-items:center;padding:20px 0}@media (max-width:740px){.end-quiz,.end-quiz .frame{height:100%}}.profile-page .profile-wrapper{display:flex;position:relative;margin-bottom:-14px}.profile-page .profile-wrapper .profile-sidebar{max-width:320px;width:100%}.profile-page .profile-wrapper .profile-main{width:100%;margin-right:15px}.profile-page .profile-wrapper .latest-youtube-video{position:relative;display:block;max-width:300px;height:160px;overflow:hidden;margin:2px 0;background-color:#000;border-bottom:2px solid #000;border-radius:5px;box-shadow:0 0 5px #9e9e9e}.profile-page .profile-wrapper .latest-youtube-video img{margin-top:-30px;transition:.2s ease-in-out}.profile-page .profile-wrapper .latest-youtube-video:after{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;opacity:1;background:url(../img/youtube-video.4a63b3e5.svg) no-repeat 50%;background-size:100%;transform:translate(-50%,-50%);transition:.2s ease-in-out}.profile-page .profile-wrapper .latest-youtube-video:hover img{opacity:.8}.profile-page .profile-wrapper .latest-youtube-video:hover:after{opacity:0;transform:translate(-50%,-50%) scale(2)}.profile-page .profile-wrapper .profile-live-card{direction:ltr;display:flex;width:100%;justify-content:space-between}.profile-page .profile-wrapper .profile-live-card .profile-stats{width:35%}.profile-page .profile-wrapper .profile-box{width:62%;margin:0}.profile-page .profile-wrapper .profile-box .category,.profile-page .profile-wrapper .profile-box .views{font-size:12px}.profile-page .profile-wrapper .profile-box h4{font-size:1em}@media (max-width:740px){.profile-page .profile-wrapper{flex-direction:column}.profile-page .profile-wrapper .profile-sidebar{max-width:100%}.profile-page .profile-wrapper .profile-main{margin-right:0}.profile-page .profile-wrapper .latest-youtube-video{margin-left:auto;margin-right:auto}}@media (max-width:365px){.profile-page .profile-wrapper .profile-wrapper .latest-youtube-video{height:147px}.profile-page .profile-wrapper .profile-wrapper .profile-box .category,.profile-page .profile-wrapper .profile-wrapper .profile-box .views{font-size:11px}}.progress-bar{direction:ltr;position:relative;max-width:calc(100% - 34px);width:100%;height:38px;line-height:36px;overflow:hidden;text-align:center;margin:0 auto;background-color:#e1e1e1;border-radius:50px}.progress-bar.display-only{max-width:300px;height:25px;margin:0 auto}.progress-bar.display-only strong{font-size:.7rem}.progress-bar span{display:block;height:100%;background:linear-gradient(270deg,#26acce,#db2dc5 80%);transition:all .3s ease-in-out}.progress-bar strong{position:absolute;left:50%;top:50%;font-family:OpenSans;transform:translate(-50%,-50%);z-index:10}@media (max-width:480px){.progress-bar{height:35px}}.main-quiz{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 0}@media (max-width:480px){.main-quiz a.btn{display:block}}.question-box{text-align:center;margin:40px 0 10px 0;transition:.3s ease-in-out}.question-box.fading{opacity:0}.question-box .answer-box{display:flex;justify-content:center;align-items:center;margin-top:20px}@media (max-width:480px){.question-box .answer-box{margin:0 -20px}}.question-box .answer-box li{margin:20px;cursor:pointer}.question-box .answer-box li img{width:325px;background-color:#2a2a2a;border:5px solid #2a2a2a;border-radius:5px;transition:.2s ease-in-out}.question-box .answer-box li strong{display:block;font-size:1.4em;margin-top:14px;transition:.2s ease-in-out}@media (max-width:740px){.question-box .answer-box li strong{font-size:1.1em}}@media (max-width:480px){.question-box .answer-box li strong{font-size:.8em}}.question-box .answer-box li.selected img{border-color:#30c6ec;box-shadow:0 0 10px #2a2a2a}.question-box .answer-box li.selected strong{color:#f346dd;text-shadow:2px 2px 2px #e1e1e1}.result-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:640px;height:600px;padding:100px 20px 105px 20px;margin:0 auto;border:4px solid #26acce;border-radius:5px}@media (max-width:740px){.result-card{height:100%}.result-card .progress-bar{margin-top:20px}}@media (max-width:480px){.result-card{padding:85px 20px 95px 20px}}.result-card h4 strong{font-weight:700;margin:0 3px;font-size:1.2rem}.result-card .logo{position:absolute;top:0;left:0;width:100%;padding:10px;z-index:10}.result-card .logo img{width:45px}.result-card .logo .vue-js-switch{right:0}@media (max-width:400px){.result-card .logo img{margin-right:5px}}.result-card .result-status{width:100px;margin:25px auto}@media (max-width:480px){.result-card .result-status{width:70px;margin:0 auto}}.result-card .result-text span{font-size:1.5rem;color:#26acce}.result-card .result-text span:last-of-type{color:#db2dc5}.result-card .card-footer{direction:ltr;position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;padding:15px;background-color:#30c6ec;border-top:4px solid #26acce}.result-card .card-footer img{width:50px;padding:2px;margin:0 10px 0 0;background-color:#fff;border:2px solid #db2dc5;border-radius:50%}@media (max-width:480px){.result-card .card-footer{padding:10px}}.header{position:relative;direction:ltr;z-index:999999}.header .main-header{justify-content:space-between;align-items:center;height:90px;padding:15px;box-shadow:0 2px 10px #aeaeae}.header .main-header,.nav-button{display:flex;background-color:#2a2a2a}.nav-button{flex-direction:column;justify-content:center;width:50px;height:50px;cursor:pointer;-webkit-animation:push-rev .7s;animation:push-rev .7s}.nav-button span{display:block;width:100%;height:10px;margin:3px 0;border-radius:7px}.nav-button span:first-child{background-color:#26acce;transition:.4s ease-in-out}.nav-button span:nth-child(2){background-color:#f346dd;transition:.4s ease-in-out .1s}.nav-button span:nth-child(3){background-color:#fff;transition:.4s ease-in-out .2s}.nav-button.active{-webkit-animation:push .7s;animation:push .7s}.nav-button.active span:first-child{background-color:#fff;transition:.2s ease-in-out .2s}.nav-button.active span:nth-child(2){background-color:#26acce;transition:.2s ease-in-out .1s}.nav-button.active span:nth-child(3){background-color:#f346dd;transition:.2s ease-in-out}.hamburger-menu{position:relative;height:90px;padding:9px;display:flex;justify-content:space-between;margin-top:-90px;background-color:#1a1a1a;border-bottom:1px solid transparent;z-index:10;transition:.4s ease-out;box-shadow:inset 0 0 5px #141414}.hamburger-menu.active{margin-top:0;border-bottom-color:#1a1a1a}.hamburger-menu a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;font-size:12px;color:#000;padding:12px 5px 10px 5px;margin-top:0;background-color:#e8e8e8;border-radius:5px}.hamburger-menu a img{width:25px;transition:.3s ease-in-out}.hamburger-menu a span{display:block;margin-top:5px;transition:.3s ease-in-out}.hamburger-menu a:hover img{width:40px!important;transform:translateY(11px)}.hamburger-menu a:hover span{opacity:0}.hamburger-menu a.dark-theme,.hamburger-menu a.light-theme{color:#fff;background-color:#353535;box-shadow:inset 0 0 3px #000,0 0 5px #000}.hamburger-menu a.language-button{background-color:#f8f8f8;box-shadow:inset 0 0 4px #000,0 0 5px #000}.hamburger-menu a.twitch-button{color:#a258cb;background-color:#f8f8f8}.hamburger-menu a.logout-button,.hamburger-menu a.twitch-button{border:1px solid #000;box-shadow:inset 0 0 3px #000,0 0 5px #000}.hamburger-menu a.logout-button{color:#fff;background-color:#ff3f3f}.hamburger-menu a.home-button{color:#fff;background-color:#141414;border:1px solid #070707;box-shadow:inset 0 0 3px #070707,0 0 5px #070707}.hamburger-menu a.profile-button{font-family:OpenSans;font-size:.62em!important;color:#fff;background-color:#6e2c92;box-shadow:inset 0 0 3px #000,0 0 5px #000}.hamburger-menu a.profile-button img{border-radius:50%}.hamburger-menu .right-side{display:flex;justify-content:flex-end;width:50%}.hamburger-menu .right-side a{margin-left:10px}.hamburger-menu .left-side{display:flex;width:50%}.hamburger-menu .left-side a{margin-right:10px}@media (max-width:480px){.hamburger-menu img{width:40px!important;transform:translateY(10px)}.hamburger-menu span{opacity:0}}@media (max-width:400px){.hamburger-menu{height:84px;margin-top:-84px}.hamburger-menu a{width:67px;height:67px}}@-webkit-keyframes shining{0%{border-color:#30c6ec;box-shadow:0 0 4px #26acce}to{border-color:#f346dd;box-shadow:0 0 4px #db2dc5}}@keyframes shining{0%{border-color:#30c6ec;box-shadow:0 0 4px #26acce}to{border-color:#f346dd;box-shadow:0 0 4px #db2dc5}}.toolbar{display:flex;justify-content:space-between}.toolbar .search-box{position:relative;max-width:480px;width:100%;border:3px solid #f346dd;border-radius:8px;box-shadow:0 0 7px #aeaeae}.toolbar .search-box>div{border:3px solid #30c6ec;border-radius:4px}.toolbar .search-box>div input{text-align:start;border:none;border-radius:0}.toolbar .search-box>div button{position:absolute;top:3px;left:0;font-size:1rem;padding:0;height:40px;width:47px;margin-top:0;opacity:1!important;background:url(../img/search.c354c2ed.svg) no-repeat 50% transparent;background-size:26px;transform:none!important}.toolbar .sort-box{display:flex}.toolbar .sort-box .sort-button{margin-right:10px}@media (max-width:960px){.toolbar .sort-box .sort-button{margin-right:7px}}.toolbar.only-search{justify-content:center}@media (max-width:960px){.toolbar .search-box{max-width:100%}}@media (max-width:480px){.toolbar{flex-direction:column}.toolbar .sort-box{justify-content:center;margin-top:20px;margin-left:-5px;margin-right:-5px}.toolbar .sort-box .sort-button{width:33%;margin-right:5px;margin-left:5px}}.sort-button{display:flex;align-items:center;justify-content:center;width:150px;font-size:13px;margin-top:0;background-color:#f346dd;border-radius:8px;box-shadow:inset 0 0 3px #141414,0 0 6px #7e7e7e}.sort-button img{width:20px;opacity:.7;margin:0 0 0 5px;transition:.2s ease-in-out}.sort-button.active{background-color:#26acce}.sort-button.active img{opacity:1}@media (max-width:960px){.sort-button{padding:8px;width:52px;height:52px}.sort-button img{margin:0!important}.sort-button span{display:none}}.profile-card{position:relative;direction:ltr;display:flex;font-size:.9em;color:#000}.profile-card .profile-image{position:relative;width:130px;margin-right:7px}.profile-card .profile-image img{min-width:90px;width:90px;height:90px!important;margin:0;border:2px solid #000;border-radius:4px;box-shadow:0 0 7px #aeaeae}.profile-card .profile-image img:hover+.broadcaster-type{opacity:0}.profile-card .profile-info{width:100%;font-family:OpenSans;color:#fff}.profile-card .profile-info h1{font-family:OpenSans;font-size:1.4em;color:#6e2c92;text-align:center;padding:5px;border:2px solid #a258cb;border-radius:4px}.link-box-wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start}.link-box{direction:ltr;display:block;width:31%;font-family:OpenSans;font-size:11px;color:#fff;text-align:center;padding:10px 2px;margin-top:.7rem;margin-right:3.5%;background-color:#fff;border-radius:7px;border:2px solid #7e7e7e;box-shadow:0 0 5px #9e9e9e}.link-box:nth-child(3n+1){margin-right:0}.link-box img{width:40px;margin-bottom:10px;border-radius:50%}@media (max-width:480px){.link-box{font-size:.8em}}.card{padding:15px;margin:35px 0;background-color:#fff;border-radius:7px;box-shadow:0 0 8px #7e7e7e}.card h3{text-align:center;color:#30c6ec;margin-bottom:15px}.card h3 strong{color:#f346dd}.card.has-shape{margin:0 0 15px 0}@media (max-width:580px){.card{padding:12px;margin:20px 0}.card:not(:first-child){margin-top:0}}.form-item{padding:20px 15px;margin:10px 0;background-color:#e8e8e8;border-radius:7px;box-shadow:inset 0 0 5px #7e7e7e}.form-item,.form-item label{display:flex;align-items:center}.form-item label{justify-content:space-between;min-width:180px;font-size:.9em}.form-item label div{display:flex;align-items:center}.form-item label div img{display:flex;width:30px;margin-right:10px;border-radius:50%}.form-item label img{margin:0 10px 0 0}.form-item label img.delete-icon:active{-webkit-animation:toggle .4s;animation:toggle .4s}.form-item input{max-width:100%;font-size:14px;text-align:start;border:none}.form-item.special{background-color:#ff3f3f!important}.form-item:first-child{margin-top:0}@media (max-width:740px){.form-item{display:block;align-items:normal;padding:15px}.form-item label{margin-bottom:12px;min-width:0;width:100%}.form-item input{max-width:100%}}@media (max-width:480px){.form-item{padding:12px}.form-item input{font-size:16px}}.quiz-card{position:relative;max-width:250px;overflow:hidden;margin:12px 1%;cursor:pointer;border-radius:5px;box-shadow:0 0 10px #7e7e7e}.quiz-card .image-wrapper{position:relative;overflow:hidden;border-radius:5px 5px 0 0}.quiz-card .image-wrapper img{border-radius:5px 5px 0 0;transition:.2s ease-in-out}.quiz-card .quiz-card-overlay{position:absolute;top:0;left:0;height:100%;font-size:1.2em;opacity:0;background:rgba(0,0,0,.6)}.quiz-card .quiz-card-overlay,.quiz-card h5{display:flex;justify-content:center;align-items:center;width:100%;transition:.2s ease-in-out}.quiz-card h5{height:auto;color:#fff;padding:7px;background:#db2dc5;border:7px solid #db2dc5;border-radius:0 0 5px 5px}.quiz-card:hover img{filter:blur(3px)}.quiz-card:hover .quiz-card-overlay{opacity:1}.quiz-card:hover h5{background-color:#26acce;border-color:#26acce}@media (max-width:1040px){.quiz-card{width:48%}}@media (max-width:400px){.quiz-card{width:100%;max-width:calc(100% - 10px);margin:10px auto}}.loading{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:99999}.loading img{width:100px}.loading-box{direction:ltr;margin-top:15px;margin-bottom:15px}.loading-box img{width:70px}.loading-box.with-text{display:flex;justify-content:center;align-items:center}.loading-box.with-text img{margin:0 10px}.loading-box.with-text p{font-size:.8em;color:#f346dd;padding-top:0}.loading-box.with-text p strong{color:#30c6ec}.dashboard .dashboard-wrapper{display:flex;justify-content:space-between}.dashboard .dashboard-wrapper .dashboard-sidebar{width:28%}.dashboard .dashboard-wrapper .dashboard-main{width:70%}.dashboard .dashboard-wrapper #pie-chart{padding:10px}@media (max-width:960px){.dashboard .dashboard-wrapper{flex-direction:column}.dashboard .dashboard-wrapper .dashboard-main,.dashboard .dashboard-wrapper .dashboard-sidebar{width:100%}.dashboard .dashboard-wrapper .dashboard-sidebar .card{margin-bottom:0}}.sidebar{overflow:hidden;background-color:#e8e8e8;border:1px solid transparent;border-radius:4px}.sidebar a{display:block;font-size:1rem;padding:12px 15px}.sidebar a strong:before{content:"";display:inline-block;vertical-align:middle;width:10px;height:10px;margin:0 10px;background-color:#fff;border:3px solid #000;border-radius:50%}.sidebar a:not(:last-child){border-bottom:1px solid #e1e1e1}.sidebar a.active{color:#30c6ec;box-shadow:inset 0 0 8px #7e7e7e}.sidebar a.active strong{color:#f346dd}.sidebar a.active strong:before{background-color:#26acce!important;border-color:#db2dc5!important}.sidebar a:active{-webkit-animation:none;animation:none}.sidebar a:hover{box-shadow:inset 0 0 8px #7e7e7e}.profile-stats{display:flex;width:100%}.profile-stats img{width:20px;margin:0 5px 0}.profile-stats .profile-badge{display:flex;width:50%;justify-content:center;align-items:center;font-family:OpenSans;font-size:.8rem;margin-top:7px;margin-right:7px;padding:8px;border:2px solid transparent;border-radius:4px}.profile-stats .profile-badge:last-child{margin-right:0}.profile-stats.vertical{flex-direction:column;justify-content:space-between}.profile-stats.vertical .profile-badge{flex-direction:column;width:100%;height:47.5%;font-family:Impacto;font-size:1rem;margin:0;border-width:3px}.profile-stats.vertical .profile-badge img{width:30px}.banner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:520px;color:#fff;text-shadow:0 2px 4px #141414;padding:20px;background-repeat:no-repeat;background-position:50%;background-size:cover;border-bottom:1px solid #000}.banner>img{width:150px}@media (max-width:960px){.banner{background-position:0}}@media (max-width:480px){.banner{height:460px}}body{transition:.2s ease-in-out}body.dark-theme{color:#fff;background-color:#141414}body.dark-theme input:focus{box-shadow:0 0 10px #000}body.dark-theme .footer{box-shadow:0 0 6px #000}body.dark-theme .progress-bar strong{color:#2a2a2a}body.dark-theme .question-box .answer-box li.selected strong{text-shadow:none}body.dark-theme .profile-box{box-shadow:0 0 10px #000}body.dark-theme .result-card .card-footer{color:#2a2a2a}body.dark-theme .header .main-header{box-shadow:0 2px 10px #000}body.dark-theme .sort-button{box-shadow:inset 0 0 3px #000,0 0 6px #000}body.dark-theme .toolbar .search-box{box-shadow:0 0 7px #000}body.dark-theme .toolbar .search-box input{color:#fff;background-color:#141414}body.dark-theme .link-box{background-color:#0a0a0a;box-shadow:inset 0 0 3px #000,0 0 5px #000}body.dark-theme .color-tiktok{color:#fff}body.dark-theme .color-warning{color:#fcca33}body.dark-theme .profile-card .profile-info h1{color:#fff;box-shadow:0 0 5px #0a0a0a,inset 0 0 2px #000}body.dark-theme .profile-card .profile-info .profile-stats .profile-badge{box-shadow:0 0 5px #0a0a0a,inset 0 0 2px #000}body.dark-theme .profile-card .profile-image img{box-shadow:0 0 7px #0a0a0a}body.dark-theme .profile-page .profile-wrapper .latest-youtube-video{box-shadow:0 0 5px #000}body.dark-theme .divider{border-color:#000}body.dark-theme .card{background-color:#2a2a2a;box-shadow:0 0 8px #0a0a0a}body.dark-theme .form-item{background-color:#1a1a1a;box-shadow:inset 0 0 5px #0a0a0a}body.dark-theme .quiz-card{box-shadow:0 0 10px #0a0a0a}body.dark-theme .sidebar{background-color:#141414;border-color:#141414}body.dark-theme .sidebar a strong:before{border:3px solid #fff}body.dark-theme .sidebar a.active,body.dark-theme .sidebar a:hover{box-shadow:inset 0 0 8px #0a0a0a}body.dark-theme .sidebar a:not(:last-child){border-bottom:1px solid #0a0a0a}html[dir=ltr] body{direction:ltr;font-family:OpenSans,sans-serif}html[dir=ltr] body .toolbar .search-box>div button{left:auto;right:0}html[dir=ltr] body .toolbar .sort-box .sort-button{margin-right:0;margin-left:10px}@media (max-width:960px){html[dir=ltr] body .toolbar .sort-box .sort-button{margin-right:0;margin-left:7px}}html[dir=ltr] body .sort-button img{margin:0 5px 0 0}html[dir=ltr] body .hamburger-menu ul a,html[dir=ltr] body .hamburger-menu ul button{font-size:11px}html[dir=ltr] body .profile-box h4{padding:8px 5px}html[dir=ltr] body .profile-page .profile-wrapper .profile-main{margin-left:15px;margin-right:0}@media (max-width:960px){html[dir=ltr] body .profile-page .profile-wrapper .profile-main{margin-left:0}}html[dir=ltr] body .link-box{margin-right:0;margin-left:3.5%}html[dir=ltr] body .link-box:nth-child(3n+1){margin-left:0}html[dir=ltr] body input{font-family:OpenSans}html[dir=ltr] body p{font-size:1rem}html[dir=ltr] body ::-webkit-input-placeholder{font-family:OpenSans}html[dir=ltr] body :-moz-placeholder,html[dir=ltr] body ::-moz-placeholder{font-family:OpenSans}html[dir=ltr] body :-ms-input-placeholder{font-family:OpenSans}