body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--theme-color:#536dfe;--theme-color-rgb:#536dfe;--correct-color:#67c23a;--wrong-color:#f56c6c;--favorite-color:#ffbf73;--disabled-color:#c9c9c9;--bg-color:#f4f6f8;--white-bg-color:#fff;--font-color:#2c3e50;--font-color-regular:#a2b1ca;--font-color-secondary:#909399;--white-color:#fff;--secondary-font-color:#909399;--box-shadow:2px 2px 5px #c1d3ea,-2px -2px 5px #fff,-0.4px -0.4px 0.4px #fff;--box-shadow-active:inset 0.4px 0.4px 1.5px #f4f6f8,inset 1.5px 1.5px 3px #aec5e4,inset -0.8px -0.8px 1.5px #fff;--light-box-shadow:0 1px 3px #0000000f,0 1px 2px #0000001f;--light-box-shadow-active:0 15px 20px #00000005;--light-box-shadow-active-after:inset 0 -2px 5px #fff,inset 0 2px 5px #00000026;--circle-box-shadow:inset 3px 3px 10px #eaecee,inset -3px -3px 10px #feffff;--circle-box-shadow-active:5px 5px 10px #eaecee,-5px -5px 10px #feffff;--white-border:1px solid #fff;--border-radius:10px;--sm-border-radius:5px;--lg-border-radius:15px;--xl-border-radius:30px;--xs-font-size:12px;--sm-font-size:14px;--font-size:16px;--lg-font-size:18px;--xl-font-size:20px}.App{background-color:#f4f6f8;background-color:var(--bg-color)}.App main{background-color:#fff;background-color:var(--white-bg-color);border-radius:10px;border-radius:var(--border-radius);box-shadow:2px 2px 5px #c1d3ea,-2px -2px 5px #fff,-.4px -.4px .4px #fff;box-shadow:var(--box-shadow);margin:0 auto;max-width:700px;min-height:100vh;min-width:50%}@media screen and (max-width:1023px){.App{min-height:100vh;padding:0}.App main{height:100vh;max-width:100%;width:100%}}@media screen and (min-width:1024px){.App{background-attachment:fixed;background-image:url(https://pic4.zhimg.com/v2-33e02d6b40468e6cb548ca33768bced4_r.jpg?source=1940ef5c);background-size:cover}}.round-action-button{background:#fff;background:var(--white-bg-color);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000001f;box-shadow:var(--light-box-shadow);cursor:pointer;height:36px;transition:all .1s cubic-bezier(.175,.885,.32,1.275)}.round-action-button,.round-action-button:after{border-radius:30px;border-radius:var(--xl-border-radius)}.round-action-button:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.round-action-button:active{box-shadow:0 15px 20px #00000005;box-shadow:var(--light-box-shadow-active)}.round-action-button:active:after{box-shadow:inset 0 -2px 5px #fff,inset 0 2px 5px #00000026;box-shadow:var(--light-box-shadow-active-after)}.intro-guide .introjs-tooltipbuttons .introjs-button,.rect-round-button{background:#0000;border:1px solid #fff;border:var(--white-border);border-radius:5px;box-shadow:2px 2px 5px #c1d3ea,-2px -2px 5px #fff,-.4px -.4px .4px #fff;box-shadow:var(--box-shadow);color:#2c3e50;color:var(--font-color);font-size:14px;font-size:var(--sm-font-size);padding:5px 10px;position:relative;text-align:left;transition:all .2s ease-out 0s}p.english{color:#2c3e50;color:var(--font-color);font-size:14px;font-style:italic;letter-spacing:-.4px;margin:0 0 -5px;word-break:break-word}p.chinese{color:#909399;color:var(--font-color-secondary);font-size:12px}.introjs-tooltipReferenceLayer{visibility:visible!important}.intro-guide .introjs-tooltipbuttons .introjs-button:before,.rect-round-button:before{border:2px solid #0000;border-radius:5px;bottom:0;content:"";filter:blur(2px);left:0;position:absolute;right:0;top:0;transition:all .2s ease-out 0s}.intro-guide .introjs-tooltipbuttons .introjs-button:after,.rect-round-button:after{border-radius:5px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .2s ease-out 0s}.intro-guide .introjs-tooltipbuttons .introjs-button.active,.intro-guide .introjs-tooltipbuttons .introjs-button:active,.rect-round-button.active,.rect-round-button:active{background:linear-gradient(0deg,#f4f6f8,#fafcfd);background:linear-gradient(to top,var(--bg-color),#fafcfd);box-shadow:inset .4px .4px 1.5px #f4f6f8,inset 1.5px 1.5px 3px #aec5e4,inset -.8px -.8px 1.5px #fff;box-shadow:var(--box-shadow-active)}.intro-guide .introjs-button:focus{background-color:#f4f6f8;background-color:var(--bg-color);border:1px solid #536dfe;border:1px solid var(--theme-color);box-shadow:2px 2px 5px #c1d3ea,-2px -2px 5px #fff,-.4px -.4px .4px #fff;box-shadow:var(--box-shadow);color:#536dfe;color:var(--theme-color)}.modal{height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:999}.modal .container{background-color:var(--bg-color);border-radius:2%;display:flex;flex-direction:column;left:50%;max-width:400px;padding:3% 5%;position:absolute;transform:translate(-50%,10vh);transform-origin:center;width:70%;z-index:11}.modal .container .close-icon{position:absolute;right:5%}.modal .container .title{font-weight:700;margin:20px auto}.modal .container .title span{border-radius:5px;box-shadow:var(--circle-box-shadow);padding:10px 20px}.modal .container .text{font-size:14px;margin-bottom:20px}.modal .container .btn{align-items:center;border:1px solid;border-radius:var(--sm-border-radius);box-shadow:var(--box-shadow);color:var(--theme-color);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;justify-self:center;margin:0 auto;transition:.3s ease;width:40%}.modal .container .content .btn:active{box-shadow:var(--box-shadow-active)}.modal .container .btn-group{color:var(--theme-color);display:flex}.modal .container .content .submit{background-color:var(--theme-color);color:var(--white-color)}.a-fadeinB{animation:.6s ease-out backwards;animation-name:fadeinB}@keyframes fadeinB{0%{opacity:0;transform:translate(-50%,-40px)}to{opacity:1;transform:translate(-50%,10vh)}}.overlay{display:flex;justify-content:center;position:fixed;z-index:1000}.overlay,.overlay-backdrop{bottom:0;left:0;right:0;top:0}.overlay-backdrop{background-color:#00000080;position:absolute;z-index:-1}.global-notification{align-items:center;animation:slideIn .3s ease-out forwards;background-color:var(--white-bg-color);border-radius:8px;box-shadow:var(--box-shadow);display:flex;justify-content:space-between;max-width:80%;min-width:300px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1000}.notification__icon{align-items:center;background-color:rgba(var(--theme-color-rgb),.1);border-radius:50%;color:var(--theme-color);display:flex;justify-content:center;margin-right:15px;padding:8px}.global-notification p{color:var(--font-color);flex-grow:1;font-size:.9rem;margin:0}.notification__close{color:var(--font-color);cursor:pointer;margin-left:15px;opacity:.7;padding:5px;transition:opacity .2s}.notification__close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.mine{box-sizing:border-box;height:100%;padding:20px;position:relative;width:100%}.mine .header{align-items:center;display:flex;height:35vh;justify-content:center;position:relative}.mine .header .bg{height:100%;position:absolute;top:0;width:100%}.mine .header .circle__avatar{align-items:center;border-radius:1rem;display:grid;grid-template-rows:1fr;justify-items:center;justify-self:center;margin-top:50px}.mine .header .circle__avatar .circle__btn{align-items:center;background:#e4ebf5;background:url(https://cdn.chenmo1212.cn/img/avatar-spring.png?imageView2/0/w/200/h/200/q/75);background-size:cover;border:2px solid #fff;border-radius:50%;box-shadow:3px 3px 6px #adc3e1cc,-3px -3px 6px #fffc;cursor:pointer;display:flex;grid-column:1/2;grid-row:1/2;height:6rem;justify-content:center;margin:.6rem;position:relative;width:6rem;z-index:300}.mine .header .circle__avatar .circle__btn .play{opacity:0;position:absolute;transition:all .2s linear}.mine .header .circle__avatar .circle__btn .play.visibility{opacity:1}.mine .header .circle__avatar .circle__btn .pause{position:absolute;transition:all .2s linear}.mine .header .circle__avatar .circle__btn .pause.visibility{opacity:0}.mine .header .circle__avatar .circle__back-1,.mine .header .circle__avatar .circle__back-2{border-radius:50%;filter:blur(1px);grid-column:1/2;grid-row:1/2;height:6rem;width:6rem;z-index:100}.mine .header .circle__avatar .circle__back-1{animation:waves 4s linear infinite;background:linear-gradient(to bottom right,#c8d0e7,#fff);box-shadow:.4rem .4rem .8rem #c8d0e7,-.4rem -.4rem .8rem #fff}.mine .header .circle__avatar .circle__back-1.paused{animation-play-state:paused}.mine .header .circle__avatar .circle__back-2{animation:waves 4s linear 2s infinite;box-shadow:.4rem .4rem .8rem #c8d0e7,-.4rem -.4rem .8rem #fff}.mine .header .circle__avatar .circle__back-2.paused{animation-play-state:paused}@keyframes waves{0%{opacity:1;transform:scale(1)}50%{opacity:1}to{opacity:0;transform:scale(2)}}.mine .header .wrapper{align-items:center;display:flex;justify-content:center;margin-top:40px}.mine .header .wrapper .typing-demo{animation:typing 3s steps(20),blink .5s step-end infinite alternate;border-right:3px solid;font-family:Poppins,serif;font-size:16px;overflow:hidden;white-space:nowrap;width:20ch}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:#0000}}.settings{margin-top:10px}.settings .item{border:2px solid #fff;border-radius:10px;box-shadow:2px 2px 5px #c1d3ea,-2px -2px 5px #fff,-.4px -.4px .4px #fff;color:#6c7885;height:100%;line-height:40px;margin-bottom:15px;padding:0 10px;text-align:left}.settings .item .left{margin-right:10px}.settings .item .right-icon{display:inline-block;float:right;font-size:30px;height:40px;position:relative;width:40px}.settings .item .right-icon .circle{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000000f,0 2px 4px #0000001f;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;top:2px;width:30px}.switch-container{align-items:center;display:flex;float:right;height:40px;margin-right:5px;width:54px}.switch-container input[type=checkbox]{-webkit-appearance:none;border-radius:40px;box-shadow:inset .4px .4px 1.5px #f4f6f8,inset 1.5px 1.5px 3px #aec5e4,inset -.8px -.8px 1.5px #fff;height:32px;outline:none;position:relative;top:8px;transition:1s;width:54px}.switch-container input:checked[type=checkbox]{background-color:var(--theme-color);border:2px solid var(--theme-color);box-shadow:inset .4px .4px 1.5px #4fa8ff,inset 1.5px 1.5px 3px #a6caff,inset -.8px -.8px 1.5px #0ea6fd}.switch-container input[type=checkbox]:before{background-color:var(--theme-color);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000000f,0 2px 4px #0000001f;content:"";height:22px;left:4px;position:absolute;top:3px;transform:scale(1.1);transition:1s;width:22px}.switch-container input:checked[type=checkbox]:before{background:#fff;border:none;height:24px;left:23px;top:2px;width:24px}.switch-container input:checked[type=checkbox]:after{animation:animate 1s ease;color:#fff;font-family:monospace;left:7px;position:absolute;top:7px}@keyframes animate{0%{opacity:0}to{opacity:1}}.mine footer{bottom:2em;font-size:12px;position:absolute}.mine footer,.mine footer a{color:var(--secondary-font-color)}.home{height:calc(100vh - 40px);padding:20px}.home,.project{align-items:center;display:flex;justify-content:center}.project{background-color:var(--white-bg-color);border-radius:8px;box-shadow:2px 2px 3px #d1d3db,-2px -2px 3px #f4f4f6;height:90%;margin-top:50px;text-align:center;width:90%}.project .cover{border-radius:var(--border-radius);display:block;height:180px;margin:10px auto;max-height:300px;max-width:300px;overflow:hidden;padding:0}.project .cover img{width:90%}.project .title{font-size:var(--xl-font-size);font-weight:700;margin-top:20px}.project .question_type{font-size:var(--xs-font-size);margin-top:10px}.project .progress{margin:8% auto;width:90%}.project .progress .card-progress__back{background-color:var(--white-bg-color);border:4px solid var(--white-bg-color);border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000001f,inset 0 0 4px #fff0,inset 2px 2px 2px #3754aa26,inset 35px 28px 64px #fff!important;height:16px}.project .progress .card-progress__line{animation:sliding 3s ease infinite;border-radius:8px;height:16px;margin-left:4px;margin-top:-20px;opacity:1}.project .text-blue{color:var(--theme-color)}.project .btn{margin-top:10px}.project .btn button{border:0}.project .btn button:focus{border:none;outline:0!important;outline-style:none}.project .btn .btn{position:relative;width:90%}.project .btn .btn .icon-container{align-items:center;color:var(--theme-color);display:flex;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;line-height:36px}.layout{overflow:hidden;position:relative}.layout,.layout .menu-nav{background-color:var(--bg-color)}.layout .menu-nav{bottom:0;box-sizing:border-box;left:0;position:absolute;top:0;transition:left 1s ease;width:76%}.layout .menu-nav.inactive{left:-76%}.layout .main{background-color:var(--bg-color);border-radius:10px;box-shadow:-5px -5px 5px #fff,5px 5px 5px #0000001a;left:76%;position:relative;right:-76%;transform:scale(.9);transition:all 1s}.layout .main.inactive{border-radius:0;box-shadow:none;left:0;right:0;transform:scale(1)}.layout .menu-icons{align-items:center;color:var(--font-color-regular);display:flex;font-weight:700;justify-content:space-between;padding:0 20px;position:absolute;top:20px;width:calc(100% - 40px)}.layout .menu-circle{align-items:center;background-color:var(--bg-color);border-radius:25px;box-shadow:-5px -5px 5px #fff,5px 5px 5px #0000001a;cursor:pointer;display:flex;flex-direction:column;font-size:14px;height:40px;justify-content:center;line-height:40px;transition:box-shadow .6s cubic-bezier(.79,.21,.06,.81);width:40px}.layout .site-title{display:flex}.layout .question-icon{align-items:center;display:flex;padding-left:5px}.m_button span{background-color:var(--font-color-regular);border-radius:4px;height:2px;margin:1px 0 3px;transition:margin .4s cubic-bezier(.79,.21,.06,.81),transform .4s cubic-bezier(.79,.21,.06,.81);width:15px}.m_button span:nth-child(2){transform-origin:50% 50%}.active.m_button{box-shadow:inset -5px -5px 5px #fff,inset 5px 5px 5px #0000001a!important}.active.m_button span{margin:-1px}.active.m_button span:first-child{transform:rotate(-45deg)}.active.m_button span:nth-child(2){transform:scale(0)}.active.m_button span:nth-child(3){transform:rotate(45deg)}.normal-mode .page-header .icon.fav.active,.normal-mode .page-header .icon.language.active{color:var(--favorite-color)}.question.normal{background-color:#f4f6f8;display:flex;flex-direction:column;justify-content:space-between;position:relative;width:100%}.question .content{height:calc(100vh - 150px);overflow-y:scroll;padding:20px}.question.normal .content{height:calc(100vh - 100px)}.question .content .content-head{display:flex;font-size:14px;justify-content:space-between;line-height:30px}.question .content .content-head>div{background:#f4f6f8;border-radius:5px;height:30px;overflow:hidden;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.question .content .content-container{-ms-overflow-style:none;margin-top:5%;max-height:86%;overflow-y:scroll;padding:0 7px 15px;scrollbar-width:none}.question .content .content-container::-webkit-scrollbar{display:none}.question .content .content-container .question-text{border:1px solid #fff;border-radius:5px;box-shadow:2px 2px 5px #c1d3ea,-2px -2px 5px #fff,-.4px -.4px .4px #fff;margin:0 0 20px;padding:10px;text-align:left;width:calc(100% - 20px)}.question .content .content-container .question-img{display:flex;justify-content:center;margin:20px auto;width:50%}.question .content .content-container .question-img img{height:auto;max-height:400px;max-width:100%;width:auto}.question .content .content-container .options{display:flex;flex-direction:column;gap:10px}.question .content .content-container .answer{background:#f4f6f8;border-radius:5px;box-shadow:inset 5px 5px 10px #eaecee,inset -5px -5px 10px #feffff;font-size:14px;margin-top:20px;padding:10px;text-align:left;width:calc(100% - 20px)}.question .content .content-container .answer .answer-content{align-items:center;display:flex;justify-content:space-between}.question .content .content-container .answer .check-stick{display:flex}.question .content .content-container .answer .check-stick div{align-items:center;border-radius:50%;display:flex;height:18px;justify-content:center;line-height:18px;margin:0 5px;padding:7px;text-align:center;width:18px}.question .content .content-container .answer .active{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.question .question-footer{bottom:0;position:absolute;width:100%}.question .question-footer .menu-card{background:#f4f6f8;border-radius:5px;box-shadow:2px 2px 5px #c1d3ea,-2px -2px 5px #fff,-.4px -.4px .4px #fff;box-sizing:border-box;display:flex;height:50px;justify-content:center;line-height:50px;text-align:center}.question .question-footer .menu-card .menu-item{cursor:pointer;flex:1 1}.question .question-footer .menu-card .explanation{border-left:2px solid #eee;border-right:2px solid #eee}.question .question-footer .menu-card .prev{border-right:2px solid #eee}.question .question-footer .menu-card .disable{color:#b9b9b9;cursor:not-allowed}@media screen and (max-width:400px){.question.normal .content{height:calc(100vh - 100px)}}.page-header.header{align-items:center;background:#f4f6f8;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;display:flex;height:60px;justify-content:space-between;line-height:60px}.page-header.header .return{align-items:center;display:flex;overflow:hidden;padding-left:20px;width:90%}.page-header.header .return .circle{align-items:center;border:1px solid #fff;border-radius:50%;box-shadow:3px 3px 5px #ebebeb,-3px -3px 5px #fff;display:flex;height:30px;justify-content:center;margin:0;width:30px}.page-header.header .return i{display:block;font-size:30px;margin-right:4px}.page-header.header .return .page-title{margin-left:2%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:80%}.page-header.header .icon{margin-right:20px}.page-header.header .icon.active{color:#f56c6c}.overview{background-color:var(--bg-color)}.overview .page-header .icon.fav,.overview .page-header .icon.wrong{color:var(--disabled-color)}.overview .page-header .icon.fav.active,.overview .page-header .icon.wrong.active{color:var(--favorite-color)}.overview .page-header .icon.clear,.overview .page-header .icon.trash{color:var(--wrong-color)}.overview .page-body{-ms-overflow-style:none;height:calc(95vh - 20px);overflow-y:scroll;padding:0 20px;scrollbar-width:none}.overview .page-body .section{margin-top:5%}.overview .page-body .title{border:var(--white-border);border-radius:var(--sm-border-radius);box-shadow:var(--box-shadow);display:inline-block;height:30px;line-height:30px;margin-bottom:5%;padding:0 10px}.overview .page-body .content{display:flex;flex-wrap:wrap;width:100%}.overview .page-body .content .circle-box{align-items:center;display:flex;justify-content:center;margin:2% 0;text-align:center;width:20%}.overview .page-body .content .circle-box .circle{border:2px solid #fff;border-radius:50%;box-shadow:var(--circle-box-shadow);height:40px;line-height:40px;position:relative;width:40px}.overview .page-body .content .circle-box .active{border:2px solid #e7e9ef40;box-shadow:var(--circle-box-shadow-active)}.overview .page-body .content .circle-box .svg-box{align-items:center;background:var(--favorite-color);border-radius:50%;bottom:0;display:flex;height:15px;justify-content:center;position:absolute;right:0;width:15px}.overview .page-body .content .circle-box .svg-box svg{color:#fff;font-size:9px}.overview .empty img{border-radius:10px;display:block;height:180px;margin:100px auto;max-height:300px;max-width:300px;overflow:hidden;padding:0}@media screen and (max-width:400px){.overview{height:100vh}}.mock{background-color:var(--bg-color);border-radius:var(--border-radius);min-height:100vh;position:relative}.exam .question-footer .menu-item:not(.disable),.exam .question-index,.exam .question-type,.exam .timer{color:var(--theme-color)}.mock .header{align-items:center;background:var(--bg-color);box-shadow:var(--box-shadow);display:flex;height:60px;justify-content:space-between;line-height:60px}.mock .header .return{align-items:center;display:flex;overflow:hidden;padding:0 20px;width:100%}.mock .header .return .circle{align-items:center;border:var(--white-border);border-radius:50%;box-shadow:var(--box-shadow);display:flex;height:30px;justify-content:center;margin:0;width:30px}.mock .header .return i{display:block;font-size:30px;margin-right:4px}.mock .header .return .page-title{margin-left:2%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:80%}.mock .header .icon{margin-right:20px}.mock .btn.begin{align-items:center;background:var(--bg-color);border:none;border-radius:30px;box-shadow:var(--light-box-shadow);color:var(--theme-color);cursor:pointer;display:flex;gap:10px;height:36px;justify-content:center;margin:10% auto 0;position:relative;transition:all .1s cubic-bezier(.175,.885,.32,1.275);width:80%}.mock .btn.begin:after{border-radius:30px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.mock .btn.begin:active{box-shadow:var(--light-box-shadow-active)}.mock .btn.begin:active:after{box-shadow:var(--light-box-shadow-active-after)}.mock.before-exam{width:100%}.mock.before-exam .main{padding:20px 0}.mock.before-exam .card-cover img{display:block;margin:10% auto;width:50%}.mock.before-exam .content .content-hd{font-size:20px;font-weight:700;margin:20px 0;text-align:center}.mock.before-exam .content .content-bd{line-height:1.5;margin:20px 0;padding:0 10%}.exam .exam-header{padding:0 20px}.exam .exam-header .submit{align-items:center;background:linear-gradient(-90deg,#536dfe,#00b0ff);color:#fff;display:flex;height:26px;justify-content:center;width:50px}.exam .exam-header .timer{font-weight:700;letter-spacing:1px}.exam .question-footer{bottom:0;position:absolute;width:100%}.exam .question-footer .menu-card{background:#f4f6f8;border-radius:5px;box-shadow:var(--box-shadow);box-sizing:border-box;display:flex;height:50px;justify-content:center;line-height:50px;text-align:center}.exam .question-footer .menu-card .menu-item{flex:1 1}.exam .question-footer .menu-card .disable{color:var(--disabled-color);cursor:not-allowed}.exam .question-footer .fav{border-left:2px solid #eee}.exam .question-footer .prev{border-left:2px solid #eee;border-right:2px solid #eee}.exam-result .body{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:20px}.exam-result .body .section{align-items:center;background:#0000;border:var(--white-border);border-radius:5px;box-shadow:var(--box-shadow);display:flex;justify-content:space-evenly;margin:20px;padding:10px 0;width:100%}.exam-result .body .section .result,.exam-result .body .section .time{text-align:center}.exam-result .body .section .text{font-size:20px;font-weight:700;letter-spacing:3px;text-align:center}.exam-result .body .section .label{color:var(--secondary-font-color);font-size:14px}.exam-result .body .section .divider{background-color:var(--secondary-font-color);height:40px;width:1px}.exam-result .body .btn{align-items:center;border:var(--white-border);border-radius:5px;box-shadow:var(--box-shadow);cursor:pointer;display:flex;font-size:14px;height:44px;justify-content:center;position:relative;transition:all .1s cubic-bezier(.175,.885,.32,1.275);width:100%}.exam-result .body .check-btn{background:linear-gradient(-90deg,#536dfe,#00b0ff);color:#fff}.exam-result .body .save-btn{border:1px solid var(--theme-color);color:var(--theme-color)}.exam-result .body .btn:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.exam-result .body .btn:active{box-shadow:0 15px 20px #00000005}.exam-result .body .btn:active:after{box-shadow:inset 0 -2px 5px #fff,inset 0 2px 5px #0000004d}.chart{border-radius:50%;box-shadow:-4px -2px 4px 0 #fff,4px 2px 6px 0 #dfe4ea;margin:1rem auto;position:relative;width:55%}.chart .chart-label{bottom:.5rem;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0}.chart .chart-label span{display:block}.chart .chart-label .text-muted{font-size:26px}#chart_fill{animation:chart 2s linear forwards}.chart:after{border-radius:50%;bottom:0;box-shadow:inset 2px 2px 2px 0 #dfe4ea,inset -2px -2px 2px 0 #fff;content:"";left:0;margin:3rem;position:absolute;right:0;top:0}.chart__container{background-color:#f4f6f8;border-radius:8px;box-shadow:2px 2px 5px #c1d3ea,-2px -2px 5px #fff,-.4px -.4px .4px #fff;display:inline-block;padding:10px;width:100%}.line-chart{display:table-cell;vertical-align:middle;width:100%}.about{background-color:var(--bg-color);min-height:100vh}.about .content{padding:15px 20px 10px;text-align:left}.about .content .card{background-color:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:0 auto;padding:20px 15px;width:calc(100% - 40px)}.about .content .card p{color:var(--font-color-secondary);font-size:12px}.about .content .card li.done{text-decoration:line-through}.about .content h4{margin:0;padding:0;text-align:center}.about .content p{font-size:14px;line-height:1.7;text-align:justify;text-indent:2em}.about .content .end{margin:0;text-align:right}.feedback{background-color:#f4f6f8;min-height:100vh}.feedback .main{padding:20px}.feedback .title{color:#000;height:30px;line-height:30px;margin:5% 0;text-align:left}.feedback .title .text{border:1px solid #fff;border-radius:5px;box-shadow:5px 5px 8px #ebebeb,-5px -5px 8px #fff;display:inline-block;padding:2px 10px;text-align:left}.feedback .mt-0{margin-top:0}.feedback .type-content{display:flex;gap:10px;justify-content:space-between;margin:20px 0}.feedback .radio{cursor:pointer;display:inline-block;font-size:14px;line-height:18px;margin-right:5px;position:relative}.feedback .radio input{display:none}.feedback .radio input:checked+span.radio-on{background:#fff linear-gradient(#fff,#e7e7e7);border-radius:100%;box-shadow:0 2px 5px 1px #0000004d,inset 0 0 1px #fff6;display:inline-block;height:10px;left:4px;position:absolute;top:4px;transform:scale(1);transition:all .2s ease;width:10px}.feedback .radio .radio-bg{background-color:var(--theme-color);border-radius:100%;box-shadow:inset 0 1px 15px #0000001a,inset 0 1px 4px #0000001a,1px -1px 2px #0000001a;cursor:pointer;display:inline-block;height:18px;margin-right:5px;padding:0;transition:all .2s ease;vertical-align:top;width:18px}.feedback .radio .radio-on{display:none}.feedback .warning{border:1px solid var(--wrong-color)!important}.feedback textarea{background-color:#f4f6f8;border:1px solid #fff;border-radius:5px;box-shadow:inset .4px .4px 1.5px #f4f6f8,inset 1.5px 1.5px 3px #aec5e4,inset -.8px -.8px 1.5px #fff;box-sizing:border-box;font-size:14px;height:90px;min-width:100%;padding:5px;width:100%}.feedback .input:focus,.feedback textarea:focus{outline:1px solid var(--theme-color)}.feedback .input{box-shadow:inset .4px .4px 1.5px #f4f6f8,inset 1.5px 1.5px 3px #aec5e4,inset -.8px -.8px 1.5px #fff;box-sizing:border-box;font-size:14px;padding:0 .3rem}.feedback .btn.submit,.feedback .input{background-color:#f4f6f8;border:1px solid #fff;border-radius:5px;height:40px;width:100%}.feedback .btn.submit{box-shadow:5px 5px 8px #ebebeb,-5px -5px 8px #fff;color:var(--theme-color);display:inline-block;font-size:16px;margin-top:10%;outline:none;padding:2px 10px;text-align:center}.feedback .btn.submit:active{background-color:#e7e9ef}.feedback .icon-container span{display:inline-block;margin-right:5px}.console{background-color:var(--bg-color);height:100vh}.console .body{display:flex;flex-direction:column;gap:20px;padding:20px}.local-storage-ipt{align-items:center;display:flex;gap:10px}.console .body .btn{padding:5px}.body .store-data-ipt{align-items:center;display:flex;gap:10px}.body .store-data-ipt textarea{max-height:300px;min-height:200px;width:100%}.body .btn-group{display:flex;flex-direction:column;gap:10px;justify-content:center}.body .btn-group .danger{background:var(--wrong-color);color:var(--white-color)}.introjs-overlay{box-sizing:initial;opacity:0;position:absolute;transition:all .3s ease-out;z-index:999999}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative;z-index:9999999!important}.introjs-disableInteraction{background-color:#fff;opacity:0;position:absolute;z-index:99999999!important}.introjs-relativePosition{position:relative}.introjs-helperLayer{border-radius:4px;box-sizing:initial;position:absolute;transition:all .3s ease-out;z-index:9999998}.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before{box-sizing:initial}.introjs-tooltipReferenceLayer{background-color:initial;box-sizing:initial;position:absolute;transition:all .3s ease-out;visibility:hidden;z-index:100000000}.introjs-helperNumberLayer,.introjs-tooltipReferenceLayer,.introjs-tooltipReferenceLayer *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{color:#9e9e9e;padding-bottom:10px;padding-top:10px;text-align:center}.introjs-arrow{border:5px solid #0000;content:"";position:absolute}.introjs-arrow.top{border-bottom-color:#fff;left:10px;top:-10px}.introjs-arrow.top-right{border-bottom-color:#fff;right:10px;top:-10px}.introjs-arrow.top-middle{border-bottom-color:#fff;left:50%;margin-left:-5px;top:-10px}.introjs-arrow.right{border-left-color:#fff;right:-10px;top:10px}.introjs-arrow.right-bottom{border-left-color:#fff;bottom:10px;right:-10px}.introjs-arrow.bottom{border-top-color:#fff;bottom:-10px;left:10px}.introjs-arrow.bottom-right{border-top-color:#fff;bottom:-10px;right:10px}.introjs-arrow.bottom-middle{border-top-color:#fff;bottom:-10px;left:50%;margin-left:-5px}.introjs-arrow.left{border-right-color:#fff;left:-10px;top:10px}.introjs-arrow.left-bottom{border-right-color:#fff;bottom:10px;left:-10px}.introjs-tooltip{background-color:#fff;border-radius:5px;box-shadow:0 3px 30px #2121214d;box-sizing:initial;max-width:300px;min-width:250px;position:absolute;transition:opacity .1s ease-out;visibility:visible}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{display:inline;height:10px;margin:0 0 2px;padding:0;width:10px}.introjs-dontShowAgain label{background-color:#fff;color:#616161;display:inline-block;font-size:14px;font-weight:400;margin:0 0 0 5px;padding:0;-webkit-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;font-weight:700;line-height:1.5;margin:0;min-height:1.5em;padding:0;width:90%}.introjs-tooltip-header{min-height:1.5em;padding-left:20px;padding-right:20px;padding-top:10px;position:relative}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{clear:both;content:"";display:block;height:0;visibility:hidden}.introjs-button{zoom:1;background-color:#f4f4f4;border:1px solid #bdbdbd;border-radius:.2em;box-sizing:initial;color:#424242;cursor:pointer;display:inline;font-size:14px;outline:0;overflow:visible;padding:.5rem 1rem;position:relative;text-decoration:none;text-shadow:1px 1px 0 #fff;white-space:nowrap}.introjs-button:hover{background-color:#e0e0e0;border-color:#9e9e9e}.introjs-button:focus,.introjs-button:hover{color:#212121;outline:0;text-decoration:none}.introjs-button:focus{background-color:#eee;border:1px solid #616161;box-shadow:0 0 0 .2rem #9e9e9e80}.introjs-button:active{background-color:#e0e0e0;border-color:#9e9e9e;color:#212121;outline:0;text-decoration:none}.introjs-button::-moz-focus-inner{border:0;padding:0}.introjs-skipbutton{color:#616161;cursor:pointer;display:inline-block;font-size:22px;font-weight:700;height:45px;line-height:45px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:45px}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover{background-color:#f4f4f4;background-image:none;border-color:#bdbdbd;box-shadow:none;color:#9e9e9e;cursor:default;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{padding-bottom:10px;padding-top:10px;text-align:center}.introjs-bullets ul{box-sizing:initial;clear:both;display:inline-block;margin:0 auto;padding:0}.introjs-bullets ul li{box-sizing:initial;float:left;list-style:none;margin:0 2px}.introjs-bullets ul li a{background:#ccc;border-radius:10px;box-sizing:initial;cursor:pointer;display:block;height:6px;text-decoration:none;transition:width .1s ease-in;width:6px}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{background:#999;outline:0;text-decoration:none;width:15px}.introjs-bullets ul li a.active{background:#999;width:15px}.introjs-progress{background-color:#e0e0e0;border-radius:4px;box-sizing:initial;height:10px;margin:10px;overflow:hidden}.introjs-progressbar{background-color:#08c;box-sizing:initial;float:left;font-size:10px;height:100%;line-height:10px;text-align:center;width:0}.introjsFloatingElement{height:0;left:50%;position:absolute;top:50%;width:0}.introjs-fixedTooltip{position:fixed}.introjs-hint{background:0 0;box-sizing:initial;cursor:pointer;height:15px;position:absolute;width:20px}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:#3c3c3c91}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{box-shadow:0 0 0 0 #000000b3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #0000;transform:scale(1)}to{box-shadow:0 0 0 0 #0000;transform:scale(.95)}}.introjs-hint-pulse{animation:introjspulse 2s infinite;background-color:#8888883d;border-radius:30px;box-sizing:initial;height:15px;position:absolute;transition:all .2s ease-out;width:15px;z-index:10}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{background:0 0;border-radius:60px;box-sizing:initial;height:50px;left:-18px;opacity:0;position:absolute;top:-18px;width:50px;z-index:1}
/*# sourceMappingURL=main.ef0f4d60.css.map*/