@import url(https://fonts.cdnfonts.com/css/sofia-pro?styles=17626);@import url(https://fonts.cdnfonts.com/css/vag-primer?styles=123054);.footer{margin-top:20px;width:100%}.footer .block{align-items:center;display:flex;justify-content:space-between;padding:25px 15px}@media(max-width:576px){.footer .block{flex-direction:column}}.footer .block .logo{align-items:center;display:flex}.footer .block .logo img{height:45px;margin:0 5px;width:45px}.footer .block .logo h3{font-family:VAG Primer,sans-serif;font-size:30px;font-weight:700;letter-spacing:1px}@media(max-width:576px){.footer .block .logo{margin-bottom:15px}.footer .block .logo img{height:35px;width:35px}.footer .block .logo h3{font-size:25px}}.footer .block .text{line-height:1.4}.footer .block .text a{color:#fff;cursor:pointer}.footer .block .text a svg{height:30px;margin-bottom:-7px;margin-left:3px;width:30px}.nav-bar{background:#2a2e35;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);padding:15px 0;position:relative}.nav-bar.logined{padding:10px 0}.nav-bar .full-block{align-items:center;display:flex;justify-content:space-between}@media(max-width:576px){.nav-bar .full-block{flex-wrap:wrap;padding:0 15px!important}}.nav-bar .full-block .logo{align-items:center;display:flex}.nav-bar .full-block .logo img{height:45px;margin:0 5px;width:45px}.nav-bar .full-block .logo h3{font-family:VAG Primer,sans-serif;font-size:30px;font-weight:700;letter-spacing:1px}@media(max-width:576px){.nav-bar .full-block .logo img{height:35px;width:35px}.nav-bar .full-block .logo h3{font-size:25px}}.nav-bar .full-block li{cursor:pointer;display:inline-block;font-weight:700;margin:0 25px}.nav-bar .full-block li a{color:#b2becd;font-family:VAG Primer,sans-serif;font-size:25px;transition:color .5s}.nav-bar .full-block li a:hover{color:#fff;transition:color .5s}.nav-bar .full-block li span{display:inline-block;font-family:VAG Primer,sans-serif;padding:0 5px}.nav-bar .full-block li svg{margin-bottom:-4px}@media(max-width:768px){.nav-bar .full-block li{display:none;margin:0}.nav-bar .full-block li span{display:none}.nav-bar .full-block li svg{height:30px;width:30px}.nav-bar .full-block .actions{align-items:center;display:flex;flex-grow:1;justify-content:space-around}}.nav-bar .full-block button{align-items:center;background-color:#27d868;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.nav-bar .full-block button:hover{background-color:#1fad53;transition:background .3s}@media(max-width:576px){.nav-bar .full-block button{padding:8px 20px}}.nav-bar .full-block .avatar,.nav-bar .full-block .avatar img{background:#20252c;border-radius:50%;cursor:pointer;height:55px;width:55px}@media(max-width:576px){.nav-bar .full-block .avatar,.nav-bar .full-block .avatar img{height:45px;width:45px}}.nav-bar .full-block .list{background-color:#20252c;opacity:0;padding:10px 0;pointer-events:none;position:absolute;right:30px;transition:opacity .2s}.nav-bar .full-block .list,.nav-bar .full-block .list a{color:#fff;font-size:18px}.nav-bar .full-block .list .list-option{cursor:pointer;padding:10px 25px;transition:background .2s}.nav-bar .full-block .list .list-option svg{margin-bottom:-5px;margin-right:15px}.nav-bar .full-block .list .list-option:hover{background:#353e4a}.nav-bar .full-block .list .list-header{border-bottom:1px solid #b2becd;cursor:default;margin-bottom:10px}.nav-bar .full-block .list .list-header:hover{background:none}.nav-bar .full-block .list.open{opacity:1;pointer-events:auto}.nav-bar.logined .full-block li{display:inline-block}.main-logined .user{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:30px 0}.main-logined .user .avatar,.main-logined .user img{background:#20252c;border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);height:200px;width:200px}@media(max-width:576px){.main-logined .user .avatar,.main-logined .user img{height:100px;width:100px}}.main-logined .user h3{font-size:25px;margin:25px auto}.main-logined .record{display:flex}.main-logined .record .filed{margin:0 25px}.main-logined .record .filed span{color:#fff;display:block;font-size:25px;text-align:center}.main-logined .record .filed .filed-text{margin-bottom:10px}.main-logined .record .filed .text{border-color:#2a2e35 #b2becd #b2becd;border-top:2px dashed #b2becd;color:#b2becd}@media(max-width:576px){.main-logined .record{flex-direction:column}.main-logined .record .filed{margin:15px 0}}.main-logined .buttons{margin-top:60px;text-align:center}.main-logined .buttons button{margin:10px}.main-logined .buttons a:first-child button{align-items:center;background-color:#6366f1;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.main-logined .buttons a:first-child button:hover{background-color:#3438ed;transition:background .3s}.main-logined .buttons a:nth-child(2) button{align-items:center;background-color:#22d3ee;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.main-logined .buttons a:nth-child(2) button:hover{background-color:#10b4cd;transition:background .3s}.not-logined{align-items:center;background-image:url(/static/media/background.481482dcf623ea920c53.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-grow:1;justify-content:flex-start;position:relative;width:100%}.not-logined .overfolow{background:rgba(0,0,0,.4);height:100%;position:absolute;width:100%;z-index:1}.not-logined .main{width:100%;z-index:2}.not-logined .main h1{font-size:45px;margin:25px 0}.not-logined .main h3,.not-logined .main p{font-size:25px;margin:30px 0}@media(max-width:576px){.not-logined .main h1{font-size:30px}.not-logined .main h3,.not-logined .main p{font-size:18px}}.not-logined .actions a:first-child button{align-items:center;background:none;border:2px solid #f97316;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#b2becd;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.not-logined .actions a:first-child button:hover{background-color:#f97316;color:#fff;transition:background .3s}.not-logined .actions a:nth-child(2) button{align-items:center;background:none;border:2px solid #27d868;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#b2becd;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.not-logined .actions a:nth-child(2) button:hover{background-color:#27d868;color:#fff;transition:background .3s}.not-logined .actions button{margin:10px;padding:12px 40px!important}@media(max-width:576px){.not-logined .actions button{padding:8px 30px!important}}.main-page{display:flex;flex-direction:column;min-height:100vh}.auth-form .input input{background:#2a2e35;border:none;border-bottom:2px solid #b2becd;color:#fff;font-family:sans-serif;font-size:18px;font-weight:500;padding:12px}.auth-form .input input:focus{border-bottom:3px solid #fff}.auth-form{margin:auto;width:500px}.auth-form .info{text-align:center}.auth-form .info img{height:90px;width:90px}.auth-form .info h3{font-size:28px;margin-bottom:8px}.auth-form .input{display:block;margin-bottom:25px}.auth-form .input label{align-items:baseline;display:inline-flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:8px;width:100%}.auth-form .input label a{font-size:18px}.auth-form .input input{display:block;width:100%}.auth-form .submit{display:flex}.auth-form .submit button{align-items:center;background-color:#e11d48;border:none;border-radius:5px;border-radius:3px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;margin-bottom:25px;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom;width:100%}.auth-form .submit button:hover{background-color:#b4173a;transition:background .3s}.auth-form .others{text-align:center}.auth-form .others button{align-items:center;background-color:#e11d48;border:none;border-radius:5px;border-radius:3px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.auth-form .others button:hover{background-color:#b4173a;transition:background .3s}@media(max-width:576px){.auth-form{padding:0 15px}}.alert{background:#b2becd;border-radius:5px;color:#fff;display:flex;flex-grow:1;flex-wrap:wrap;font-size:18px;left:50%;opacity:1;overflow:hidden;padding:6px 16px;pointer-events:none;position:fixed;right:auto;top:24px;-webkit-transform:translate(-50%,-100px);transform:translate(-50%,-100px);visibility:hidden;z-index:1400}@media(max-width:576px){.alert{margin:auto;width:calc(100% - 30px)}}.alert.warn{background:#f59e0b}.alert.success{background:#22c55e}.alert.info{background:#0ea5e9}.alert.error{background:#e11d48}.alert.show{-webkit-animation:show_slide .6s ease forwards;animation:show_slide .6s ease forwards;pointer-events:auto}.alert.show,.alert.visible{visibility:visible}@-webkit-keyframes show_slide{0%{-webkit-transform:translate(-50%,-100vh);transform:translate(-50%,-100vh)}1%{-webkit-transform:translate(-50%,-100px);transform:translate(-50%,-100px)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes show_slide{0%{-webkit-transform:translate(-50%,-100vh);transform:translate(-50%,-100vh)}1%{-webkit-transform:translate(-50%,-100px);transform:translate(-50%,-100px)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}.alert.hide{-webkit-animation:hide_slide .6s ease forwards;animation:hide_slide .6s ease forwards}@-webkit-keyframes hide_slide{0%{-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px)}45%{-webkit-transform:translate(-50%,44px);transform:translate(-50%,44px)}99%{-webkit-transform:translate(-50%,-100px);transform:translate(-50%,-100px)}to{-webkit-transform:translate(-50%,-100vh);transform:translate(-50%,-100vh)}}@keyframes hide_slide{0%{-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px)}45%{-webkit-transform:translate(-50%,44px);transform:translate(-50%,44px)}99%{-webkit-transform:translate(-50%,-100px);transform:translate(-50%,-100px)}to{-webkit-transform:translate(-50%,-100vh);transform:translate(-50%,-100vh)}}.alert .icon{display:flex;font-size:22px;margin-right:12px;opacity:.9;padding:7px 0}.alert .text{display:block;font-family:Sofia Pro,sans-serif;font-weight:500;line-height:1.2;padding:8px 0}.alert .text svg{display:inline-block;height:22px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:22px}.alert .button{align-items:flex-start;display:flex;margin-left:auto;margin-right:-8px;padding:0 0 0 16px}.alert .button button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;outline:0;overflow:visible;padding:7px;position:relative;text-align:center;text-decoration:none;transition:background .5s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.alert .button button:hover{background:hsla(0,0%,100%,.25);transition:background .5s}.backdrop{-webkit-tap-highlight-color:transparent;align-items:center;background-color:rgba(0,0,0,.5);color:#fff;display:flex;height:100vh;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;width:100vw;z-index:1201}.backdrop.show{opacity:1;pointer-events:auto;transition:opacity .3s}.loading{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:5px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#fff;height:60px;margin:70px auto;width:60px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.auth-page{height:100%;width:100%}.auth-page,.dialog-bg{align-items:center;display:flex}.dialog-bg{background-color:rgba(0,0,0,.5);height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .5s;width:100vw;z-index:1101}.dialog-bg .dialog{background:#2a2e35;border-radius:5px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.dialog-bg.open{opacity:1;pointer-events:auto}.settings-page{display:flex;flex-direction:column;min-height:100vh}.settings-page .settings-bar{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;width:600px}@media(max-width:768px){.settings-page .settings-bar{margin:20px 15px;width:inherit}}.settings-page .settings-bar .settings-header{align-items:center;display:inline-flex;justify-content:flex-start;margin-bottom:30px;padding:0 10px;width:100%}.settings-page .settings-bar .settings-header .avatar{background:#20252c;border-radius:50%;height:90px;position:relative;width:90px}@media(max-width:576px){.settings-page .settings-bar .settings-header .avatar .edit-avatar,.settings-page .settings-bar .settings-header .avatar img{height:60px;width:60px}}.settings-page .settings-bar .settings-header .avatar .edit-avatar{align-items:center;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;display:flex;height:90px;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:90px;z-index:1}.settings-page .settings-bar .settings-header .avatar .edit-avatar svg{color:#fff;height:40px;width:40px}.settings-page .settings-bar .settings-header .avatar .edit-avatar:hover{opacity:1}.settings-page .settings-bar .settings-header .avatar img{border-radius:50%;height:90px;width:90px}.settings-page .settings-bar .settings-header .name{font-size:30px;margin-left:15px}@media(max-width:576px){.settings-page .settings-bar .settings-header .name{font-size:25px}}.settings-page .settings-bar .settings-main{background-color:#2a2e35;border-radius:5px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);padding:20px;width:100%}.settings-page .settings-bar .settings-main .input{align-items:center;border-bottom:1px solid #b2becd;display:flex;justify-content:space-between;padding:15px 0}.settings-page .settings-bar .settings-main .input label{align-items:baseline;display:inline-flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:8px;width:100%}@media(max-width:576px){.settings-page .settings-bar .settings-main .input{flex-wrap:wrap}.settings-page .settings-bar .settings-main .input div{width:100%}.settings-page .settings-bar .settings-main .input input{margin-bottom:10px;width:100%}}.settings-page .settings-bar .settings-main button{align-items:center;background-color:#0ea5e9;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:6px 15px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.settings-page .settings-bar .settings-main button:hover{background-color:#0b83b9;transition:background .3s}.settings-page .settings-bar .settings-main input{background:none;border:1px solid #b2becd;color:#b2becd;font-size:18px;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:pre;width:250px}.settings-page .settings-bar .settings-main input:focus{border:1px solid #fff;color:#fff}.settings-page .settings-bar .settings-footer{display:flex;flex-wrap:wrap;justify-content:center;margin-top:15px;width:100%}.settings-page .settings-bar .settings-footer button{margin:10px 5px}.settings-page .settings-bar .settings-footer button:first-child{align-items:center;background:none;border:2px solid #0ea5e9;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#b2becd;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.settings-page .settings-bar .settings-footer button:first-child:hover{background-color:#0ea5e9;color:#fff;transition:background .3s}.settings-page .settings-bar .settings-footer button:nth-child(2){align-items:center;background-color:#e11d48;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:14px 32px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.settings-page .settings-bar .settings-footer button:nth-child(2):hover{background-color:#b4173a;transition:background .3s}.settings-page .avatar-settings{color:#fff;padding:25px;width:400px}.settings-page .avatar-settings .avatar-settings-header{align-items:center;display:flex;font-size:25px;justify-content:space-between;margin-top:-10px}.settings-page .avatar-settings .avatar-settings-header svg{border-radius:50%;box-sizing:content-box;cursor:pointer;height:30px;margin-top:5px;padding:5px;transition:background .5s;width:30px}.settings-page .avatar-settings .avatar-settings-header svg:hover{background:hsla(0,0%,100%,.25)}.settings-page .avatar-settings .avatar-settings-main input{display:none}.settings-page .avatar-settings .avatar-settings-main label div{align-items:center;background:#0ea5e9;border-radius:50%;cursor:pointer;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:16px auto auto;padding:45px;transition:background .5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.settings-page .avatar-settings .avatar-settings-main label div svg{height:50px;width:50px}.settings-page .avatar-settings .avatar-settings-main label div:hover{background:hsla(0,0%,100%,.25)}.settings-page .delete-account{color:#fff;padding:20px;width:450px}.settings-page .delete-account .delete-account-header{align-items:center;display:flex;font-size:20px;justify-content:space-between;margin-top:-10px}.settings-page .delete-account .delete-account-header svg{border-radius:50%;box-sizing:content-box;cursor:pointer;height:30px;margin-top:5px;padding:5px;transition:background .5s;width:30px}.settings-page .delete-account .delete-account-header svg:hover{background:hsla(0,0%,100%,.25)}.settings-page .delete-account .delete-account-main{margin-top:8px}.settings-page .delete-account .delete-account-main label{align-items:baseline;display:inline-flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:8px;width:100%}.settings-page .delete-account .delete-account-main input{background:none;border:1px solid #b2becd;color:#b2becd;font-size:18px;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:pre;width:100%}.settings-page .delete-account .delete-account-main input:focus{border:1px solid #fff;color:#fff}.settings-page .delete-account .delete-account-main button{align-items:center;background-color:#e11d48;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;margin-top:16px;padding:6px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.settings-page .delete-account .delete-account-main button:hover{background-color:#b4173a;transition:background .3s}.main-section .quizzes{margin-top:50px}.studio-dialog{padding:20px;text-align:center}.studio-dialog h3{font-size:25px;margin-bottom:30px}.studio-dialog .delete{align-items:center;background-color:#e11d48;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.studio-dialog .delete:hover{background-color:#b4173a;transition:background .3s}.studio-dialog .play{align-items:center;background-color:#27d868;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.studio-dialog .play:hover{background-color:#1fad53;transition:background .3s}.warn{font-size:20px;margin-top:50px;text-align:center}.top-bar{border-bottom:2px dashed #2a2e35;padding:15px 0}.top-bar .main{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.top-bar .main .info{font-size:22px}@media(max-width:576px){.top-bar .main .info{margin:auto}}.top-bar .main .create-new button{align-items:center;background:none;border:2px solid #0ea5e9;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#b2becd;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:8px 20px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.top-bar .main .create-new button:hover{background-color:#0ea5e9;color:#fff;transition:background .3s}@media(max-width:576px){.top-bar .main .create-new{margin:10px auto}}.quiz-bar .main .buttons button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;outline:0;overflow:visible;padding:5px;position:relative;text-align:center;text-decoration:none;transition:background .5s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.quiz-bar .main .buttons button:hover{background:hsla(0,0%,100%,.25);transition:background .5s}.quiz-bar{background-color:#2a2e35;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);margin:8px 0;padding:5px 0;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.quiz-bar:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.quiz-bar.selected{border:1px solid #0ea5e9}@media(max-width:576px){.quiz-bar{border-radius:5px;margin:25px}}.quiz-bar .main{cursor:pointer;flex-wrap:wrap}.quiz-bar .main,.quiz-bar .main .option{align-items:center;display:flex;justify-content:space-between}.quiz-bar .main .option{color:#fff;cursor:text;flex-direction:column;font-size:18px;margin:10px}.quiz-bar .main .option span{color:#b2becd;margin-bottom:5px}.quiz-bar .main .option b{color:#fff}.quiz-bar .main .option .badge{border:2px solid #fff;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:text;padding:5px 15px}.quiz-bar .main .option .badge.private{border-color:#e11d48}.quiz-bar .main .option .badge.public{border-color:#27d868}.quiz-bar .main .option input[type=checkbox]{-webkit-print-color-adjust:exact;-webkit-appearance:none;appearance:none;background:none;border:3px solid #fff;border-radius:50%;color-adjust:exact;cursor:pointer;height:26px;position:relative;transition:border .3s;vertical-align:top;width:26px}.quiz-bar .main .option input[type=checkbox]:before{background:#0ea5e9;border-radius:50%;content:"";display:block;height:14px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s;width:14px}.quiz-bar .main .option input[type=checkbox]:checked{border-color:#0ea5e9}.quiz-bar .main .option input[type=checkbox]:checked:before{opacity:1}.quiz-bar .main .option input[type=checkbox]:focus{border-width:3px}.quiz-bar .main .option input[type=checkbox]:hover{box-shadow:0 0 0 6px rgba(14,165,233,.3)}.quiz-bar .main .buttons{flex-direction:row}.quiz-bar .main .buttons button{margin:0 5px}.quiz-bar .main .buttons button svg{height:36px;width:36px}.create-page-settings .image-preview button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;outline:0;overflow:visible;padding:5px;position:relative;text-align:center;text-decoration:none;transition:background .5s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.create-page-settings .image-preview button:hover{background:hsla(0,0%,100%,.25);transition:background .5s}.create-page-settings .option input{background:none;border:2px solid #b2becd;border-radius:5px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#b2becd;font-size:16px;padding:6px;transition:border .3s,color .3s}.create-page-settings .option input:focus{border:2px solid #fff;color:#fff}.create-page-settings .option input::-webkit-input-placeholder{color:#b2becd;font-size:16px}.create-page-settings .option input:-ms-input-placeholder{color:#b2becd;font-size:16px}.create-page-settings .option input::placeholder{color:#b2becd;font-size:16px}.create-page-settings{margin:30px 0}.create-page-settings .image-preview{background:#20252c;border:2px dashed #2a2e35;max-height:420px;padding:10px;position:relative;text-align:center;width:100%}.create-page-settings .image-preview img{display:block;margin:auto;max-height:400px;max-width:100%}.create-page-settings .image-preview button{color:#fff;opacity:.3;position:absolute;right:10px;top:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity .5s,background .5s}.create-page-settings .image-preview button:hover{opacity:1}.create-page-settings .option{align-items:center;display:flex;flex-wrap:wrap;margin-top:20px}.create-page-settings .option label{align-items:baseline;display:inline-flex;flex-wrap:wrap;margin-bottom:8px}.create-page-settings .option input{width:100%}.create-page-settings .option div{margin-bottom:5px;width:100%}.create-page-settings .option div input{-webkit-print-color-adjust:exact;-webkit-appearance:none;appearance:none;background:none;border:3px solid #fff;border-radius:50%;color-adjust:exact;cursor:pointer;height:26px;margin:0 15px;position:relative;transition:border .3s;vertical-align:top;width:26px}.create-page-settings .option div input:before{background:#6366f1;border-radius:50%;content:"";display:block;height:14px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s;width:14px}.create-page-settings .option div input:checked{border-color:#6366f1}.create-page-settings .option div input:checked:before{opacity:1}.create-page-settings .option div input:focus{border-width:3px}.create-page-settings .option div input:hover{box-shadow:0 0 0 6px rgba(99,102,241,.3)}.create-page-settings .option div .private{-webkit-print-color-adjust:exact;-webkit-appearance:none;appearance:none;background:none;border:3px solid #fff;border-radius:50%;color-adjust:exact;cursor:pointer;height:26px;position:relative;transition:border .3s;vertical-align:top;width:26px}.create-page-settings .option div .private:before{background:#e11d48;border-radius:50%;content:"";display:block;height:14px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s;width:14px}.create-page-settings .option div .private:checked{border-color:#e11d48}.create-page-settings .option div .private:checked:before{opacity:1}.create-page-settings .option div .private:focus{border-width:3px}.create-page-settings .option div .private:hover{box-shadow:0 0 0 6px rgba(225,29,72,.3)}.create-page-settings .main-image input{display:none}.create-page-settings .main-image label{margin:auto;width:100%}.create-page-settings .main-image div{align-items:center;background-color:#27d868;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:18px 40px;position:relative;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom;width:100%}.create-page-settings .main-image div:before{border:2px dashed #fff;bottom:10px;content:"";left:10px;padding:12px;position:absolute;right:10px;top:10px;z-index:1}.create-page-settings .main-image div:hover{background-color:#1fad53;transition:background .3s}.create-page-settings .main-image div svg{height:36px;width:36px}.questions-section .create-new{margin:16px auto;padding:10px;text-align:center}.questions-section .create-new button{align-items:center;background-color:#27d868;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom;width:100%}.questions-section .create-new button:hover{background-color:#1fad53;transition:background .3s}.questions-section .create-new button svg{height:36px;width:36px}.question .answers .answer button,.question .answers .answers-header button,.question .delete-question,.question .image-preview button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;outline:0;overflow:visible;padding:5px;position:relative;text-align:center;text-decoration:none;transition:background .5s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.question .answers .answer button:hover,.question .answers .answers-header button:hover,.question .delete-question:hover,.question .image-preview button:hover{background:hsla(0,0%,100%,.25);transition:background .5s}.question .answers .answer input[type=text],.question .question-input input{background:none;border:2px solid #b2becd;border-radius:5px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#b2becd;font-size:16px;padding:6px;transition:border .3s,color .3s}.question .answers .answer input[type=text]:focus,.question .question-input input:focus{border:2px solid #fff;color:#fff}.question .answers .answer input[type=text]::-webkit-input-placeholder,.question .question-input input::-webkit-input-placeholder{color:#b2becd;font-size:16px}.question .answers .answer input[type=text]:-ms-input-placeholder,.question .question-input input:-ms-input-placeholder{color:#b2becd;font-size:16px}.question .answers .answer input[type=text]::placeholder,.question .question-input input::placeholder{color:#b2becd;font-size:16px}.question{margin:60px 0;position:relative}.question .delete-question{color:#fff;position:absolute;right:0;top:0}.question .delete-question svg{height:36px;width:36px}.question .title{font-size:30px;margin:15px;text-align:center}.question .image-preview{background:#20252c;border:2px dashed #2a2e35;max-height:420px;padding:10px;position:relative;text-align:center;width:100%}.question .image-preview img{display:block;margin:auto;max-height:400px;max-width:100%}.question .image-preview button{color:#fff;opacity:.3;position:absolute;right:10px;top:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity .5s,background .5s}.question .image-preview button:hover{opacity:1}.question .question-image input{display:none}.question .question-image label{margin:auto;width:100%}.question .question-image div{align-items:center;background-color:#22d3ee;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;margin-top:8px;padding:18px 40px;position:relative;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom;width:100%}.question .question-image div:before{border:2px dashed #fff;bottom:10px;content:"";left:10px;padding:12px;position:absolute;right:10px;top:10px;z-index:1}.question .question-image div:hover{background-color:#10b4cd;transition:background .3s}.question .question-input{align-items:center;display:flex;flex-wrap:wrap;margin-top:20px}.question .question-input label{align-items:baseline;display:inline-flex;flex-wrap:wrap;margin-bottom:8px}.question .question-input input{font-size:18px;width:100%}.question .answers .answers-header{align-items:center;color:#fff;display:flex;justify-content:space-between;margin:8px 0}.question .answers .answers-header button svg{height:36px;width:36px}.question .answers .answer{align-items:center;display:flex;justify-content:space-between;margin:16px 0}.question .answers .answer div:first-child{display:flex;flex-grow:1}.question .answers .answer label{font-size:28px}.question .answers .answer input[type=text]{flex-grow:1;margin:0 16px}.question .answers .answer input[type=checkbox]{-webkit-print-color-adjust:exact;-webkit-appearance:none;appearance:none;background:none;border:3px solid #fff;border-radius:50%;color-adjust:exact;cursor:pointer;height:26px;margin:8px;position:relative;transition:border .3s;vertical-align:top;width:26px}.question .answers .answer input[type=checkbox]:before{background:#f97316;border-radius:50%;content:"";display:block;height:14px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s;width:14px}.question .answers .answer input[type=checkbox]:checked{border-color:#f97316}.question .answers .answer input[type=checkbox]:checked:before{opacity:1}.question .answers .answer input[type=checkbox]:focus{border-width:3px}.question .answers .answer input[type=checkbox]:hover{box-shadow:0 0 0 6px rgba(249,115,22,.3)}@media(max-width:576px){.question .answers .answer{flex-wrap:wrap}.question .answers .answer div{align-items:center;text-align:center;width:100%}}.save{margin-top:60px;text-align:center}.save button{align-items:center;background:none;border:2px solid #0ea5e9;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#b2becd;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.save button:hover{background-color:#0ea5e9;color:#fff;transition:background .3s}.connect-bar .main input{background:none;border:2px solid #b2becd;border-radius:5px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#b2becd;padding:6px;transition:border .3s,color .3s}.connect-bar .main input:focus{border:2px solid #fff;color:#fff}.connect-bar .main input::-webkit-input-placeholder{color:#b2becd;font-size:16px}.connect-bar .main input:-ms-input-placeholder{color:#b2becd;font-size:16px}.connect-bar .main input::placeholder{color:#b2becd;font-size:16px}.connect-bar{border-bottom:2px dashed #2a2e35;padding:20px 0}.connect-bar .main{align-items:center;display:flex;justify-content:space-between}.connect-bar .main input{font-size:16px;padding:6px 20px}.connect-bar .main button{align-items:center;background-color:#0ea5e9;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:8px 20px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.connect-bar .main button:hover{background-color:#0b83b9;transition:background .3s}@media(max-width:576px){.connect-bar .main{flex-direction:column}.connect-bar .main div,.connect-bar .main input{text-align:center;width:100%}.connect-bar .main button{margin:10px 0}}.content-bar{background:#2a2e35;border-radius:5px;display:flex;flex-direction:column;margin:25px auto;max-height:700px;max-width:900px;min-height:500px;min-width:600px;padding:25px}.content-bar .content-image{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:400px;text-align:center;width:100%}.content-bar .content-image img{border-radius:5px;display:block;margin:auto;max-height:400px;max-width:100%;object-fit:cover}.content-bar .content{align-items:flex-start;display:flex;flex-direction:column;height:100%;margin-top:20px}.content-bar .content .title{color:#fff;font-size:25px}.content-bar .content .describtion{color:#b2becd;font-size:20px;margin-top:10px}.content-bar .content .info{display:flex;margin-top:15px}.content-bar .content .info span{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:18px;margin-right:15px;padding:6px 15px}.content-bar .content .info span svg{margin:0 3px}.content-bar .content .info .date{background:#22d3ee}.content-bar .content .info .like{background:#27d868}.content-bar .content .info .dislike{background:#e11d48}.content-bar .content .info .dislike svg{margin-top:5px}.content-bar .content .hightlight{background:#6366f1;color:#fff}@media(max-width:768px){.content-bar{max-height:500px;max-width:100%;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;min-width:100%}.content-bar .content-image,.content-bar .content-image img{max-height:250px;min-height:auto;object-fit:contain}.content-bar .content .title{font-size:20px;width:100%}.content-bar .content .describtion{font-size:18px}.content-bar .content .info{flex-wrap:wrap}.content-bar .content .info span{font-size:16px;margin-right:10px;margin-top:7px;padding:4px 10px}}.search-bar{padding:15px 0}.search-bar .seacrh-box{display:flex}.search-bar .seacrh-box input{background:#2a2e35;border:1px solid #2a2e35;border-radius:5px 0 0 5px;border-right:none;color:#b2becd;flex-grow:1;font-size:20px;padding:8px 20px;transition:border .3s;width:100%}.search-bar .seacrh-box input:focus{border-color:#6366f1}.search-bar .seacrh-box input::-webkit-input-placeholder{color:#b2becd}.search-bar .seacrh-box input:-ms-input-placeholder{color:#b2becd}.search-bar .seacrh-box input::placeholder{color:#b2becd}.search-bar .seacrh-box label{align-items:center;background:#6366f1;border-radius:0 5px 5px 0;color:#fff;display:flex;justify-content:center;width:50px}.search-bar .seacrh-box label svg{height:36px;width:36px}.search-bar .seacrh-box label:hover{background:#5a5df0}.content{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center}.content-placeholder{color:#fff;font-size:20px;margin-top:50px;text-align:center;width:100%}.preloader{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.preloader .image-preloade{align-items:center;background:#20252c;display:flex;justify-content:center;margin-top:30px;max-height:500px;min-height:300px;width:100%}.preloader .image-preloade img{max-height:500px;max-width:100%}.preloader .data{margin-top:15px}.preloader .data .title{font-size:35px;text-align:center}.preloader .data .describtion{color:#b2becd;font-size:25px;text-align:center}@media(max-width:576px){.preloader .data .title{font-size:25px}.preloader .data .describtion{font-size:18px}}.preloader .data .info{flex-direction:column;justify-content:center}.preloader .data .info,.preloader .data .info .author{align-items:center;display:flex;margin-top:30px}.preloader .data .info .author .avatar,.preloader .data .info .author img{background:#20252c;border-radius:50%;height:90px;width:90px}.preloader .data .info .author h3{font-size:25px;margin-left:20px}@media(max-width:576px){.preloader .data .info .author{flex-direction:column}}.preloader .data .info .options{display:flex;flex-wrap:wrap;margin-top:15px}.preloader .data .info .options span{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:20px;margin:8px;padding:6px 15px}.preloader .data .info .options span svg{margin:0 3px}.preloader .data .info .options .date{background:#f97316}.preloader .data .info .options .likes{background:#27d868}.preloader .data .info .options .dislikes{background:#e11d48}.preloader .data .info .options .dislikes svg{margin-top:5px}.preloader .data .info .options .private{background:#e11d48}.preloader .data .info .options .public{background:#0ea5e9}.preloader .data .info .options .duration{background:#6366f1}.preloader .rules{border:2px dashed #2a2e35;color:#fff;font-size:18px;margin-top:15px;padding:15px}.preloader .rules .rules-header{font-size:30px;text-align:center}.preloader .rules .rule{list-style:decimal;margin:15px 0 15px 20px}.preloader .rules .rule::marker{font-size:18px}@media(max-width:576px){.preloader .rules{font-size:16px}.preloader .rules .rules-header{font-size:25px}}.preloader .button{margin:20px auto;width:300px}.preloader .button button{align-items:center;background-color:#27d868;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom;width:100%}.preloader .button button:hover{background-color:#1fad53;transition:background .3s}@media(max-width:576px){.preloader .button{width:100%}}.timer{background:#0ea5e9;border-radius:5px;color:#fff;font-size:20px;padding:10px 15px}.timer.middle{background:#f59e0b}.timer.min{background:#e11d48}.quiz .quiz-header button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;outline:0;overflow:visible;padding:5px;position:relative;text-align:center;text-decoration:none;transition:background .5s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.quiz .quiz-header button:hover{background:hsla(0,0%,100%,.25);transition:background .5s}.quiz .quiz-header{background:#2a2e35;padding:10px 0;width:100%}.quiz .quiz-header div{align-items:center;display:flex;justify-content:space-between}.quiz .quiz-header button{color:#fff}.quiz .quiz-header button svg{height:36px;width:36px}.quiz .main{padding:15px 0}.quiz .main .image{background:#20252c;max-height:400px;text-align:center;width:100%}.quiz .main .image img{max-height:400px;max-width:100%}.quiz .main .question-text{font-size:30px;margin-top:20px;text-align:center}@media(max-width:576px){.quiz .main .question-text{font-size:25px}}.quiz .main .answers{align-items:center;display:flex;flex-direction:column;margin:35px 0}.quiz .main .answers .answer{align-items:center;background:rgba(14,165,233,.2);border:2px solid #0ea5e9;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#b2becd;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;margin:15px auto;padding:12px 30px;transition:background .3s;vertical-align:bottom;width:600px}.quiz .main .answers .answer:hover{background:rgba(14,165,233,.3)}.quiz .main .answers .answer.correct{align-items:center;background-color:#27d868;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:14px 32px;text-decoration:none;text-transform:uppercase;text-transform:none;transition:background .3s;vertical-align:bottom}.quiz .main .answers .answer.correct:hover{background-color:#1fad53;background:#27d868;transition:background .3s}.quiz .main .answers .answer.not-correct{align-items:center;background-color:#e11d48;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:14px 32px;text-decoration:none;text-transform:uppercase;text-transform:none;transition:background .3s;vertical-align:bottom}.quiz .main .answers .answer.not-correct:hover{background-color:#b4173a;background:#e11d48;transition:background .3s}.quiz .main .answers .answer.skip-next{align-items:center;background-color:#0ea5e9;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;margin-bottom:30px;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.quiz .main .answers .answer.skip-next:hover{background-color:#0b83b9;transition:background .3s}@media(max-width:768px){.quiz .main .answers .answer{width:100%}}@media(max-width:576px){.quiz .main .answers .answer{padding:10px 25px}}.quiz .footer{background:#2a2e35;bottom:0;padding:5px 0;position:fixed;width:100%}.quiz .footer.correct{background:#27d868}.quiz .footer.not-correct{background:#e11d48}.quiz .footer div{align-items:center;display:flex;justify-content:space-between}.quiz .footer div .position{color:#fff;font-size:25px}.quiz .footer div svg{color:#fff;height:36px;width:36px}.quiz .footer div .waiting{-webkit-animation:waiting 1s linear infinite;animation:waiting 1s linear infinite}@-webkit-keyframes waiting{0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}50%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes waiting{0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}50%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.results-page .info{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:60px}.results-page .info .user .avatar,.results-page .info .user img{background:#20252c;border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);height:200px;width:200px}.results-page .info .user .name{color:#fff;font-size:30px;margin-top:15px;text-align:center}@media(max-width:576px){.results-page .info .user .avatar,.results-page .info .user img{height:100px;margin:auto;width:100px}.results-page .info .user .name{font-size:25px}}.results-page .info .results{display:flex;margin-top:40px}.results-page .info .results .result{margin:0 25px}.results-page .info .results .result span{color:#fff;display:block;font-size:25px;text-align:center}.results-page .info .results .result .result-text{margin-bottom:10px}.results-page .info .results .result .text{border-color:#2a2e35 #b2becd #b2becd;border-top:2px dashed #b2becd;color:#b2becd}@media(max-width:576px){.results-page .info .results{flex-direction:column}.results-page .info .results .result{margin:10px auto}}.results-page .grades{align-items:center;display:flex;justify-content:center;margin-top:50px}.results-page .grades div{margin:0 25px}.results-page .grades div input{display:none}.results-page .grades div label{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:background .3s}.results-page .grades div label svg{height:46px;transition:background .5s;width:46px}.results-page .grades div label[for=like]:hover{background:rgba(39,216,104,.3)}.results-page .grades div label[for=dislike] svg{margin-top:2px}.results-page .grades div label[for=dislike]:hover{background:rgba(225,29,72,.3)}.results-page .grades div #like:checked+label,.results-page .grades div label[for=dislike]:checked{color:#27d868}.results-page .grades div #dislike:checked+label{color:#e11d48}.results-page .grades .dislike svg,.results-page .grades .like svg{height:60px;width:60px}.results-page .grades .like{color:#27d868}.results-page .grades .dislike{color:#e11d48}.results-page .button{margin-top:60px;text-align:center}.results-page .button button{align-items:center;background-color:#22d3ee;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom}.results-page .button button:hover{background-color:#10b4cd;transition:background .3s}.results-page .block{padding:25px}*{box-sizing:border-box;font-family:Sofia Pro,sans-serif;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}::selection{background:#6d28d9;color:#fff}::-moz-selection{background:#6366f1}#root,.app,body{background:#18181b;height:100vh}label,p{color:#b2becd;font-size:20px;font-weight:400;line-height:1.3}@media(max-height:576px){label,p{font-size:18px}}h1,h2,h3,h4{color:#fff;font-weight:700}hr{border:none;border-bottom:2px dashed #2a2e35;margin:0 16px}.link{color:#3b82f6;cursor:pointer;font-size:20px;opacity:.9;text-decoration:underline}.link,.link:hover{transition:color .3s}.link:hover{color:#0369a1}.block{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;max-width:1320px;padding:0 25px}@media(max-width:1400px){.block{max-width:1140px}}@media(max-width:1200px){.block{max-width:960px}}@media(max-width:992px){.block{max-width:720px}}@media(max-width:768px){.block{max-width:540px}}@media(max-width:576px){.block{max-width:100%}}.full-block{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 50px;width:100%}@media(max-width:576px){.full-block{padding:0 25px}}.history-page .history .result .options button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;outline:0;overflow:visible;padding:5px;position:relative;text-align:center;text-decoration:none;transition:background .5s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.history-page .history .result .options button:hover{background:hsla(0,0%,100%,.25);transition:background .5s}.history-page .history{margin:50px auto}.history-page .history .reload{text-align:center;width:100%}.history-page .history .reload button{align-items:center;background-color:#22d3ee;border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Sofia Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:8px 30px;text-decoration:none;text-transform:uppercase;transition:background .3s;vertical-align:bottom;width:100%}.history-page .history .reload button:hover{background-color:#10b4cd;transition:background .3s}.history-page .history .reload button svg{height:36px;width:36px}.history-page .history .no-history{color:#fff;font-size:20px;margin-top:50px;text-align:center}.history-page .history .result{align-items:center;background:#2a2e35;border-radius:5px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);display:flex;justify-content:space-between;margin:25px 0;padding:10px;position:relative}.history-page .history .result .results{color:#b2becd;display:inline-flex;flex-wrap:wrap}.history-page .history .result .results div{margin:0 10px}@media(max-width:576px){.history-page .history .result .results div{margin:5px 10px}}.history-page .history .result .date,.history-page .history .result .title{color:#fff;margin:0 5px}.history-page .history .result .options button{color:#fff}.history-page .history .result .options button svg{height:30px;width:30px}@media(max-width:576px){.history-page .history .result{flex-wrap:wrap}}.error-page{justify-content:space-between;min-height:100%}.error-page,.error-page section{align-items:center;display:flex;flex-direction:column}.error-page section{flex-grow:1;justify-content:center;width:100%}.error-page img{max-height:200px}
/*# sourceMappingURL=main.f2164fcd.css.map*/