*{margin:0;padding:0}html,body{background-color:#f4f3ef;font-family:sans-serif}.container{min-width:100%}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:400}html:not(.scrollon)::-webkit-scrollbar{display:none}h2,.h2{font-size:2rem}html,body{line-height:1.4;background:#eee;color:#131313;font-family:"M PLUS Rounded 1c", sans-serif;font-size:16px}.admin-html,.admin-body{font-family:"Noto Sans JP", sans-serif;background:#e6e8ee}.responsive_modal{position:fixed;height:100vh;width:100vw;z-index:999999;background-color:rgba(0,0,0,0.95)}.responsive_modal__content{color:#000;text-align:center;font-size:1.6rem;padding:5%;background-color:#fff;margin:30vh 5% auto;border:solid 3px #000;border-radius:36px}.responsive_modal__btn{display:block;width:60%;background-color:#fff263;border:solid 3px #000;border-radius:12px;margin:24px auto;text-align:center;color:#000;text-decoration:none;padding:8px}.ui-resizable-handle{display:none !important}.ui-dialog-titlebar-close{border:none;background:none !important}.ui-dialog{background-color:#fff !important;border:solid 3px #131313 !important;border-radius:30px !important;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12) !important;text-align:center !important;display:block;width:auto;height:max-content;margin:0 auto 2rem}.ui-dialog-buttonpane{background:unset !important}.ui-dialog-buttonset button{border:solid 3px #131313 !important;border-radius:40px !important;padding:0.5em 1em;text-align:center;text-decoration:none}.draft-delete-modal .modal-wrapper{background-color:#fff !important;border:solid 3px #131313 !important;border-radius:30px !important;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12) !important}.draft-delete-modal .modal-wrapper__icon{color:black}.draft-delete-modal .btn-wrapper__no-btn,.draft-delete-modal .btn-wrapper__yes-btn{border:solid 3px #131313 !important;border-radius:40px !important;padding:0.5em 1em;text-align:center;text-decoration:none}[role="button"]{cursor:pointer}@keyframes fade-in{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes fade-in-from-bottom{0%{display:none;opacity:0;bottom:-120px}1%{display:block;opacity:0}100%{display:block;opacity:1;bottom:120px}}@keyframes fade-out-to-bottom{0%{display:block;opacity:1;bottom:120px}1%{opacity:1}100%{opacity:0;bottom:-120px}}@keyframes flash{0%{box-shadow:0px 0px 5px 1px #ffa50096}50%{box-shadow:0px 0px 5px 3px #ffaa0b96}100%{box-shadow:0px 0px 5px 5px #ffb12096}}@keyframes left-slide{0%{left:-100%}10%{left:0}90%{left:0}100%{left:-100%}}@keyframes blink{0%{opacity:0;transform:scale(1)}100%{opacity:1;transform:scale(1.5)}}@keyframes fade-in-visible{0%{visibility:hidden;opacity:0}1%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}@keyframes vertical{0%{transform:translateY(0px)}100%{transform:translateY(5px)}}@keyframes menu-animation{0%{opacity:0;left:-100%}100%{opacity:1;left:0}}@keyframes menu-animation-back{0%{opacity:1;left:0}100%{opacity:0;display:none;left:-100%}}.main-btn{width:max-content;display:flex;background-color:#fbc02d;color:#131313;border:solid 3px #131313;border-radius:40px;padding:0.5em 1em;text-align:center;align-items:center;text-decoration:none;cursor:pointer;box-shadow:inset 0 2px 0 rgba(255,255,255,0.2),0 2px 2px rgba(0,0,0,0.19)}.main-btn--sub{background-color:#eee}.main-btn:active{border-bottom:solid 2px #131313;box-shadow:0 0 2px rgba(0,0,0,0.3)}.main-btn:hover{text-decoration:none;color:#131313}.lesson-table-container{display:grid;grid-template-rows:100px 1fr;grid-template-columns:repeat(3, 1fr);border:solid 3px #131313;border-radius:30px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)}.lesson-table-container__title{display:flex;justify-content:center;align-items:center;font-size:2.5rem;position:relative;border-bottom:solid 3px #131313}.lesson-table-container__title::before{content:"";position:absolute;right:0;left:0;top:100px;width:0;height:0;margin:auto;border-style:solid;border-width:30px 30px 30px 30px}.lesson-table-container__title::after{content:"";position:absolute;right:0;left:0;top:95px;width:0;height:0;margin:auto;border-style:solid;border-width:30px 30px 30px 30px}.lesson-table-container__content{background-color:#fff}.lesson-table-container__first-title{background-color:#aeea00;border-radius:30px 0px 0px 0px}.lesson-table-container__first-title::before{border-color:#131313 transparent transparent transparent}.lesson-table-container__first-title::after{border-color:#aeea00 transparent transparent transparent}.lesson-table-container__second-title{background-color:#fbc02d;border-left:solid 3px #131313;border-right:solid 3px #131313}.lesson-table-container__second-title::before{border-color:#131313 transparent transparent transparent}.lesson-table-container__second-title::after{border-color:#fbc02d transparent transparent transparent}.lesson-table-container__third-title{background-color:#80deea;border-radius:0px 30px 0px 0px}.lesson-table-container__third-title::before{border-color:#131313 transparent transparent transparent}.lesson-table-container__third-title::after{border-color:#80deea transparent transparent transparent}.lesson-table-container__first-content{border-radius:0px 0px 0px 30px}.lesson-table-container__second-content{border-left:solid 3px #131313;border-right:solid 3px #131313}.lesson-table-container__third-content{border-radius:0px 0px 30px 0px}.lesson-table-container__desc{width:70%;margin-top:10%;margin-right:auto;margin-left:auto}.lesson-list{width:70%;margin:10% auto}.lesson-list__item{list-style:none;margin:1.5rem 0;position:relative}.lesson-list__item a{display:inline-flex;max-width:calc(100% - 6rem);color:#131313}.lesson-list__item:first-of-type{margin-top:0}.lesson-list__item:last-of-type{margin-bottom:0}.lesson-list__toggle{position:absolute;width:1rem;top:0.2rem;margin:0 1rem;transition:all linear 0.3s}.lesson-list__toggle.active{transform:rotate(180deg)}.lesson-list__title{margin-left:0.5rem}.lesson-list__check{flex:0 0 3rem}.lesson-list__check-img{display:inline-block;width:0.9rem;opacity:0}.lesson-list__check-img.active{opacity:1}.lesson-sublist{width:100%;margin:1rem;padding-left:1rem;border-left:3px solid #131313;display:none;visibility:hidden;position:relative}.lesson-sublist__item{display:flex;list-style:none;margin:0.5rem 0}.lesson-sublist__item a{display:inline-flex;color:#131313;width:100%}.lesson-sublist__title{margin-left:0.5rem}.lesson-sublist.active{display:block}.lesson-sublist.visible{visibility:visible;animation:fade-in-visible 0.3s}.lesson-sublist::before{display:block;font-weight:bold}.lesson-sublist--slide::before{content:"学習項目"}.lesson-sublist--sup::before{content:"補足"}.lesson-sublist--drill::before{content:"ドリル"}.form-card,.main-card{background-color:#fff;border:solid 3px #131313;border-radius:30px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)}.admin-card{background-color:#f6f9fd;border-radius:30px;box-shadow:0px 1px 6px 2px #7171716b;padding:32px;width:98%;margin-left:auto;margin-right:auto}.form-card{padding:3% 10%;text-align:left;position:relative}.form-card .back-btn{position:absolute;right:10%}.form-card .back-btn a{font-size:1.5rem;background-color:#ccc;cursor:pointer}.form-card .title{text-align:center;font-size:2.5rem;font-weight:bold;margin:1em 0}.form-card .username,.form-card .email{font-size:1.5rem}.form-card .submit-btn{margin:auto;font-size:1.5rem}.main-form{text-align:left}.main-form__field{position:relative;line-height:2;margin:1.5rem auto;width:80%}.main-form__label{font-weight:bold;color:rgba(19,19,19,0.38)}.main-form input{font-family:"M PLUS Rounded 1c", sans-serif}.main-form input[type="text"],.main-form input[type="email"],.main-form input[type="password"],.main-form textarea{padding:5px 5px 0;border:none;border-bottom:3px solid rgba(19,19,19,0.38);border-radius:0;width:100%}.main-form input[type="text"]+label,.main-form input[type="email"]+label,.main-form input[type="password"]+label,.main-form textarea+label{position:absolute;top:0;left:0;pointer-events:none}.main-form input[type="text"]+label:last-of-type,.main-form input[type="email"]+label:last-of-type,.main-form input[type="password"]+label:last-of-type,.main-form textarea+label:last-of-type{display:inline-block}.main-form input.active[type="text"],.main-form input.active[type="email"],.main-form input.active[type="password"],.main-form textarea.active{border:none;border-bottom:3px solid #131313}.main-form input.active[type="text"]+label,.main-form input.active[type="email"]+label,.main-form input.active[type="password"]+label,.main-form textarea.active+label{color:#131313;top:-1.7rem;transition:all 0.3s}.main-form input[type="checkbox"],.main-form input[type="radio"]{position:absolute;opacity:0;height:24px;width:24px}.main-form input[type="checkbox"]+label,.main-form input[type="radio"]+label{line-height:24px;display:flex}.main-form input[type="checkbox"]+label::before,.main-form input[type="radio"]+label::before{content:"";border:solid 3px #131313;border-radius:8px;margin-right:12px;height:24px;width:24px;font-size:18px;line-height:1;z-index:1}.main-form input[type="checkbox"]:checked+label::before,.main-form input[type="radio"]:checked+label::before{content:"\f00c";color:#fbc02d;font-family:"Font Awesome 5 Free";font-weight:900}.main-form__send-btn{margin-bottom:3rem;display:block;margin:auto;font-size:1.5rem}.form-footer{font-size:1em;padding:1em 0;text-align:center}.form-footer a{color:#8c8c8c;text-decoration:none;transition:border-color 0.3s}.form-footer a:hover{border-bottom:1px dotted #8c8c8c}.menu-trigger{display:inline-block;transition:all 0.4s;box-sizing:border-box;position:relative;width:40px;height:40px}.menu-trigger rect,.menu-trigger path{display:inline-block;transition:all 0.4s;box-sizing:border-box;background-color:#131313;border-radius:4px;position:absolute}.menu-trigger.active rect:nth-of-type(1),.menu-trigger.active path:nth-of-type(1){transform:translate(-1px, 16.7px) rotate(-45deg)}.menu-trigger.active rect:nth-of-type(2),.menu-trigger.active path:nth-of-type(2){opacity:0}.menu-trigger.active rect:nth-of-type(3),.menu-trigger.active path:nth-of-type(3){transform:translate(17px, -9.6px) rotate(45deg)}.menu-content{display:none;position:absolute;width:100vw;left:0;top:64px;background-color:#fff;padding-top:5%;padding-bottom:5%;border-bottom:3px solid #131313;animation:menu-animation cubic-bezier(0.67, -0.39, 0.5, 1.42) 0.8s;box-shadow:5px 3px 5px 5px rgba(13,13,13,0.38)}.menu-content.active{display:block}progress{-webkit-appearance:none;appearance:none;background-color:#e9edf1;border:#131313 solid 3px;border-radius:15px}progress::-webkit-progress-bar{background-color:#e9edf1;border-radius:15px}progress::-webkit-progress-value{border-radius:15px;background-color:#5dca88}progress::-moz-progress-bar{border-radius:15px;background-color:#5dca88}#progress-bar{height:4vh;font-weight:bold;width:30%;margin:1vh;display:flex;align-items:center}#progress-bar .progressbar{width:50%;height:1.4rem;margin-left:4px}#progress-bar .progress-wrapper{position:relative;width:50%;height:calc(1rem * 1.4);background-color:#e9edf1;border-radius:15px;border:#131313 solid 3px;margin-left:4px}#progress-bar .progress-content{position:absolute;background-color:#5dca88;height:100%;border-radius:15px;transition:all ease-in 0.3s}#progress-bar .progress-num{margin-left:1rem}#progress-bar>div{float:left}.index-lesson-table-container__title #progress-bar .progress-wrapper{margin-left:0 !important}[monaco-editor="true"],[monaco-diff-editor="true"]{z-index:-1}.editor-lhs{position:relative;z-index:0}.editor-lhs.checking-diff,.editor-lhs.executing{z-index:10}.editor-rhs{z-index:5}.tab-list{display:flex;height:30px;list-style:none;margin-bottom:0}.tab-list__item{flex:1;height:100%;text-decoration:none}.tab-list__item:nth-of-type(1){border:3px solid #131313;border-right-width:1.5px}.tab-list__item:nth-of-type(2){border:3px solid #131313;border-left-width:1.5px;border-right-width:1.5px}.tab-list__item:nth-of-type(3){border:3px solid #131313;border-left-width:1.5px}.tab-list__item input[type="radio"]{display:none}.tab-list__item input[type="radio"]:checked+.tab-list__label p{background-color:#131313;color:white}.tab-list__item--btn{flex:1;min-width:15%}.tab-list__item--btn input{display:none}.tab-list__item--btn label,.tab-list__item--btn a{display:block;width:calc(100% - 4px);background-color:#fff263;border:3px solid #131313;color:#131313;border-radius:40px;text-align:center;font-size:12px;font-weight:bold;line-height:18px;margin:3px 2px;box-shadow:inset 0 2px 0 rgba(255,255,255,0.2),0 2px 2px rgba(0,0,0,0.19)}.tab-list__item--btn label:active,.tab-list__item--btn a:active{border-top:solid 4px #131313;border-bottom:solid 2px #131313;box-shadow:0 0 2px rgba(0,0,0,0.3)}.tab-list__item--btn a:hover{text-decoration:none}.tab-list__label{width:100%;position:relative;background-color:white;font-weight:bold;margin:0}.tab-list__label--html.editing{display:flex}.tab-list__label--html.editing::after{content:".html"}.tab-list__label--css.editing{display:flex}.tab-list__label--css.editing::after{content:".css"}.tab-list__label--js.editing{display:flex}.tab-list__label--js.editing::after{content:".js"}.tab-list__label .file_name{width:100%;height:100%;text-align:center;font-size:16px;line-height:24px;margin:0;border:none}.editor-container{height:calc(100% - 30px);background-color:black;position:relative}.editor-pane{width:100%;height:100%;position:absolute;top:0;left:0}.editor-pane .monaco-diff-editor-container,.editor-pane .monaco-editor-container{height:100%;position:absolute;top:0;left:0}.editor-pane .monaco-editor-container{width:100%}.editor-pane .monaco-diff-editor-container{width:calc(200% + 5px)}.editor-pane .monaco-diff-editor-container .editor.original{left:100% !important;transform:translateX(-100%)}.editor-pane .monaco-diff-editor-container .editor.modified{left:0 !important}.exec{display:none;position:absolute;width:100%;height:100%;left:calc(100% + 5px);top:0;background-color:white;z-index:1}.exec__close-button{font-size:2rem;position:absolute;top:0px;right:4px;padding:4px}.exec__close-button:hover{cursor:pointer}.exec__frame{width:100%;height:100%;border:none;padding:18px}.deny-membertype-modal{position:fixed;display:none;width:100vw;height:100vh;top:0;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.7);z-index:999999}.deny-membertype-modal__card{padding:2rem 8rem;position:relative}.deny-membertype-modal__title{font-size:2rem;font-weight:bold;text-align:center;margin-bottom:3rem}.deny-membertype-modal__text{font-size:1.6rem}.deny-membertype-modal__btn-list{display:flex;justify-content:space-around;margin-top:3rem}.deny-membertype-modal__btn-list a{cursor:pointer;font-size:1.5rem}.deny-membertype-modal__btn-list .gray-btn{background-color:#ccc}.deny-membertype-modal i{position:absolute;top:2rem;right:2rem;font-size:2rem;cursor:pointer}.notifications{font-size:1.4rem;width:max-content;position:absolute;top:8vh;right:5rem;z-index:10}.notifications .notification-batch{color:black;text-decoration:none;margin:0 8px}.notifications .notification-batch__icon{position:relative;color:#666;margin-right:12px}.notifications .notification-batch .new-notification::before{display:flex;justify-content:center;align-items:center;position:absolute;content:"";min-width:20px;height:20px;box-sizing:border-box;padding:4px;font-size:10px;font-weight:bold;background-color:#ef5350;border:1px solid #fff;border-radius:10px;top:0;right:0;transform:translate(40%, -40%);z-index:1}.notice-card{width:96%;margin:auto;position:relative;padding:1rem 2rem;background-color:#fff;border:solid 3px #131313;border-radius:30px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)}.notice-card__title{font-size:2rem;margin:1rem auto;padding-left:2rem;font-weight:bold}.notice-card__content{border-top:solid 1px #ccc;padding:0.8rem 1rem}.notice-card__content-head{font-size:1.2rem;cursor:pointer}.notice-card__content-date{margin-right:1rem}.notice-card__content-title{font-weight:bold}.notice-card__content-open-btn{font-size:1rem;color:#aaa}.notice-card__content-open-btn i{transition:0.5s}.notice-card__content-open-btn.active i{transform:rotate(90deg)}.notice-card__content-text{word-break:break-word;margin-top:0.8rem;margin-left:1rem;font-size:1.4rem;display:none}.notice-card__content:first-child{border-top:none}.notice-card__new{position:relative;background-color:#ff5500;padding:2px 4px;font-size:1rem;color:#fff;font-weight:bold}@media screen and (max-width: 992px){.notice-card{padding:8px}.notice-card__content-head{font-size:1rem}.notice-card__content-text{font-size:1rem}}.balloonPopUp{display:none;width:200px;padding:10px;border-radius:5px;position:absolute;top:-10px;left:25px;z-index:100000000;background:#fbc658;color:#fff;font-size:0.8rem;font-weight:bold}.balloonPopUp-save,.balloonPopUp-download,.balloonPopUp-alldownload,.balloonPopUp-area{top:-7px;left:40px}.balloonPopUp-lesson,.balloonPopUp-tutorial{left:40px}.balloonPopUp-clickmenu{width:120px}.balloonPopUp-directry{left:3vw}.balloonPopUp-banned{left:unset;right:calc(-14em - 20px);width:calc(13em + 20px)}.balloonPopUp-lessontext{width:calc(5em + 20px);top:2em;right:0;left:unset}.balloonPopUp-drill{width:calc(5em + 20px);top:unset;bottom:1em;left:0}.balloonPopUp-drill-head{width:calc(5em + 20px);top:2em;left:unset;right:0}i:hover+.balloonPopUp,.minimum-sidebar__icon img:hover+.balloonPopUp,.publish_toggle>label:hover+.balloonPopUp{display:block}.chat-header{display:flex;align-items:center;margin-left:1rem}.contactus{overflow:auto;scrollbar-width:thin}.open-btn{margin-top:1rem;float:right}.chat-form{display:none}.chat-form.active{display:block}.chat-form.admin{display:block}.contact-form{width:84%;margin:auto}.contact-form__back-btn{width:max-content;padding-top:1rem;padding-bottom:1rem}.contact-form__submit{width:max-content;margin:16px 0 16px auto}.contact-form__note,.contact-form .helptext{position:relative;display:block;padding-left:1em}.contact-form__note::before,.contact-form .helptext::before{content:"※";position:absolute;left:0}.contact-form .helptext{margin:8px 0}.contact-form .main-btn{font-size:1.5rem}.contact-form label{margin:0}.contact-form table{border-spacing:4px 8px;border-collapse:separate;width:100%}.contact-form tr:nth-of-type(2) th label::after,.contact-form tr:nth-of-type(4) th label::after,.contact-form tr:nth-of-type(7) th label::after{content:"(必須)";color:red}.contact-form th{width:15%}.contact-form td pre{font-size:1rem;margin-bottom:0;max-width:50em}.contact-form select,.contact-form textarea,.contact-form input[type="text"],.contact-form input[type="email"]{width:100%}.contact-form textarea,.contact-form input[type="text"],.contact-form input[type="email"]{padding:0 2px}.contact-form textarea{resize:none}.contact-form ul{list-style:none;margin:0;display:flex;justify-content:space-around}.contact-form li{display:inline}.contact-form .form-buttons{display:none;justify-content:flex-end;padding-bottom:1rem}.contact-form .form-buttons.active{display:flex}.contact-form .form-buttons.admin{display:flex}.contact-form .form-buttons .main-btn{display:inline-flex}.contact-form .form-buttons #confirm-btn{margin-left:1rem}.staff-change-form{margin-left:1rem}.chat-window{background:#dedede;border:solid #131313 3px;border-radius:15px;padding:1rem}.chat-window__content{margin-top:0.5rem;display:flex}.chat-window__content--right{flex-direction:row-reverse}.chat-window__text{background-color:#fff;padding:0.5rem;border-radius:15px;max-width:50%;position:relative}.chat-window__text::before{content:"";border:8px solid transparent;position:absolute;top:50%;transform:translateY(-50%)}.chat-window__text--left::before{border-right-color:#fff;left:-15px}.chat-window__text--right::before{border-left-color:#fff;right:-15px}.main-footer{background-color:#1c1f25;position:relative;margin-top:32px}.main-footer .footer-links{padding-left:6%;padding-right:6%;display:flex;list-style-type:none}.main-footer .footer-links__wrap{padding:16px 1rem 0 1rem}.main-footer .footer-links__item{color:#fff;padding-right:40px;position:relative}.main-footer .footer-links__item a{color:orange}.main-footer .footer-links__item::before{font-family:"Font Awesome 5 Free";content:"\f105";font-weight:900;font-size:16px;position:absolute;top:50%;transform:translateY(-50%);left:-12px}.main-footer .footer-links__item::after{font-family:"Font Awesome 5 Free";content:"\f24d";font-size:16px;position:absolute;top:50%;transform:translateY(-50%);right:20px}.main-footer .footer-links__item:hover{cursor:pointer}.main-footer .footer-sign{display:flex;align-items:center;justify-content:center;background:#eee;padding:16px 0}.main-footer .footer-sign__left{color:#131313;text-align:left}.main-footer .footer-sign__right{width:20%;text-align:right;margin-left:1rem}.main-footer .footer-sign__right img{width:100%;max-width:400px;background-color:#eee}@media screen and (max-width: 992px){.main-footer{background-color:#1c1f25;position:relative}.main-footer .footer-links{flex-direction:column;margin-bottom:0}.main-footer .footer-links__item{margin-bottom:1rem}.main-footer .footer-links__item a{color:orange}.main-footer .footer-links__item::before{font-family:"Font Awesome 5 Free";content:"\f105";font-weight:900;font-size:16px;position:absolute;top:50%;transform:translateY(-50%);left:-12px}.main-footer .footer-links__item::after{font-family:"Font Awesome 5 Free";content:"\f24d";font-size:16px;position:relative;top:50%;transform:translateY(-50%);right:-1rem}.main-footer .footer-links__item:hover{cursor:pointer}.main-footer .footer-sign{flex-direction:column}.main-footer .footer-sign__left{width:100%}.main-footer .footer-sign__right{width:100%;margin-left:0}.main-footer .footer-sign__right img{width:100%;max-width:400px}}.admin-table{border-collapse:collapse}.admin-table caption{caption-side:top;color:#131313;font-size:1.2rem;font-weight:bold}.admin-table thead{background-color:#e6e8ee}.admin-table tbody tr:nth-child(odd){background-color:#f6f9fd}.admin-table tbody tr:nth-child(even){background-color:#e6e8ee}.admin-table td,.admin-table th{padding:1rem;border:1px solid #aaaaaa}.admin-table progress{-webkit-appearance:none;appearance:none;height:0.5rem;border:none;border-radius:5px;background-color:lightgray}.admin-table progress::-webkit-progress-bar{background-color:lightgray;border-radius:15px}.admin-table progress::-webkit-progress-value{border-radius:15px;background-color:#4275d8}.admin-table progress::-moz-progress-bar{border-radius:15px;background-color:#4275d8}.userdata{width:96%;margin:auto;padding:3%;padding-top:32px;margin-bottom:32px}.userdata__title{margin-bottom:32px;font-size:1.2rem;font-weight:bold}.userdata__number{margin-top:1rem;font-size:1.5rem;font-weight:900}.userdata__line{width:100%}.userdata-flex-wrapper{display:flex}.userdata-flex-wrapper__item{flex:1}.userlist{width:96%;margin:auto;padding:3%;padding-top:30px}.userlist__title{margin-bottom:32px;font-size:1.2rem;font-weight:bold}.userlist-flex-wrapper{display:flex;margin-bottom:0.5rem}.userlist-flex-wrapper__item{flex:1;text-align:left}.progress-card{width:96%;margin:auto;padding:3%;padding-top:32px;margin-bottom:32px}.progress-card__title{margin-bottom:32px;font-size:1.2rem;font-weight:bold}.admin-table .lesson-title{background-color:#f6f9fd}.admin-table .lesson-title+td{background-color:#f6f9fd}.admin-body .sidebar{background-color:#f6f9fd;float:left;position:fixed;top:0;bottom:0;left:0;height:100vh;width:260px;overflow:auto;z-index:1000;box-shadow:0px 1px 6px 2px #7171716b}.admin-body .sidebar__header{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.admin-body .sidebar__title{font-size:1rem;text-align:center}.admin-body .sidebar__line{width:100%;margin:0}.admin-body .sidebar__link{color:#131313;display:flex;align-items:center;padding-top:1rem;padding-bottom:1rem;padding-left:2rem;background:transparent;border:none}.admin-body .sidebar__link img,.admin-body .sidebar__link i{width:2rem;font-size:2rem}.admin-body .sidebar__link span{color:#131313;font-size:1.2rem;padding-left:2rem}.admin-body .sidebar__link:hover{text-decoration:none;color:#4275d8}.admin-body .sidebar__link:hover span{color:#4275d8}.admin-body .sidebar-list{list-style:none;margin-top:2rem}.admin-body .sidebar-list__item{border-left:5px transparent solid}.admin-body .sidebar-list__item.active{background-color:#4275d85c;border-left:5px #4275d8 solid;outline-offset:5px}.admin-body .editor-content{height:calc(88vh - 10px);display:grid;grid-template-columns:repeat(2, 1fr);column-gap:2.5px;margin:5px}.admin-body form .ban{display:flex;height:6vh;align-items:center;justify-content:flex-end;padding-right:8px}.admin-body form .ban label{margin:0 32px 0 0.5em}.admin-body form .ban .main-btn{font-size:1rem}.thread-list{width:98%;margin:auto}.thread-list__new{padding-top:1rem}.thread-list__new .main-btn{font-size:1rem}.chat-list{min-width:100%}.chat-list td,.chat-list th{padding-top:1rem;padding-bottom:1rem}.chat-list__sender-th,.chat-list__sender-td,.chat-list__staff-th,.chat-list__staff-td{padding-left:1rem;border-left:solid 2px #a7a9ac}.chat-list__item:hover{background-color:lightgrey}.chat-list__status--red{position:relative}.chat-list__status--red::after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f00d";color:red;width:16px;margin-left:4px}.chat-list__status--yellow{position:relative}.chat-list__status--yellow::after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f04c";color:#ffc107;width:16px;margin-left:4px}.chat-list__status--green{position:relative}.chat-list__status--green::after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f00c";color:green;width:16px;margin-left:4px}.chat-list .sort a{color:#131313}.filter-tabs{display:flex;padding-left:32px;padding-bottom:8px}.filter-tabs__item{margin-right:1rem;background-color:#f6f9fd;box-shadow:0px 1px 6px 2px #7171;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;color:#131313;border-radius:18px}.filter-tabs__item:hover{text-decoration:none}.custom-admin-export .admin-card{padding:16px}.custom-admin-export .export-form input[type="text"][name="grade"],.custom-admin-export .export-form input[type="text"][name="group"]{width:32px}.custom-admin-export .export-form .up-field{padding-bottom:0.5rem}.custom-admin-export #lesson-filter-form{width:98%;margin:auto;padding:16px 16px 0 16px}.custom-admin-export #lesson-filter-form p{margin-bottom:0}.custom-admin-export .export-card{overflow:auto;margin:16px 0 32px 1%}.custom-admin-export .export-table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0}.custom-admin-export .export-table td{width:100px;padding:10px 0;overflow:auto;white-space:nowrap;font-size:12px;line-height:16px;height:36px}.custom-admin-export .export-table td.fixed-cell-top{position:-webkit-sticky;position:sticky;z-index:1;background-color:#fff}.custom-admin-export .export-table td.fixed-cell-top--1{top:0}.custom-admin-export .export-table td.fixed-cell-top--2{top:38px}.custom-admin-export .export-table td.fixed-cell-top--3{top:76px}.custom-admin-export .export-table td.fixed-cell-top--4{top:114px}.custom-admin-export .export-table td.fixed-cell-left{position:-webkit-sticky;position:sticky;background-color:#fff;z-index:2}.custom-admin-export .export-table td.fixed-cell-left:nth-child(1){left:0}.custom-admin-export .export-table td.fixed-cell-left:nth-child(2){left:100px}.custom-admin-export .export-table td.fixed-cell-top.fixed-cell-left{z-index:3}.custom-admin-import .admin-card{padding:16px}.custom-admin-import .import-form input[type="text"][name="grade"],.custom-admin-import .import-form input[type="text"][name="group"]{width:32px}.custom-admin-import .import-card{overflow:auto;padding:16px 0 32px 1%}.custom-admin-import .import-table{border:1px solid #131313;width:96%}.custom-admin-import .import-table th,.custom-admin-import .import-table td{width:50px;padding:10px 0;overflow:auto;white-space:nowrap;font-size:12px}.custom-admin-import #submit-desc{padding:1rem 0 0 2rem}.edit-btns{text-align:right;padding:0 16px 10px 0;display:flex;justify-content:flex-end;align-items:flex-end}.edit-btns a,.edit-btns span,.edit-btns input[type="submit"]{margin-left:10px}.lessontext-preview{width:calc(48vw - 7.5px);background-color:#fff;padding:16px;margin-left:16px}.lessontext-preview *{font-size:14px}.lessontext-preview p{margin:0}.lessontext-preview .lessontext__title{background-color:#008484;color:#fff;font-size:12pt;font-weight:500;padding:1pt 4pt 1pt 4pt;line-height:1.75}.lessontext-preview .lessontext__elem{margin:0;padding:0;font-family:"M PLUS Rounded 1c", sans-serif;font-weight:500;position:static}#drilltext-form .drilltext-editors{display:flex}#drilltext-form .drilltext-editor{width:50%}.drilltext-preview{padding:16px 2%;background-color:#fff}.drilltext-preview__btns{display:flex;height:30px;line-height:30px}.drilltext-preview__btn{padding:0 3rem;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}.drilltext-preview__btn.active{background-color:#e2e2e2}.drilltext-preview__windows{width:calc(48vw - 7.5px);background-color:#e2e2e2}.drilltext-preview__window{display:none}.drilltext-preview__window.active{display:block}.drilltext-preview__window-inner{padding:1rem 2rem 2rem 2rem}.drilltext-preview__question-title{background-color:#008484;color:#fff;font-size:1.4rem;padding:4px 16px}.content-form{margin-left:16px}.content-btns{display:flex;justify-content:flex-end;margin:10px auto;width:96%}.content-btn{display:block;width:max-content;color:#fff;background:#4275d8;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;border-radius:18px;cursor:pointer;border:none}.content-btn:hover{text-decoration:none;color:#fff}#delete-btn.content-btn{margin-left:10px}.content-breadcrumb{margin:0 0 0 16px;padding-bottom:10px}.content-breadcrumb a,.content-breadcrumb span{margin:0 8px}.content-list{width:96%;margin:auto}.content-list table{width:100%;margin-bottom:16px}.draft-btn-container{width:96%;margin:10px auto;display:flex;align-items:center;justify-content:space-between}.draft-link-btns__item{margin-right:10px;background-color:#f6f9fd;box-shadow:0px 1px 6px 2px #7171;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;color:#131313;border-radius:18px;text-decoration:none}.draft-link-btns__item:hover{text-decoration:none;color:#131313}.draft-link-btns__item.active{background-color:#4275d8;color:#fff}.draft-action-btns{display:flex;justify-content:flex-end}.draft-action-btns__item{display:block;width:max-content;color:#fff;background:#4275d8;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;border-radius:18px;cursor:pointer;border:none}.draft-action-btns__item:hover{text-decoration:none;color:#fff}#delete-btn.draft-action-btns__item{margin-left:10px}.main-panel{position:relative;float:right;width:100%}.main-panel.with-sidebar{width:96%}.main-panel:not(.with-sidebar)>.container{padding-top:10px}.admin-main-panel{width:calc(100% - 260px);background-color:#e6e8ee}.container{margin-top:6vh}.main-navbar{height:6vh;position:fixed;z-index:9999}.navbar{width:100%;height:6vh;min-height:35px;border-bottom:3px solid #131313;z-index:10;background-color:#eee;position:fixed;display:flex;align-items:center;padding:0.5vh 16px;background-color:#fff;box-shadow:0 4px 4px rgba(13,13,13,0.38)}.navbar.with-sidebar{width:96%;left:4%}.navbar__logo{height:100%;transition:0.5s;display:flex;align-items:center;justify-content:space-between}.navbar__logo a{width:max-content;height:100%}.navbar__logo img{height:100%}.navbar__userinfo{display:inline-block;height:100%;transition:0.5s;align-items:center;margin-left:12px}.navbar__userinfo-list{font-weight:bold;margin:0 8px;text-align:center;list-style:none;display:inline-block;height:100%}.navbar__userinfo-list a{font-size:1rem;display:flex;height:100%;align-items:center;justify-content:center;color:#131313;transition:all 0.5s;border-radius:40px !important;padding:4px 1rem;cursor:pointer}.navbar__userinfo .navbar__link{text-decoration:none;color:#131313;height:4vh;display:table;float:left;margin:calc(0.5vh - 1.5px) 0;border-radius:40px;padding:0 4px;position:relative;margin-right:1rem}.navbar__userinfo .navbar__link img{height:4vh;width:4vh;margin-right:12px;object-fit:cover;border:solid 2px #000;border-radius:50%;background-color:#fff}.navbar__userinfo .navbar__link:hover{text-decoration:none;background-color:#fbc02d}.navbar__userinfo .navbar__link:hover .navbar__userinfo-username{color:#fff}.navbar__userinfo .navbar__link:hover .navbar__userinfo-balloon{opacity:1}.navbar__userinfo-username{font-size:14px;font-weight:bold;transition:all 0.5s;display:table-cell;vertical-align:middle}.navbar__userinfo-balloon{position:absolute;opacity:0;background-color:#fbc02d;width:max-content;left:1rem;top:100%;margin-top:0.4rem;font-size:1rem;font-weight:bold;border-radius:0.8rem;padding:4px 8px;border:solid 2px #000;transition:0.3s;pointer-events:none}.navbar-list{font-size:0.9rem;transition:0.5s;margin-bottom:0;margin-right:0px;align-items:center;height:100%}.navbar-list ul{display:inline-flex;margin:0;height:100%}.navbar-list__item{font-weight:bold;margin:0 8px;text-align:center;list-style:none;display:inline-block;height:100%}.navbar-list__item a{font-size:1rem;display:flex;height:100%;align-items:center;justify-content:center;color:#131313;transition:all 0.5s;border-radius:40px !important;padding:0 4px;cursor:pointer}.navbar-list__item a:hover{color:#fff;font-weight:bold;text-decoration:none;background-color:#fbc02d}.navbar__chat{position:absolute;right:4vh;top:7vh}.navbar__chat-link{display:flex;border-radius:50%;border:solid #131313 2px;padding:6px;background-color:#fbc02d}.navbar__chat-link:hover{text-decoration:none}.navbar__chat-icon{color:#131313;font-size:1.4rem;font-weight:900}.navbar .logout-form .modal-content{display:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.58);border:none;border-radius:unset}.navbar .logout-form .modal-content .modal-wrapper{position:absolute;margin:auto;left:0;right:0;max-width:480px;padding:24px 0;top:50%;transform:translateY(-50%)}.navbar .logout-form .modal-content .modal-wrapper .modal-close-btn{position:absolute;font-size:1.5rem;right:1em;cursor:pointer}.navbar .logout-form .modal-content .modal-wrapper__icon{position:absolute;top:10px;right:20px}.navbar .logout-form .modal-content .modal-wrapper__icon i{font-size:1.2em}.navbar .logout-form .modal-content .modal-wrapper .modal-msg__txt{font-size:1.8rem;font-weight:bold}.navbar .logout-form .modal-content .modal-wrapper .btn-wrapper{display:flex;justify-content:space-around;margin:30px;font-size:1.5rem}.navbar .logout-form .modal-content .modal-wrapper .btn-wrapper__no-btn{background:#eee;font-weight:bold}.navbar .logout-form .modal-content .modal-wrapper .btn-wrapper__yes-btn{font-weight:bold}.btn_emphasis{animation:Flash 2s 3}@keyframes Flash{50%{background-color:#ffbf8b}}.block-link{display:block;top:0;right:0;bottom:0;left:0;cursor:pointer}.title{font-weight:bold}.card{margin-bottom:20px;border:none;border-radius:12px;box-shadow:0 6px 10px -4px rgba(0,0,0,0.15)}.card-header{background-color:transparent;padding:15px 15px 0;border:none}.card-footer{background-color:transparent;border:none}.display_none{display:none}.vision_none{visibility:hidden}.btn-square-pop{position:relative;display:inline-block;text-decoration:none;color:#fff;background:#fd9535;border-bottom:solid 2px #d27d00;border-radius:4px;box-shadow:inset 0 2px 0 rgba(255,255,255,0.2),0 2px 2px rgba(0,0,0,0.19);font-weight:bold;padding:15px 5px 15px 5px;text-decoration:none;border-style:none;width:150px;font-size:15px;margin:1vw 2vw 1vw 0;outline:none;cursor:pointer}a.btn-square-pop{padding:15px 20px 15px 20px}.btn-square-pop:active{box-shadow:0 0 2px rgba(0,0,0,0.3)}.wider{padding:0 5px}#save-signal{position:fixed;top:50vh;left:0;display:none;background-color:orange;z-index:50000;color:white;font-weight:bold;font-size:1.5rem;padding:0.5rem;border-radius:0 10px 10px 0;animation:left-slide 2.2s linear}#save-signal.success{display:block}#save-signal.error{display:block;background-color:red}.edit-button{position:absolute;display:flex;width:3rem;height:3rem;right:15px;bottom:15px;color:white;background-color:orange;border:1px solid orange;border-radius:50%;box-shadow:1px 1px 6px -2px #888}.edit-button:hover{color:white;text-decoration:none}.edit-button span{margin:auto}.edit-button--view{background-color:green;border-color:green}.pagination{text-align:center}.pages{font-size:1.5rem;display:inline-block;margin:auto;border-radius:5px}.pages a{display:inline-block;width:2em;color:orange}.pages a.current{background-color:orange;color:white}.pages__rest{display:inline-block;min-width:2em;color:green}.top-body{overflow:auto}.top-body::-webkit-scrollbar{width:8px;border-radius:4px;background-color:#fff}.top-body::-webkit-scrollbar-thumb{border-radius:4px;background:#aaa}.top-content .sp{display:none}.top-content header{width:100%;height:6vh;position:fixed;z-index:9999;overflow-x:hidden}.top-content .header{position:fixed;align-items:center;margin:auto;display:flex;border-bottom:solid #131313 3px;padding-left:6%;padding-right:6%;padding-top:30px;padding-bottom:30px;box-shadow:5px 3px 5px 5px #13131338;width:100%;height:6vh;z-index:9999;background-color:#eee}.top-content .header .title{flex:2;text-align:left;display:flex;align-items:center}.top-content .header .title img{height:100%;width:100%;object-fit:contain}.top-content .header .nav{flex:5;display:flex;justify-content:center;align-items:center}.top-content .header .nav-link{color:#131313;font-size:1.2rem;transition:all 0.3s}.top-content .header .nav-link:hover{color:white;background-color:orange;font-weight:bold;border-radius:3px}.top-content .header .register-btn{flex:3;display:flex;justify-content:center;align-items:center}.top-content .header .register-btn__link{margin-left:10px;font-size:1.2rem;padding:0.5rem 2rem !important}.top-content .kv{position:relative}.top-content .kv .kv-wrapper{display:flex;height:max-content}.top-content .kv .kv-wrapper .kv-content{width:50%;margin-top:auto;margin-bottom:auto;position:relative}.top-content .kv .kv-wrapper .kv-content .kv-img-wrapper{text-align:right}.top-content .kv .kv-wrapper .kv-content .kv-img-wrapper img{height:660px}.top-content .kv .kv-wrapper .kv-txt-wrapper{height:70%;margin-top:auto;margin-bottom:auto;width:50%;padding:0 4%}.top-content .kv .kv-wrapper .kv-txt-wrapper__num{position:relative}.top-content .kv .kv-wrapper .kv-txt-wrapper__copy{font-size:3rem}.top-content .kv .kv-wrapper .kv-txt-wrapper__clock{width:6rem;position:relative;margin-bottom:1rem}.top-content .kv .kv-wrapper .kv-txt-wrapper .kv-sub-wrapper{display:flex;margin-top:10%}.top-content .kv .kv-wrapper .kv-txt-wrapper .kv-sub-wrapper .kv-list{font-size:2rem}.top-content .kv .kv-wrapper .kv-txt-wrapper .kv-sub-wrapper .kv-list__item{list-style-type:none;position:relative}.top-content .kv .kv-wrapper .kv-txt-wrapper .start-btn{margin-top:8%}.top-content .kv .kv-wrapper .kv-txt-wrapper .start-btn__link{font-size:1.5rem}.top-content .container{margin-top:0;padding-right:6%;padding-left:6%}.top-content .container .p-copy-1__txt{text-align:center;font-size:3rem}.top-content .container .p-copy-1 .btn-block{margin-top:5%;font-size:1.5rem;text-align:center}.top-content .container .p-copy-1 .btn-block__style{display:inline-block;background-color:#eea92a;color:#fff;font-size:2rem;line-height:1;text-decoration:none;letter-spacing:0.05em;padding:2% 5%;border-radius:3px;cursor:pointer;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);-webkit-tap-highlight-color:transparent;transition:0.3s ease-out}.top-content .container .p-copy-1 .btn-block__style:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}@media screen and (max-width: 992px){.top-content .sp{display:block}.top-content .pc{display:none !important}.top-content header{height:64px}.top-content header .header{height:64px}.top-content header .nav{flex-direction:column}.top-content header .nav .nav-item .nav-link{font-size:1.2rem}.top-content header .register-btn{margin-top:1rem}.top-content header .menu-trigger{display:inline-block;transition:all 0.4s;box-sizing:border-box;position:relative;width:40px;height:40px}.top-content header .menu-trigger rect,.top-content header .menu-trigger path{display:inline-block;transition:all 0.4s;box-sizing:border-box;background-color:#131313;border-radius:4px;position:absolute}.top-content header .menu-trigger.active rect:nth-of-type(1),.top-content header .menu-trigger.active path:nth-of-type(1){transform:translate(-1px, 16.7px) rotate(-45deg)}.top-content header .menu-trigger.active rect:nth-of-type(2),.top-content header .menu-trigger.active path:nth-of-type(2){opacity:0}.top-content header .menu-trigger.active rect:nth-of-type(3),.top-content header .menu-trigger.active path:nth-of-type(3){transform:translate(17px, -9.6px) rotate(45deg)}.top-content header .menu-content{position:absolute;width:100vw;top:64px;background-color:#fff;padding-bottom:5%;border-bottom:3px solid #131313}.top-content header .menu-content.deactive{opacity:0;left:-110%;animation:menu-animation-back cubic-bezier(0.67, -0.39, 0.5, 1.42) 0.5s}.top-content header .menu-content.active{opacity:1;display:block;left:0;animation:menu-animation cubic-bezier(0.67, -0.39, 0.5, 1.42) 0.5s}.top-content header .menu-content.initial{display:none}.top-content header .title__txt img{height:70% !important;width:70% !important;margin:15%}.top-content .navbar-list,.top-content .navbar__userinfo{display:none}.top-content .notifications{top:7vh;right:2rem}.top-content .notifications .notification-batch__icon{margin:0}.top-content .notifications .notification-batch__text{display:none}.top-content .kv{margin-top:-30px}.top-content .kv .kv-wrapper{flex-direction:column}.top-content .kv .kv-wrapper .kv-content{width:100%;margin:0}.top-content .kv .kv-wrapper .kv-content .kv-img-wrapper{text-align:center}.top-content .kv .kv-wrapper .kv-content .kv-img-wrapper #main-svg{height:300px}.top-content .kv .kv-wrapper .kv-txt-wrapper{width:85%;margin:auto;margin-top:-20px}.top-content .kv .kv-wrapper .kv-txt-wrapper__copy{font-size:1.5rem;margin-top:0;text-align:center}.top-content .kv .kv-wrapper .kv-txt-wrapper__clock{width:4rem}.top-content .kv .kv-wrapper .kv-txt-wrapper .kv-sub-wrapper .kv-list{margin:auto}.top-content .kv .kv-wrapper .kv-txt-wrapper .kv-sub-wrapper .kv-list__item{font-size:1rem}.top-content .kv .kv-wrapper .kv-txt-wrapper .start-btn{display:none}.top-content .container{margin-top:0}.top-content .container .p-copy-1{margin-bottom:64px}.top-content .container .p-copy-1__txt{font-size:1.25rem}.top-content .container .p-copy-1 .btn-block{margin-top:10%}}#main-svg{visibility:hidden;width:90%;max-width:800px}#main-svg path{stroke:#131313;fill:none}#main-svg rect{stroke:#131313;fill:none}#main-svg circle{stroke:#131313;fill:none}#main-svg line{stroke:#131313;fill:none}#main-svg.finished *{fill-opacity:1;transition:all 1s}#main-svg.finished .cls-1,#main-svg.finished .cls-12{fill:#fff}#main-svg.finished .cls-2,#main-svg.finished .cls-5,#main-svg.finished .cls-9{fill:#eaa629}#main-svg.finished .cls-10,#main-svg.finished .cls-11,#main-svg.finished .cls-14,#main-svg.finished .cls-3,#main-svg.finished .cls-7{fill:none}#main-svg.finished .cls-12,#main-svg.finished .cls-14,#main-svg.finished .cls-3,#main-svg.finished .cls-4,#main-svg.finished .cls-5,#main-svg.finished .cls-6,#main-svg.finished .cls-8{stroke:#080204}#main-svg.finished .cls-10,#main-svg.finished .cls-11,#main-svg.finished .cls-12,#main-svg.finished .cls-14,#main-svg.finished .cls-3,#main-svg.finished .cls-4,#main-svg.finished .cls-5,#main-svg.finished .cls-6,#main-svg.finished .cls-7,#main-svg.finished .cls-8,#main-svg.finished .cls-9{stroke-linecap:round;stroke-width:5px}#main-svg.finished .cls-10,#main-svg.finished .cls-11,#main-svg.finished .cls-12,#main-svg.finished .cls-3,#main-svg.finished .cls-4,#main-svg.finished .cls-5,#main-svg.finished .cls-6,#main-svg.finished .cls-7,#main-svg.finished .cls-8,#main-svg.finished .cls-9{stroke-linejoin:round}#main-svg.finished .cls-4{fill:#6fbbc7}#main-svg.finished .cls-6{fill:#9fba26}#main-svg.finished .cls-7,#main-svg.finished .cls-9{stroke:#191210}#main-svg.finished .cls-13,#main-svg.finished .cls-8{fill:#d8d8d8}#main-svg.finished .cls-10{stroke:#eaa629}#main-svg.finished .cls-11{stroke:#6fbbc7}.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;background-color:#000;opacity:0;background:-moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.9) 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.4)), color-stop(100%, rgba(0,0,0,0.9)));background:-webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.9) 100%);background:-o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.9) 100%);background:-ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.9) 100%);background:radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.9) 100%);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.introjs-fixParent{opacity:1 !important}.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th{z-index:9999999 !important}.introjs-disableInteraction{z-index:99999999 !important;position:absolute;background-color:white;opacity:0;filter:alpha(opacity=0)}.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;background-color:#fff;background-color:rgba(255,255,255,0.5);border:1px solid #777;border:1px solid rgba(0,0,0,0.5);border-radius:4px;box-shadow:0 2px 15px rgba(0,0,0,0.4);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.introjs-tooltipReferenceLayer{box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.introjs-helperLayer *,.introjs-helperLayer *:before,.introjs-helperLayer *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.introjs-helperNumberLayer{box-sizing:content-box;position:absolute;visibility:visible;top:-16px;right:-16px;z-index:9999999999 !important;padding:2px;font-family:Arial, verdana, tahoma;font-size:13px;font-weight:bold;color:white;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.3);background:#ff3019;background:-webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));background:-moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);background:-ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);background:-o-linear-gradient(top, #ff3019 0%, #cf0404 100%);background:linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);width:20px;height:20px;line-height:20px;border:3px solid white;border-radius:50%;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";filter:"progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";box-shadow:0 2px 5px rgba(0,0,0,0.4)}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top{top:-10px;border-bottom-color:white}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:white}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:white}.introjs-arrow.right{right:-10px;top:10px;border-left-color:white}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:white}.introjs-arrow.bottom{bottom:-10px;border-top-color:white}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:white}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:white}.introjs-arrow.left{left:-10px;top:10px;border-right-color:white}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:white}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;padding:10px;background-color:white;min-width:200px;max-width:300px;border-radius:3px;box-shadow:0 1px 10px rgba(0,0,0,0.4);-webkit-transition:opacity 0.1s ease-out;-moz-transition:opacity 0.1s ease-out;-ms-transition:opacity 0.1s ease-out;-o-transition:opacity 0.1s ease-out;transition:opacity 0.1s ease-out}.introjs-tooltipbuttons{text-align:right;white-space:nowrap}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;display:inline-block;padding:0.3em 0.8em;border:1px solid #d4d4d4;margin:0;text-decoration:none;text-shadow:1px 1px 0 #fff;font:11px / normal sans-serif;color:#333;white-space:nowrap;cursor:pointer;outline:none;background-color:#ececec;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:-moz-linear-gradient(#f4f4f4, #ececec);background-image:-o-linear-gradient(#f4f4f4, #ececec);background-image:linear-gradient(#f4f4f4, #ececec);-webkit-background-clip:padding;-moz-background-clip:padding;-o-background-clip:padding-box;-webkit-border-radius:0.2em;-moz-border-radius:0.2em;border-radius:0.2em;zoom:1;*display:inline;margin-top:10px}.introjs-button:hover{border-color:#bcbcbc;text-decoration:none;box-shadow:0px 1px 1px #e3e3e3}.introjs-button:focus,.introjs-button:active{background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));background-image:-moz-linear-gradient(#ececec, #f4f4f4);background-image:-o-linear-gradient(#ececec, #f4f4f4);background-image:linear-gradient(#ececec, #f4f4f4)}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{box-sizing:content-box;margin-right:5px;color:#7a7a7a}.introjs-prevbutton{-webkit-border-radius:0.2em 0 0 0.2em;-moz-border-radius:0.2em 0 0 0.2em;border-radius:0.2em 0 0 0.2em;border-right:none}.introjs-prevbutton.introjs-fullbutton{border:1px solid #d4d4d4;-webkit-border-radius:0.2em;-moz-border-radius:0.2em;border-radius:0.2em}.last-view .introjs-tooltipbuttons .introjs-prevbutton{border-radius:0.2em !important;border:1px solid #d4d4d4 !important}.introjs-nextbutton{-webkit-border-radius:0 0.2em 0.2em 0;-moz-border-radius:0 0.2em 0.2em 0;border-radius:0 0.2em 0.2em 0}.introjs-nextbutton.introjs-fullbutton{-webkit-border-radius:0.2em;-moz-border-radius:0.2em;border-radius:0.2em}.last-view .introjs-tooltipbuttons .introjs-nextbutton{display:none}.introjs-disabled,.introjs-disabled:hover,.introjs-disabled:focus{color:#9a9a9a;border-color:#d4d4d4;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:15px auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:hover{background:#999}.introjs-bullets ul li a.active{background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px 0 5px 0;border-radius:4px;background-color:#ecf0f1}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-hint{box-sizing:content-box;position:absolute;background:transparent;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}.introjs-hint:hover>.introjs-hint-pulse{border:5px solid rgba(60,60,60,0.57)}.introjs-hint-pulse{box-sizing:content-box;width:10px;height:10px;border:5px solid rgba(60,60,60,0.27);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background-color:rgba(136,136,136,0.24);z-index:10;position:absolute;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.introjs-hint-no-anim .introjs-hint-dot{-webkit-animation:none;-moz-animation:none;animation:none}.introjs-hint-dot{box-sizing:content-box;border:10px solid rgba(146,146,146,0.36);background:transparent;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;height:50px;width:50px;-webkit-animation:introjspulse 3s ease-out;-moz-animation:introjspulse 3s ease-out;animation:introjspulse 3s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;position:absolute;top:-25px;left:-25px;z-index:1;opacity:0}@-webkit-keyframes introjspulse{0%{-webkit-transform:scale(0);opacity:0}25%{-webkit-transform:scale(0);opacity:0.1}50%{-webkit-transform:scale(0.1);opacity:0.3}75%{-webkit-transform:scale(0.5);opacity:0.5}100%{-webkit-transform:scale(1);opacity:0}}@-moz-keyframes introjspulse{0%{-moz-transform:scale(0);opacity:0}25%{-moz-transform:scale(0);opacity:0.1}50%{-moz-transform:scale(0.1);opacity:0.3}75%{-moz-transform:scale(0.5);opacity:0.5}100%{-moz-transform:scale(1);opacity:0}}@keyframes introjspulse{0%{transform:scale(0);opacity:0}25%{transform:scale(0);opacity:0.1}50%{transform:scale(0.1);opacity:0.3}75%{transform:scale(0.5);opacity:0.5}100%{transform:scale(1);opacity:0}}.container{padding:0}.btn-flash{animation:key1 1s 5}@keyframes key1{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.lesson_base .lesson-footer{display:flex;position:fixed;bottom:0;width:96vw;height:6vh;z-index:200;background:#fff;border-top:solid 3px #131313;justify-content:space-between;box-shadow:0 -4px 4px rgba(13,13,13,0.38)}.lesson_base .lesson-footer .footer-switch{flex:1}.lesson_base .lesson-footer #progress-bar{flex:3}.lesson_base .lesson-footer .footer-btn{flex:3}.lesson_base .lesson-footer .display-switch{width:5.5vh;height:5.5vh;text-align:center;margin:calc(0.5vh - 3px) 1vh 0.5vh;float:left}.lesson_base .lesson-footer .display-switch div{text-decoration:none;color:#131313;display:block;width:100%;height:100%;position:relative}.lesson_base .lesson-footer .display-switch i{font-size:3vh;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.lesson_base .lesson-footer #slide-complete-area{height:4vh;margin:1vh;float:left;display:flex}.lesson_base .lesson-footer #slide-complete-area #slide-continue-btn{display:flex;justify-content:center;align-items:center;display:none;height:4vh;border-radius:2vh;padding:0 1rem;font-size:1rem;text-decoration:none;color:#000}.lesson_base .lesson-footer #slide-complete-area #slide-complete-btn{display:flex;justify-content:center;align-items:center;height:4vh;border-radius:2vh;padding:0 1rem;font-size:1rem;text-decoration:none;margin-left:20px;cursor:pointer}.lesson_base .lesson-footer #lesson-complete-area{height:4vh;margin:1vh;float:left;display:flex;justify-content:center;align-items:center}.lesson_base .lesson-footer #lesson-complete-area #lesson-complete-btn{color:black;height:4vh;border-radius:2vh;font-size:1rem;text-decoration:none}.lesson_base .lesson-footer #lesson-complete-area #lesson-complete{color:#000;background-color:lightgreen;border:solid 3px #000;height:4vh;border-radius:2vh;padding:0 1rem;font-size:1rem;text-decoration:none;display:flex;align-items:center;cursor:pointer}.lesson_base .componentShadowFrame{width:96%;height:88vh;position:fixed;top:6vh;left:4%;box-shadow:4px 0px 4px rgba(13,13,13,0.38) inset,-4px 0px 4px rgba(13,13,13,0.38) inset}.lesson_base .audio-stopped-modal{position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);display:none;animation:fade-in 1s;z-index:2999}.lesson_base .audio-stopped-modal .lesson-modal-content{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:60%;height:20%;background-color:#fff;z-index:3000}.lesson_base .audio-stopped-modal .lesson-modal-content .modal-btn-container{width:60%;margin:auto;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-areas:"a a" "b c";top:0;bottom:0;right:0;left:0;position:absolute}.lesson_base .audio-stopped-modal .lesson-modal-content .modal-btn-container a{margin:auto;padding:0.5rem 1rem;font-size:1.2rem;text-decoration:none}.lesson_base .audio-stopped-modal .lesson-modal-content .modal-btn-container__txt{grid-area:a;margin:auto;font-size:1.2rem}.lesson_base .audio-stopped-modal .lesson-modal-content .modal-btn-container__no{grid-area:b}.lesson_base .audio-stopped-modal .lesson-modal-content .modal-btn-container__yes{grid-area:c}.lesson_base .audio-stopped-modal.active{display:block}.lesson_base .lesson-base-panel{height:100%}.lesson_base #lesson-slide{position:relative;height:100%;grid-area:a}.lesson_base #lesson-slide .lesson-card{height:100%}.lesson_base #lesson-slide .lesson-card .lesson-card-header{background-color:#f4f3f0;height:5%;display:flex;align-items:center;font-weight:bold;border-bottom:solid 3px #131313}.lesson_base #lesson-slide .lesson-card .lesson-card-header__txt{margin:0 1rem}.lesson_base #lesson-slide .video-container{display:flex;height:100%;align-items:center;justify-content:center}.lesson_base #lesson-slide .video-container .video-wrapper{width:100%;max-height:100%}.lesson_base #lesson-slide .video-container video{width:100%;max-height:100%}.lesson_base #lesson-code{height:100%}.lesson_base #lesson-code .lesson-card{height:100%}.lesson_base #lesson-code .lesson-card .lesson-card-header{background-color:#f4f3f0;height:5%;display:flex;align-items:center;font-weight:bold;border-bottom:solid 3px #131313}.lesson_base #lesson-code .lesson-card .lesson-card-header__txt{margin:0 1rem}.lesson_base #lesson-code .lesson-card .lesson-card-body{overflow:scroll}.lesson_base .lesson-card-body{background-color:#fff;height:95%}.lesson_base #lesson-editor{height:100%;border:none !important}.lesson_base #lesson-editor .lesson-card{position:relative;height:100%}.lesson_base #lesson-editor .lesson-card .lesson-card-body{height:100%;position:relative}.lesson_base #lesson-text{height:100%}.lesson_base #lesson-text .lesson-card{height:100%}.lesson_base #lesson-text .lesson-card .lesson-card-body{height:100%;position:relative;overflow-y:auto}.lesson_base #lesson-text .lesson-card .lesson-card-body iframe{border:none}.lesson_base #lesson-text .lesson-card .lesson-card-body .lesson-text-download{position:fixed;display:flex;height:5rem;width:5rem;bottom:64px;right:32px;background-color:white;border:black solid;border-radius:50%}.lesson_base #lesson-text .lesson-card .lesson-card-body .lesson-text-download span{font-size:2.5rem;margin:auto}.lesson_base .lessontext{padding:16px}.lesson_base .lessontext p{margin:0}.lesson_base .lessontext *:not(.fa-file-download){font-size:14px}.lesson_base .lessontext .jump-links{position:relative;margin-left:8px;float:right}.lesson_base .lessontext .jump-links__item{color:white;margin:0 4px}.lesson_base .lessontext .jump-links__item:hover{cursor:pointer}.lesson_base .lessontext .jump-links__item.disabled{color:gray}.lesson_base .lessontext__title{background-color:#008484;color:#fff;font-size:12pt;font-weight:500;padding:1pt 4pt 1pt 4pt;line-height:1.75}.lesson_base .lessontext__elem{margin:0;padding:0;font-family:"M PLUS Rounded 1c", sans-serif;font-weight:500;position:static;box-sizing:border-box}.lesson_base .lesson-base-grid-wrapper{display:grid;margin-bottom:6vh;grid-template-columns:calc(50% - 2.5px) calc(50% - 2.5px);grid-template-rows:calc(88vh - 7.5px) calc(88vh - 7.5px);grid-template-areas:"a a" "b c";grid-gap:5px;padding:5px}.lesson_base .lesson-base-grid-content{border:solid 3px #131313}.lesson_base .lesson-base-left-up{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}.lesson_base .lesson-base-right-up{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2}.lesson_base .lesson-base-left-down{grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3}.lesson_base .lesson-base-right-down{grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3}.lesson_base .area-change-btn{width:300px}.lesson_base .slides{height:100%}.lesson_base .slides .swiper-container{height:100%}.lesson_base .slides .swiper-container .swiper-wrapper{height:94%}.lesson_base .slides .swiper-container .swiper-wrapper .swiper-slide{height:100%}.lesson_base .slides .swiper-container .swiper-wrapper .swiper-slide .slide_body{height:94%;overflow-y:scroll}.lesson_base .slides .swiper-container .swiper-wrapper .swiper-slide .slide_body .code_title{font-size:18px}.lesson_base .slides .swiper-container .swiper-wrapper .swiper-slide .slide_body .prettyprint{margin-top:-2%}.lesson_base .slides .swiper-container .swiper-wrapper .swiper-slide .slide_body--no-top-padding{padding-top:0}.lesson_base .slides .swiper-container .swiper-wrapper .swiper-slide .slide_body.slide-complete::before{font-family:"Font Awesome 5 Free";content:"\f46c";position:absolute;top:1rem;right:1rem;font-size:1.5rem;font-weight:900;color:#ffb26b}.lesson_base .slides .swiper-container .swiper-wrapper .swiper-slide .slide_footer{position:relative;display:flex;width:100%;height:6%;border-top:solid #d0d0d0 3px;text-align:center}.lesson_base .slides .swiper-container .swiper-wrapper .swiper-slide .slide_footer hr{display:none}.lesson_base .slides .swiper-container .swiper-button-next,.lesson_base .slides .swiper-container .swiper-button-prev{top:auto;bottom:calc(0% - 1.5px) !important;vertical-align:middle;background-image:none;z-index:1000;height:6%;width:3% !important;display:flex}.lesson_base .slides .swiper-container .swiper-button-next::after,.lesson_base .slides .swiper-container .swiper-button-prev::after{display:none}.lesson_base .slides .swiper-container .swiper-button-next img,.lesson_base .slides .swiper-container .swiper-button-prev img{width:70%;margin:15%}.lesson_base .slides .swiper-container .swiper-button-prev{left:50%;transform:translateX(-10rem)}.lesson_base .slides .swiper-container .swiper-button-next{right:50%;transform:translateX(10rem)}.lesson_base .slides .swiper-container .swiper-button-next.blink{animation:blink 0.8s linear 0s 30 alternate}.lesson_base .slides .swiper-container .swiper-pagination{z-index:-3}.lesson_base .slides .swiper-container .swiper-pagination-fraction{bottom:calc(3% - 1.5px);transform:translateY(50%);pointer-events:none}.lesson_base .sample_code{margin:0}.lesson_base .editor-form{width:100%;height:100%}.lesson_base .editor-form .diff-checkbutton{font-size:20px !important}.lesson_base .editor-form .container{margin-top:0}.lesson_base .complete{width:300px;float:right;margin-top:0.5rem}.lesson_base .complete__button{box-shadow:inset 0 2px 0 rgba(255,255,255,0.2),0 2px 2px rgba(0,0,0,0.19);border:1px solid orange;border-bottom:none;border-radius:5px;color:white;background-color:#fd9535;display:block;margin:0;text-align:center;width:300px;float:right;font-weight:bold;outline:none}.lesson_base .complete__button:hover{cursor:pointer}.lesson_base .complete a{box-shadow:inset 0 2px 0 rgba(255,255,255,0.2),0 2px 2px rgba(0,0,0,0.19);border-radius:5px;color:white;background-color:#fd9535;display:block;margin:0;text-align:center;width:300px;float:right;font-weight:bold;outline:none;text-decoration:none}.lesson_base .complete a:hover{cursor:pointer}.lesson_base #complete_btn{display:none}.lesson_base #next-slide,.lesson_base #restart-slide{width:100%;height:100%;display:block}#file-selector{height:2em;width:8em;margin:auto 2vw auto 0}.view-line span::selection{background-color:orange}.toggle,.minimum-sidebar__icon{position:relative}.lesson-item-complete-btn{display:block;width:max-content;font-size:0.8em;margin:12px 0 12px auto;text-align:right}.lesson-item-complete-btn.completed{background-color:lightgreen}.WordSection1{height:100%;overflow-y:auto;background-color:#fff;color:#333;padding:16px;font-size:10.5pt;font-weight:500;line-height:1.75}.WordSection1 div{margin:0 !important}.WordSection1 div:not([style*="#f2f2f2"]),.WordSection1 div:not([style*="#fafafa"]){-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.WordSection1 div[style*="#f2f2f2"],.WordSection1 div[style*="#fafafa"]{-moz-user-select:unset;-ms-user-select:unset;-webkit-user-select:unset;user-select:unset;font-family:Consolas, SFMono-Regular, Menlo, Monaco, monospace}.WordSection1 img{max-width:100%;height:auto;object-fit:contain}.WordSection1 .jump-links{position:relative;margin-left:8px;float:right}.WordSection1 .jump-links__item{color:white;margin:0 4px}.WordSection1 .jump-links__item:hover{cursor:pointer}.WordSection1 .jump-links__item.disabled{color:gray}.drill_base{overflow-y:hidden}.drill_base .drill_base-wrapper{display:flex;background-color:#fff;box-shadow:4px 0px 4px rgba(13,13,13,0.38) inset,-4px 0px 4px rgba(13,13,13,0.38) inset}.drill_base .question-side{width:calc(50% - 7.5px);position:relative;background-color:#fff;margin:5px 5px 5px 2.5px}.drill_base .question-side p{margin:0}.drill_base .editor-side{width:calc(50% - 7.5px);height:calc(94vh - 10px);margin:5px 2.5px 5px 5px}.drill_base .drill-tabs{border-bottom:none;height:30px;position:relative}.drill_base .drill-tabs .nav-link.active{background-color:#e2e2e2;border-bottom:#e2e2e2}.drill_base .drill-tabs .drill-tab-list{height:30px}.drill_base .drill-tabs .drill-tab-list__item{height:30px;margin-bottom:0;padding:0 3rem;line-height:30px;border:none;color:orange}.drill_base .drill-tabs .drill-tab-list__item.active{color:#131313}.drill_base .drill-ta-an .tab-pane{height:calc(94vh - 70px);overflow:auto}.drill_base .drill-ta-an .tab-pane.active .tab-pane-header{padding:1rem 2rem 2rem;background-color:#e2e2e2}.drill_base .drill-ta-an .tab-pane:first-child .tab-pane-header{border-top-left-radius:0}.drill_base .drill-ta-an .tab-pane__title{background-color:#008484;font-size:1.4rem;color:#fff;padding:4px 16px;margin:0}.drill_base .drill-ta-an .tab-pane__title .jump-links{float:right}.drill_base .drill-ta-an .tab-pane__title .jump-links__item{color:white}.drill_base .drill-ta-an .tab-pane__title .jump-links__item.disabled{color:gray}.drill_base .popup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:0.6s}.drill_base .popup .popup-inner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:80%;max-width:600px;padding:50px;background-color:#fff;z-index:2}.drill_base .popup .popup-inner .close-btn{position:absolute;right:0;top:0;width:50px;height:50px;line-height:50px;text-align:center;cursor:pointer}.drill_base .popup .popup-inner iframe{border:none}.drill_base .popup .black-background{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1;cursor:pointer}.drill_base .complete-btn-wrapper{margin-right:8px;border-width:2px;float:right}.drill_base .complete-btn-wrapper label{display:inline-flex;margin:0;padding:0 1em;vertical-align:middle;font-weight:bold;font-size:1rem}.drill_base .complete-btn-wrapper label.completed[for="level20"]{background:#df1014;color:#fff}.drill_base .complete-btn-wrapper label.completed[for="level50"]{background:#ff00ff;color:#fff}.drill_base .complete-btn-wrapper label.completed[for="level80"]{background:#00ff00}.drill_base .jump-links{position:relative;margin-left:8px}.drill_base .jump-links__item{display:inline-block;color:black;margin:0 4px;line-height:30px}.drill_base .jump-links__item:hover{cursor:pointer}.drill_base .jump-links__item.disabled{color:gray}.drill_base pre>code{white-space:pre-wrap !important}.drill_base pre>code .token{background-color:unset}.drill_base pre>code .highlight{background:rgba(128,128,0,0.6) !important}.drill_base .drill-task .red,.drill_base .drill-answer .red{color:red}.drill_base .drill-task .green,.drill_base .drill-answer .green{color:green}.drill_base .drill-task .blue,.drill_base .drill-answer .blue{color:blue}.drill_base .drill-task .highlight,.drill_base .drill-answer .highlight{background:yellow}.drill_base .drill-task img,.drill_base .drill-answer img{max-width:100%;margin-bottom:24px}.drill_base .drill-task .underline,.drill_base .drill-answer .underline{text-decoration:underline}.drill_base .drill-task .stripe p,.drill_base .drill-answer .stripe p{margin-bottom:0}.drill_base .drill-task .stripe p:nth-child(even),.drill_base .drill-answer .stripe p:nth-child(even){background-color:#f2f2f2}.payment{height:90vh}.payment__container{display:flex}.payment .payment-info{width:38%;margin:6rem 4% 0 8%}.payment .payment-info__card{padding:2rem 4rem}.payment .payment-info__card a{color:#0000ee;cursor:pointer}.payment .payment-info__card a:hover{color:#0000ee;text-decoration:underline}.payment .payment-info__card .payment-check-wrap{text-align:center;width:100%;margin:24px 0;position:relative}.payment .payment-info__card .payment-check-wrap__check input{margin-right:-30px;visibility:hidden}.payment .payment-info__card .payment-check-wrap__check label:before{content:"";width:32px;height:32px;display:inline-block;vertical-align:middle;left:0;background-color:#eee;border:solid 3px #131313;border-radius:10px;margin-right:10px}.payment .payment-info__card .payment-check-wrap .main-form__field{width:max-content;margin:0 auto}.payment .payment-info__card .payment-check-wrap__link{cursor:pointer}.payment .payment-info__card .payment-check-wrap__checkbox{display:none}.payment .payment-info__card .payment-check-wrap .terms-modal{position:absolute;height:90%;width:60%;top:5%;left:20%;overflow:auto;padding:3%;-ms-overflow-style:none;scrollbar-width:none}.payment .payment-info__card .payment-check-wrap .terms-modal__bg{display:none;position:fixed;top:0;left:0;height:100%;width:100%;padding:5% 20%;background-color:rgba(0,0,0,0.6);z-index:1000000}.payment .payment-info__card .payment-check-wrap .terms-modal-close{width:max-content;margin:auto}.payment .payment-info__card .payment-check-wrap .terms-modal::-webkit-scrollbar{width:10px;height:10px}.payment .payment-info__card .payment-check-wrap .terms-modal::-webkit-scrollbar-track{border-radius:5px;box-shadow:0 0 4px #aaa inset;margin:1.2rem}.payment .payment-info__card .payment-check-wrap .terms-modal::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,0.3)}.payment .payment-info__card .payment-check-wrap .payment-check-disabled{width:20rem;font-size:0.9rem;position:absolute;top:-0.5rem;left:50%;transform:translateX(50%);padding:4px 8px;background-color:#fff263;transition:0.3s;opacity:0;z-index:10;pointer-events:none}.payment .payment-info .campaignwrap{margin-top:2rem;margin-bottom:2rem;padding:2rem 4rem}.payment .payment-info .termswrap{margin-top:2rem;margin-bottom:2rem;padding:2rem 4rem}.payment .payment-info select{font-size:1.2rem;width:80%;border:solid 1.6px #000;border-radius:8px}.payment .payment-info__title{font-size:1.6rem}.payment .payment-info__alert{margin-top:2rem;color:#f00}.payment .payment-info__checkbox{float:left !important;height:1.4rem !important;margin-right:1rem !important;position:relative !important;opacity:1 !important;width:1.4rem !important;margin-top:0.3rem !important}.payment .user-info{width:38%;height:50%;margin:6rem 8% 0 4%}.payment .user-info__title{font-size:1.6rem;font-weight:bold}.payment .user-info table{font-size:1.2rem;table-layout:fixed;width:100%}.payment .user-info table td{padding:2rem 1rem 0.4rem;border-bottom:solid 2px #333}.payment .user-info table td:first-child{width:11rem}.payment .user-info table td:nth-child(2){max-width:calc(38wv - 11rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment__confirm{width:max-content;margin:64px 0 0 auto}.payment__confirm-text{margin-bottom:0.5rem}.payment__confirm-btn{font-size:1.5rem;cursor:pointer;background-color:#ccc;margin:auto}.payment .payment-hover{width:60%;height:max-content;top:50%;left:50%;position:absolute;transform:translate3d(-50%, -50%, 0)}.payment .payment-hover__bg{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);display:none;top:0;z-index:999999}.payment .payment-hover__btnList{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;margin:0 auto 2rem}.payment .payment-hover__btn{width:max-content;cursor:pointer;font-size:1.5rem}.payment .payment-hover__backbtn{width:max-content;cursor:pointer;margin:0 16px 0 auto;font-size:1.5rem}.payment .payment-hover__title{font-size:2rem;font-weight:bold;text-align:center;margin-bottom:3rem}.payment .payment-hover__info{font-size:1.6rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:60%;margin:auto}.payment .payment-hover__subtext{text-align:center;margin-bottom:0.5rem}.payment .browser-back{position:absolute;font-size:1.2rem;top:4rem;right:4rem}.payment-info-mail-modal__text{display:block;text-align:center;font-size:2rem;font-weight:bold}.payment-info-mail-modal ul{list-style:none;font-size:1.4rem;display:flex;justify-content:space-between}.payment-info-mail-modal ul li{padding:0 2rem}.payment-info-mail-modal__btn-wrapper{display:flex;width:max-content;margin:auto;font-size:1.2rem}.payment-info-mail-modal__btn{margin:0 32px}.payment-info-mail-modal .modal-close-btn{margin:0 1em 0 auto;width:max-content}.payment-complete{height:94vh;display:flex;justify-content:center;align-items:center}.payment-complete__card{width:50vw}.payment-complete__title{margin-top:1rem;margin-bottom:1rem;font-size:2rem;text-align:center}.payment-complete__text{text-align:center;font-size:1.5rem}.payment-complete__btns{width:80%;display:flex;justify-content:space-around;margin:auto;margin-bottom:1rem}.payment-complete__btn{font-size:1.5rem}.payment-continue{height:94vh;display:flex;justify-content:center;align-items:center}.payment-continue__card{width:50vw}.payment-continue__card .modal-close-btn{text-align:right;margin:1rem 1rem 0;cursor:pointer}.payment-continue__title{font-size:2rem;text-align:center}.payment-continue__btn{margin-left:auto;margin-right:auto;margin-top:1rem;margin-bottom:1rem;font-size:1.5rem}.payment-err{height:94vh;display:flex;justify-content:center;align-items:center}.payment-err__card{width:50vw}.payment-err__title{margin-top:1rem;margin-bottom:1rem;font-size:1.5rem;text-align:center}.payment-err__text{text-align:center}.payment-err__btns{width:80%;display:flex;justify-content:space-around;margin:auto;margin-bottom:1rem}.payment-err__btn{font-size:1rem}.payment-history{padding:1rem}.payment-history__btn{font-size:1rem}.payment-history__title{margin-top:1rem}.payment-history .payment-list{min-width:100%}.payment-history .payment-list td,.payment-history .payment-list th{padding-top:1rem;padding-bottom:1rem}.payment-history .payment-list td:nth-child(6),.payment-history .payment-list th:nth-child(6){min-width:20em}.payment-history .payment-list__item:hover{background-color:lightgrey}.paid-user_term{text-align:left}.paid-user_term .title{font-size:1.6rem;font-weight:bold}.paid-user_term .heading{font-weight:bold;margin-bottom:0;font-size:1.4rem}.paid-user_term .text{font-size:1.2rem;padding-left:1rem}.paid-user_term .text-list-first li{list-style-type:decimal;margin-left:3rem;font-size:1.2rem}.paid-user_term .text-list-second li{list-style-type:none;list-style-position:inside;counter-increment:cnt;margin-left:1rem;font-size:1.2rem}.paid-user_term .text-list-second li:before{display:marker;content:"(" counter(cnt) ") "}.paid-user_term .timestamp{font-size:1rem;text-align:right}.terms_and_contactus{position:fixed;height:90%;width:94%;margin:0 3%;padding:2rem}.terms_and_contactus .menu{width:20%;height:100%;border-right:solid 1px #ccc;float:left;padding:2rem}.terms_and_contactus .menu p{cursor:pointer}.terms_and_contactus .wrapper{height:100%;width:80%;padding:2rem;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.terms_and_contactus .wrapper::-webkit-scrollbar{display:none}.terms .title{font-size:1.6rem;font-weight:bold}.terms .heading{font-weight:bold;margin-bottom:0;font-size:1.4rem}.terms .text{font-size:1.2rem;padding-left:1rem}.terms .text-list-first li{list-style-type:decimal;margin-left:3rem;font-size:1.2rem}.terms .text-list-second li{list-style-type:none;list-style-position:inside;counter-increment:cnt;margin-left:1rem;font-size:1.2rem}.terms .text-list-second li:before{display:marker;content:"(" counter(cnt) ") "}.terms .timestamp{font-size:1rem;text-align:right}.transaction_law .title,.recommended_env .title{font-size:1.6rem;font-weight:bold}.transaction_law .subtitle,.recommended_env .subtitle{font-size:1.4rem;font-weight:bold}.transaction_law .text,.recommended_env .text{font-size:1.2rem}.transaction_law a,.transaction_law .spanLink,.recommended_env a,.recommended_env .spanLink{color:#0000ee;cursor:pointer}.transaction_law a:hover,.transaction_law .spanLink:hover,.recommended_env a:hover,.recommended_env .spanLink:hover{color:#0000ee;text-decoration:underline}.transaction_law ol,.recommended_env ol{counter-reset:my-counter;list-style:none}.transaction_law ol li,.recommended_env ol li{font-size:1.2rem;line-height:1;padding-left:2rem;position:relative;margin-top:1rem}.transaction_law ol li p,.recommended_env ol li p{font-weight:bold;margin-bottom:0.4rem}.transaction_law ol li:before,.recommended_env ol li:before{content:counter(my-counter);counter-increment:my-counter;background-color:#fff;border:1px solid;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;height:1.2rem;width:1.2rem;color:#000;font-size:65%;line-height:1;position:absolute;top:0;left:0}.user-info__scroll-link{position:fixed;bottom:24px;right:24px;border:solid 3px #000;border-radius:50%;height:80px;width:80px;color:#000;text-decoration:none;text-align:center;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,0.58),0 1px 5px 0 rgba(0,0,0,0.58),0 3px 1px -2px rgba(0,0,0,0.58);font-size:10px;padding-top:16px;font-weight:bold;transition:0.5s;z-index:100}.user-info__scroll-link i{font-size:28px}.user-info__scroll-link svg{width:24px}.user-info__scroll-link:hover{background-color:#fff263;transition:0.5s}.index .user-card__title{text-align:center;font-size:3rem;font-weight:bold}.index .user-card-container{display:flex;flex-wrap:wrap;width:96%;margin:auto;justify-content:space-between}.index .user-card-container__title{font-size:2rem;margin-top:32px;margin-bottom:16px;width:100%}.index .user-data{width:70%;padding:10px 0;text-align:center}.index .user-data .folding-toggle{margin-top:0.5rem;cursor:pointer;background-color:#fbc02d;padding:0.5rem;border-radius:16px;margin:0 16px 0 auto;width:max-content}.index .user-data .folding-toggle.active{background-color:#ccc}.index .user-data__icon{position:relative;margin:auto;text-align:center;height:100px}.index .user-data .user-table{width:80%;margin:auto;text-align:center;display:none}.index .user-data .user-table .table-row{display:flex;margin-top:5px;justify-content:center}.index .user-data .user-table .table-row img{height:14px;position:absolute;top:50%;transform:translateY(-50%);right:0}.index .user-data .user-table .table-row__left{flex:2}.index .user-data .user-table .table-row__middle{flex:3;position:relative}.index .user-data .user-table .table-row__middle-name{text-align:center;font-weight:bold;font-size:18px;padding:0 2rem;width:100%}.index .user-data .user-table .table-row__middle-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}.index .user-data .user-table .table-row__middle-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2rem}.index .user-data .user-table .table-row__right{flex:1}.index .user-data .user-table .userIcon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border:solid 2px orange;border-radius:50%;width:100px;height:100px;object-fit:cover;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);cursor:pointer}.index .user-data .user-table.active{display:block}.index .user-data .user-table-detail{display:none;border-collapse:collapse;width:100%;table-layout:fixed;text-align:left}.index .user-data .user-table-detail tr{height:2.5rem}.index .user-data .user-table-detail th,.index .user-data .user-table-detail td{padding-left:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index .user-data .user-table-detail .userIcon{width:100px;height:100px;margin:4px 0;object-fit:cover;border:solid 2px orange;border-radius:50%;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}.index .user-data .user-table-detail.active{display:table}.index .user-data .user-table-detail__btn{text-align:center}.index .user-data .user-table-detail__btn a{color:#fff;background-color:#fbc02d;padding:4px;border-radius:4px}.index .user-data .user-table-detail__btn span{padding-left:4px}.index .user-progress{width:calc(65% - 10px)}.index .user-form{width:100%}.index .user-form .link-list__item{list-style:none;text-align:center;margin-top:5px}.index .lesson-card{width:100%;margin:10px auto 64px;overflow:hidden;position:relative}.index .lesson-card__title{width:96%;margin:2rem auto 1.5rem;font-size:2rem}.index .lesson-card .index-lesson-table-container{display:grid;grid-template-columns:repeat(5, 1fr);gap:16px 16px;margin:0 2% 16px;text-align:center;transition:0.5s}.index .lesson-card .index-lesson-table-container--down{grid-template-columns:repeat(4, 1fr)}.index .lesson-card .index-lesson-table-container__pack-title{font-weight:bold;text-align:center;top:24px}.index .lesson-card .index-lesson-table-container__bg{width:100%}.index .lesson-card .index-lesson-table-container__title{align-items:center;font-size:2rem;position:relative;flex-direction:column;padding-top:32px;padding-bottom:32px}.index .lesson-card .index-lesson-table-container__title #progress-bar{margin:auto}.index .lesson-card .index-lesson-table-container__title #progress-bar>div{float:initial}.index .lesson-card .index-lesson-table-container__title #progress-bar .progress-wrapper{width:100%}.index .lesson-card .index-lesson-table-container__title #progress-bar .progress-num{margin:auto;text-align:center;font-weight:500}.index .lesson-card .index-lesson-table-container__title img{width:25%;position:relative;top:10px;margin-bottom:8px}.index .lesson-card .index-lesson-table-container__title:nth-of-type(1){background-color:#fff263}.index .lesson-card .index-lesson-table-container__title:nth-of-type(2){background-color:#80deea}.index .lesson-card .index-lesson-table-container__title:nth-of-type(3){background-color:#fbc02d}.index .lesson-card .index-lesson-table-container__title:nth-of-type(4){background-color:#aeea00}.index .lesson-card .index-lesson-table-container__title:nth-of-type(5){background-color:#c49000}.index .lesson-card .index-lesson-table-container__title.active:nth-of-type(1){background-color:#fff263}.index .lesson-card .index-lesson-table-container__title.active:nth-of-type(2){background-color:#80deea}.index .lesson-card .index-lesson-table-container__title.active:nth-of-type(3){background-color:#fbc02d}.index .lesson-card .index-lesson-table-container__title.active:nth-of-type(4){background-color:#aeea00}.index .lesson-card .index-lesson-table-container__title.active:nth-of-type(5){background-color:#c49000}.index .lesson-card .index-lesson-table-container__pack-subtitle{font-size:18px;height:28px;width:max-content;margin:auto}.index .lesson-card .index-lesson-table-container__type{position:absolute;top:0.5em;right:1em;font-size:16px;font-weight:bold}.index .lesson-card .index-lesson-table-container__content{display:none}.index .lesson-card .index-lesson-table-container__content:nth-of-type(1){background-color:#fff263}.index .lesson-card .index-lesson-table-container__content:nth-of-type(2){background-color:#80deea}.index .lesson-card .index-lesson-table-container__content:nth-of-type(3){background-color:#fbc02d}.index .lesson-card .index-lesson-table-container__content:nth-of-type(4){background-color:#aeea00}.index .lesson-card .index-lesson-table-container__content:nth-of-type(5){background-color:#c49000}.index .lesson-card .index-lesson-table-container__content:nth-of-type(6){background-color:#fff263}.index .lesson-card .index-lesson-table-container__content:nth-of-type(7){background-color:#80deea}.index .lesson-card .index-lesson-table-container__content:nth-of-type(8){background-color:#fbc02d}.index .lesson-card .index-lesson-table-container__content:nth-of-type(9){background-color:#aeea00}.index .lesson-card .index-lesson-table-container__content:nth-of-type(10){background-color:#c49000}.index .lesson-card .index-lesson-table-container__content.active{display:block}.index .lesson-card .index-lesson-table-container__content.main-card{border-radius:0;border-right:none;border-left:none}.index .lesson-card .index-lesson-table-container__desc{margin-top:48px;margin-bottom:48px;text-align:center;font-size:2rem}.index .lesson-card .index-lesson-table-container__package{margin-top:32px;text-align:left;margin-left:6%;font-size:2rem}.index .lesson-card .index-lesson-table-container__section{display:flex;width:88%;margin:0 auto 32px;justify-content:space-between}.index .lesson-card .lessonPackage{width:4%;position:absolute;top:6rem;padding:9.5rem 0}.index .lesson-card .lessonPackage-left{left:0}.index .lesson-card .lessonPackage-right{right:0}.index .lesson-list{width:100%;margin:36px}.index .lesson-list--lhs{margin-right:8px}.index .lesson-list--rhs{margin-left:8px}.index .lesson-list__item{margin:1rem 0}.index .achievement-card{width:calc(200% / 3 - 10px);display:flex;margin-left:calc(100% / 3 + 10px)}.index .achievement-card .lesson-achievement{margin:auto;width:50%;padding:10px}.index .achievement-card .lesson-achievement p{text-align:center;font-size:24px;font-weight:bold}.index .achievement-card .drill-achievement{margin:auto;width:50%;padding:10px}.index .achievement-card .drill-achievement p{text-align:center;font-size:24px;font-weight:bold}.index .user-post{width:96%;margin:auto}.index .user-post__title{text-align:left;font-size:2rem;margin-top:32px;margin-bottom:16px}.index .pg-container{flex-wrap:wrap;margin-bottom:10px;display:-webkit-flex;display:flex}.index .pg-card{position:relative;width:calc((100% - 60px) / 3);padding:10px;margin:10px}.index .pg-card:nth-child(3n){margin-right:0}.index .pg-card .pg-card-body{position:relative;height:17.1vw}.index .pg-card .pg-card-body iframe{border:none;width:100%;height:100%}.index .pg-card .pg-card-body .like-counter{display:block;position:absolute;top:10px;right:10px}.index .pg-card .pg-card-body .like-counter__icon{border-radius:50%;box-shadow:1px 1px 6px -2px #888;transition:all 0.8s;background-color:#e2e2e2;border:solid orange 2px}.index .pg-card .pg-card-body .like-counter__icon .likeButton{vertical-align:middle}.index .pg-card .pg-card-body .like-counter .active{background-color:#fff}.index .pg-card .pg-card-body .like-counter .counter-total{text-align:center;font-weight:bold;color:orange}.index .pg-card .pg-card-body .post-link{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.index .pg-card .pg-card-body .post-link:hover{border:solid 2px green}.index .pg-card .pg-card-footer{padding:3%;border-top:2px solid orange;min-height:150px}.index .pg-card .pg-card-footer__name strong{color:green;font-weight:bold}.index .pg-card .pg-card-footer__time{font-size:1rem}.index .pg-card .pg-card-footer__comment{word-break:break-all}.index .pg-card .pg-card-footer .like-counter{display:block;position:absolute;top:50%;right:5%}.index .pg-card .pg-card-footer .like-counter__icon{border-radius:50%;box-shadow:1px 1px 6px -2px #888;transition:all 0.8s;background-color:#e2e2e2}.index .pg-card .pg-card-footer .like-counter__icon .likeButton{vertical-align:middle}.index .pg-card .pg-card-footer .like-counter .active{background-color:#fff}.index .pg-card .pg-card-footer .like-counter .counter-total{text-align:center}.index #progress-bar{display:block !important;height:auto}.index .user-thread-list{width:88%;margin:auto}.index .user-thread-list #thread-list{display:none;width:100%;padding:36px}.index .user-thread-list #thread-list.active{display:block}.index .user-thread-list .chat-list__hr{border-bottom:solid #ccc 1px}.index .user-thread-list .chat-list__date{padding:0 1rem}.index .user-thread-list .chat-list td i{color:#aaa;margin-right:8px}.index .user-thread-list__title-container{display:flex;margin-top:32px;margin-bottom:16px;align-items:center}.index .user-thread-list__title{text-align:left;font-size:3rem;font-weight:bold}.index .user-thread-list__icon{font-size:2rem;margin-left:1rem;transform:rotate(-180deg);transition:all linear 0.3s}.index .user-thread-list__icon.active{transform:rotate(0)}.au-content{padding:1rem;background-color:#f9f9f9}.au-content .au-title{font-size:1.2rem}.au-content .au-text{font-size:1.2rem}.au-links .au-signup{position:relative;display:inline-block;padding:1.25em 2.5em !important;text-decoration:none;color:#fff !important;border-radius:4px;box-shadow:inset 0 2px 0 rgba(255,255,255,0.2),0 2px 2px rgba(0,0,0,0.19);font-weight:bold;top:30px;background-color:darkorange}.au-links .au-signup a{color:#fff}.au-links .au-login{position:relative;display:inline-block;padding:1.25em 2.5em !important;text-decoration:none;color:#fff !important;border-radius:4px;box-shadow:inset 0 2px 0 rgba(255,255,255,0.2),0 2px 2px rgba(0,0,0,0.19);font-weight:bold;top:30px;background-color:darkorange}.au-links .au-login a{color:#fff}.canvas_notPC{display:none}.au-signup a,.au-login a{color:white}.popup{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:9999;opacity:0;visibility:hidden;transition:0.6s}.popup.is-show{opacity:1;visibility:visible}.popup-inner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:80%;max-width:600px;padding:50px;background-color:#fff;z-index:2}.popup-inner img{width:100%}.close-btn{position:absolute;right:0;top:35px;width:50px;height:50px;line-height:50px;text-align:center;cursor:pointer}.close-btn i{font-size:20px;color:#333}.black-background{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1;cursor:pointer}.guide video{width:100%;border:2px solid black}.guide__title{width:88%;margin:2rem auto 1.5rem}.guide-tabs{display:flex;justify-content:space-between;width:88%;margin:auto}.guide-tab{width:calc(25% - 10px);margin-bottom:48px}.guide-tab a{display:block;padding:1rem;color:black;text-decoration:none}.guide-tab img{display:block;width:25%;margin:auto}.guide-tab__title{margin:1rem 0;text-align:center;font-size:2rem}.guide-tab__subtitle{font-size:1.2rem;margin:0.5rem}.guide-tab--study{background-color:#80deea}.guide-tab--operation{background-color:#fbc02d}.guide-tab--service{background-color:#aeea00}.guide-tab--lesson{background-color:#ff6e6e}.guide__separator{border-top:3px solid black;margin:0}.guide-content{padding:64px calc(176px + 2vw) 32px}.guide-content:not(.active){display:none}.guide-content>h2{margin:32px 0;font-size:2.4rem;font-weight:bold;width:max-content}.guide-content>h2::after{content:"";display:block;background-color:white;border-radius:3px;height:6px}.guide-content--study{background-color:#80deea}.guide-content--study .about-nonfree{margin-top:3rem}.guide-content--study .about-nonfree h2{font-size:1.8rem;font-weight:bold}.guide-content--study .about-nonfree p{font-size:1.4rem;margin-bottom:1.4em}.guide-content--operation{transition:all 0.5s}.guide-content--operation>h2::after{background-color:#fbc02d}#sidebar-toggle:checked~.main-panel .guide-content--operation{padding-left:calc(16px + 320px + 4vw);padding-right:16px}.guide-content--operation__videos{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:48px;column-gap:16px}.guide-content--operation__video a{color:black;text-decoration:none}.guide-content--operation__video img{width:100%}.guide-content--service{background-color:#aeea00}.guide-content--service__about-lesson-flow{margin:0 calc(-176px - 2vw);padding:40px calc(176px + 2vw);border-top:3px solid black;border-bottom:3px solid black;background-color:white}.guide-content--service__about-lesson-flow h3{font-size:1.8rem;font-weight:bold}.guide-content--service__about-lesson-flow p{font-size:1.6rem;font-weight:500}.guide-content--service .main-card{margin:32px 0}.guide-content--service .main-card h3{margin-bottom:1.4em}.guide-content--service .service-table{width:100%}.guide-content--service .service-table thead tr{background-color:#eee}.guide-content--service .service-table thead th{text-align:center}.guide-content--service .service-table tbody th{border-right:1px solid black}.guide-content--service .service-table tbody tr:nth-child(odd){background-color:#fff}.guide-content--service .service-table tbody tr:nth-child(even){background-color:#eee}.guide-content--service .service-table tbody tr:last-of-type th,.guide-content--service .service-table tbody tr:last-of-type td{border-bottom:1px solid black}.guide-content--service .service-table th,.guide-content--service .service-table td{padding:8px;font-size:1.4rem;border:1px solid #ccc}.guide-content--service .service-table th:last-of-type,.guide-content--service .service-table td:last-of-type{border-right:1px solid black}.guide-content--service .service-table th[scope="col"]{border-top:1px solid black;border-bottom:1px solid black}.guide-content--service .service-table th[scope="row"]{border-left:1px solid black;border-right:1px solid black}.guide-content--service .service-table td{text-align:center}.guide-content--service .guide-content-card ul{margin-bottom:48px;font-weight:normal;margin-left:1em}.guide-content--service .guide-content-card li{font-size:1.4rem}.guide-content--service .guide-content-card .main-btn{margin:0 0 0 auto}.guide-content--service .leading{margin-top:64px;text-align:center;line-height:1.6;font-size:1.6rem;font-weight:bold}.guide-content--lesson{background-color:#ff6e6e}.guide-content__prologue p{font-size:1.6rem;font-weight:bold;line-height:1.6;margin-bottom:1.6em}.guide-content-card{padding:40px 64px;font-size:1.6rem;font-weight:500}.guide-content-card h3{font-size:1.8rem;font-weight:bold}.guide-content-card h4{font-size:1.6rem;font-weight:500}.guide-content-card p{margin-bottom:1.4em}.guide-content__about-lesson-flow{margin:0 calc(-176px - 2vw);padding:40px calc(176px + 2vw);border-top:3px solid black;border-bottom:3px solid black;background-color:white}.guide-content__about-lesson-flow h3{font-size:1.8rem;font-weight:bold}.guide-content__about-lesson-flow p{font-size:1.6rem;font-weight:500}.lesson-flow{display:flex;align-items:center;justify-content:space-between;margin-top:36px;margin-bottom:36px}.lesson-flow .lesson-flow__arrow,.lesson-flow .lesson-flow__item{height:6rem;text-align:center}.lesson-flow__item{flex:0 0 6rem;position:relative;font-size:1.2rem;font-weight:500;padding:calc(2.16rem - 3px) 0;border:3px solid black;border-radius:50%}.lesson-flow__item--experience{background-color:#fff263}.lesson-flow__item--beginner{background-color:#80deea}.lesson-flow__item--basic{background-color:#fbc02d}.lesson-flow__item--advanced{background-color:#aeea00}.lesson-flow__item--extra{background-color:#e68600;line-height:unset;padding:calc(1.6rem - 3px) 0}.lesson-flow__item--extra span{font-size:0.8rem}.lesson-flow__item .comingsoon{position:absolute;width:5em;left:-3px;bottom:calc(-1rem - 1.4em);color:blue;font-size:1.2rem;font-weight:bold}.lesson-flow__arrow{flex:0 1 6rem;display:flex;align-items:center;justify-content:center}.lesson-flow__arrow img{object-fit:contain;height:60%}.guide-index{padding:1em;list-style:none}.guide-index a{color:black}.guide-index__item p img{height:1.4em;padding:0.2em 0;margin:auto 1em;vertical-align:bottom;transition:all linear 0.3s}.guide-index__item p img.active{transform:rotate(180deg)}.guide-index__item ul{display:none;list-style:none;margin-left:2em;padding-left:1em;border-left:3px solid #131313;transition:all linear 0.3s}.guide-index__item ul.active{opacity:0;display:block}.guide-index__item ul.visible{opacity:1;animation:fade-in-visible 0.3s}.guide-index__item li{margin-bottom:1em}.guide-videos{width:75%;margin:auto}.guide-videos .breadcrumb{background-color:unset;font-size:1.5rem}.guide-videos .breadcrumb a{color:#131313}.guide-videos__description{margin-top:32px;font-size:1.5rem}.guide-video video{width:100%;border:2px solid black}.pg-borad-indiv-back{position:relative;display:inline-block;font-size:1.5rem;text-decoration:none;box-shadow:inset 0 2px 0 rgba(255,255,255,0.2),0 2px 2px rgba(0,0,0,0.19);margin:1% 0}.pg-borad-indiv-back i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff}.pg-username{display:flex;align-items:center;margin-left:2.5%}.pg-username__cardbody{padding:0 1%;font-size:1.5rem;font-weight:bolder}.pg-username__cardbody img{width:2.6rem;height:2.6rem;max-width:100px;object-fit:cover}.pg-board,.pg-board-indiv{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;width:95%;margin:auto}.pg-board .pg-card,.pg-board-indiv .pg-card{position:relative;width:98%;margin:1.5% auto;padding:10px;overflow:hidden}.pg-board .pg-card .pg-card-body,.pg-board-indiv .pg-card .pg-card-body{position:relative;height:17.45625vw}.pg-board .pg-card .pg-card-body iframe,.pg-board-indiv .pg-card .pg-card-body iframe{border:none;width:100%;height:100%}.pg-board .pg-card .pg-card-body .like-counter,.pg-board-indiv .pg-card .pg-card-body .like-counter{display:block;position:absolute;top:10px;right:10px}.pg-board .pg-card .pg-card-body .like-counter__icon,.pg-board-indiv .pg-card .pg-card-body .like-counter__icon{border-radius:50%;box-shadow:1px 1px 6px -2px #888;transition:all 0.8s;background-color:#e2e2e2;border:solid orange 2px}.pg-board .pg-card .pg-card-body .like-counter__icon .likeButton,.pg-board-indiv .pg-card .pg-card-body .like-counter__icon .likeButton{vertical-align:middle}.pg-board .pg-card .pg-card-body .like-counter .active,.pg-board-indiv .pg-card .pg-card-body .like-counter .active{background-color:#fff}.pg-board .pg-card .pg-card-body .like-counter .counter-total,.pg-board-indiv .pg-card .pg-card-body .like-counter .counter-total{text-align:center;font-weight:bold;color:orange}.pg-board .pg-card .pg-card-body .post-link,.pg-board-indiv .pg-card .pg-card-body .post-link{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.pg-board .pg-card .pg-card-body .post-link:hover,.pg-board-indiv .pg-card .pg-card-body .post-link:hover{border:solid 2px green}.pg-board .pg-card .pg-card-footer,.pg-board-indiv .pg-card .pg-card-footer{position:relative;padding:3%;border-top:2px solid orange;min-height:150px}.pg-board .pg-card .pg-card-footer__userinfo,.pg-board-indiv .pg-card .pg-card-footer__userinfo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:green}.pg-board .pg-card .pg-card-footer__name img,.pg-board-indiv .pg-card .pg-card-footer__name img{width:36px;height:36px;border:solid 2px #000;border-radius:50%;margin-right:8px;object-fit:cover}.pg-board .pg-card .pg-card-footer__name strong,.pg-board-indiv .pg-card .pg-card-footer__name strong{color:green;font-weight:bold;vertical-align:middle}.pg-board .pg-card .pg-card-footer__time,.pg-board-indiv .pg-card .pg-card-footer__time{font-size:0.5rem}.pg-board .pg-card .pg-card-footer__comment,.pg-board-indiv .pg-card .pg-card-footer__comment{word-break:break-all}.pg-board .pg-card .pg-card-footer .fullscreen-btn,.pg-board-indiv .pg-card .pg-card-footer .fullscreen-btn{position:absolute;display:flex;width:3rem;height:3rem;bottom:15px;right:calc(3rem + 23px);background-color:orange;border:1px solid orange;border-radius:50%;box-shadow:1px 1px 6px -2px #888}.pg-board .pg-card .pg-card-footer .fullscreen-btn span,.pg-board-indiv .pg-card .pg-card-footer .fullscreen-btn span{margin:auto;color:#fff}.pg-board .pg-card .pg-card-footer .fullscreen-btn:hover .balloonPopUp,.pg-board-indiv .pg-card .pg-card-footer .fullscreen-btn:hover .balloonPopUp{display:block;top:-30px;width:max-content}.pg-board-indiv .pg-card-footer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.pg-board__good-modal{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);padding:2rem 1rem}.pg-board__good-modal .modal-close-btn{position:absolute;font-size:1.5rem;top:1rem;right:1rem;cursor:pointer}.pg-board__good-modal-frame{position:fixed;top:0;left:0;z-index:99999;height:100%;width:100%;background-color:rgba(0,0,0,0.58);display:none}.pg-board__good-modal-btn-list{display:flex;margin-top:16px;justify-content:space-around;font-size:1.5rem}.pg-board__good-modal-btn-list-btn-link{width:max-content;cursor:pointer}.pg-board__good-modal-btn-list-btn-close{background-color:#eee;width:max-content;cursor:pointer}.pg-board__good-modal p{margin:16px 0;font-size:1.6rem;font-weight:bold;text-align:center}.play_ground{overflow-y:hidden}.play_ground .pg-card-body .editor-form{width:100%}.play_ground .pg-card-body .editor-form .pg_comment{margin-top:5vh}.play_ground .pg-card-body .editor-form .pg_comment .comment-box{position:static !important;padding:0 !important;border-style:solid;border-width:5px;border-color:#fbc658;width:100%;height:100%;border-radius:15px;padding:10px;min-height:10vh}.play_ground .pg-card-body .editor-form .pg-save-btn .prev{width:200px}.play_ground .pg-card-body .editor-form .pg-save-btn button{float:right;margin:1vw 0 1vw 30px}.play_ground .pg-card-body .editor-form .pg-save-btn button.draft-pg{margin-left:10px}.play_ground .pg-card-body .editor-form .pg-post-btn{padding-left:2.5%}.play_ground .pg-card-body .editor-form .pg-post-btn #upload{width:300px;display:block;color:#fff;text-align:center;float:left}.play_ground .pg-card-body .editor-form .pg-post-btn button{background-color:#df1014}.play_ground .pg-card-body .editor-form .draft-delete-modal{display:none;position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:2000;background-color:rgba(0,0,0,0.5)}.play_ground .pg-card-body .editor-form .draft-delete-modal .modal-wrapper{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;width:60%;height:50%;z-index:2001;background-color:#fff;border-radius:3px;overflow:auto}.play_ground .pg-card-body .editor-form .draft-delete-modal .modal-wrapper__icon{position:absolute;top:10px;right:15px}.play_ground .pg-card-body .editor-form .draft-delete-modal .modal-wrapper__icon i{font-size:2em;position:static;left:unset;top:unset;transform:unset}.play_ground .pg-card-body .editor-form .draft-delete-modal .modal-wrapper .modal-msg{position:absolute;top:50%;left:50%;transform:translate(-50%, -40vh)}.play_ground .pg-card-body .editor-form .draft-delete-modal .modal-wrapper .modal-msg__txt .main-msg{font-size:2rem}.play_ground .pg-card-body .editor-form .draft-delete-modal .modal-wrapper .modal-msg__txt .sub-msg{font-size:1rem}.play_ground .pg-card-body .editor-form .draft-delete-modal .modal-wrapper .modal-msg .btn-wrapper{display:flex;margin-top:50px}.play_ground .pg-card-body .editor-form .draft-delete-modal .modal-wrapper .modal-msg .btn-wrapper__no-btn{width:45%;margin:auto;background:#131313;border-bottom:solid 2px #3f3f3f}.play_ground .pg-card-body .editor-form .draft-delete-modal .modal-wrapper .modal-msg .btn-wrapper__yes-btn{width:45%;margin:auto;background:#df1014;border-bottom:solid 2px #b80f12}.play_ground #upload_popup__div{z-index:40;position:fixed;top:0;left:0px;width:100%;height:100vh;display:block;z-index:2000}.play_ground #upload_popup__div .background_popup{width:100vw;height:100vh;background-color:rgba(0,0,0,0.3)}.play_ground #upload_popup__div .upload-form{z-index:20;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);width:60vw;height:auto}.play_ground #upload_popup__div .upload-form .modal-close-btn{position:absolute;top:1rem;right:1rem;cursor:pointer}.play_ground #upload_popup__div .upload-form p{font-size:2vw;margin-top:32px;font-weight:bold;text-align:center}.play_ground #upload_popup__div .upload-form .pg_popup_table{margin:24px auto !important;font-size:1.2rem;border-collapse:separate;border-spacing:0px 14px}.play_ground #upload_popup__div .upload-form .pg_popup_table tbody tr th{width:35%}.play_ground #upload_popup__div .upload-form .pg_popup_table tbody tr th label{color:#000000}.play_ground #upload_popup__div .upload-form #upload_complete{display:block !important;color:#fff;text-align:center;margin:0;float:left;border:solid 3px #131313 !important;border-radius:40px !important;padding:0.5rem 2rem !important;font-size:1.5rem;width:auto !important}.play_ground #upload_popup__div .upload-form__btn-list{display:flex;margin-top:15px;justify-content:space-between;margin:32px 25%}.play_ground #upload_popup__div .upload-form__btn-list a.btn-square-pop{background-color:#eee;color:#000 !important}.play_ground #upload_popup__div .upload-form__btn-list input.btn-square-pop{background-color:#b92d00}.play_ground .preview{font-size:1rem;margin-left:1rem;padding:calc(10px - 0.5rem) 2rem !important;border-width:2px;font-weight:bold;background-color:#fff263 !important}.play_ground .preview__btn{margin-bottom:0}.pg-container{position:relative;width:100%}.pg-wrapper{display:flex;flex-wrap:wrap;box-shadow:4px 0px 4px rgba(13,13,13,0.38) inset,-4px 0px 4px rgba(13,13,13,0.38) inset;height:94vh}.pg-wrapper .pg-editor{width:calc(50% - 7.5px);height:calc(94vh - 10px);margin:5px 2.5px 5px 5px}.pg-wrapper .execute-container{position:relative;transition:0.5s;background-color:#eee;width:calc(50% - 7.5px);height:calc(94vh - 10px);margin:5px 5px 5px 2.5px}.pg-wrapper .execute-container-header{display:flex;height:30px;align-items:center}.pg-wrapper .execute-container .comment-title{margin-left:1rem;font-weight:bold;font-size:1.5rem}.pg-wrapper .execute-container .comment-box{width:100%;z-index:auto;margin:auto;overflow:hidden;height:calc(94vh - 40px);border:solid 3px #131313}.pg-wrapper .execute-container .comment-box #id_comment{border:none;width:100%;height:100%;padding:10px;resize:none}.img-list .btn-wrapper{margin:0 4%}.pg-diff-check{flex:1;height:100%;text-align:center}.pg-diff-check input[type="checkbox"]{display:none}.pg-diff-check label{display:block;width:95%;margin:2px auto;padding:0;font-size:0.8rem;font-weight:bold;line-height:20px}.toggle{position:relative}.ui-dialog #prompt-modal-msg-txt{font-size:1.5rem;font-weight:bold;font-family:"M PLUS Rounded 1c", sans-serif}.ui-dialog #prompt-modal input{width:80%;border-radius:4px;border:solid 2px #000;line-height:2;padding:0 4px}.ui-dialog .ui-dialog-buttonset button{margin:0 5% !important;width:auto !important}.ui-dialog .ui-dialog-buttonset button:first-child{padding:0.5rem 2rem !important}.play_ground_browsing{box-shadow:4px 0px 4px rgba(13,13,13,0.38) inset,-4px 0px 4px rgba(13,13,13,0.38) inset}.play_ground_browsing .pg-wrapper{display:flex;flex-wrap:wrap;box-shadow:4px 0px 4px rgba(13,13,13,0.38) inset,-4px 0px 4px rgba(13,13,13,0.38) inset;height:94vh;margin-top:6vh}.play_ground_browsing__main-panel{display:block;margin-left:unset;margin-right:unset}.play_ground_browsing__main-panel-content{width:auto;padding-left:0;padding-right:0}.play_ground_browsing .card{border-radius:0}.play_ground_browsing .editor-form{height:calc(94vh - 10px);margin:5px}.play_ground_browsing .editor-form .editor-content{height:80%;transition:0.5s;width:100%;overflow:hidden}.play_ground_browsing .pg-editor{width:50%;height:100%;margin-right:2.5px;float:left}.play_ground_browsing .execute-container{position:relative;transition:0.5s;background-color:#eee;width:calc(50% - 327.5px);height:100%}.play_ground_browsing .execute-container-header{display:flex;height:30px;align-items:center}.play_ground_browsing .pg_comment{height:20%;width:100%;padding-top:5px;transition:0.5s}.play_ground_browsing .pg_comment .comment-box{width:100%;height:100%}.play_ground_browsing .pg_comment .comment-box textarea{resize:none}.container{transition:0.5s}.likeButton{cursor:pointer}.likeButton .border{fill:#fff}.likeButton .explosion{transform-origin:250px 250px;transform:scale(0.02);stroke:#dd4688;fill:none;opacity:0;stroke-width:1;transform-origin:250px 250px}.likeButton .particleLayer{opacity:0}.likeButton .particleLayer circle{opacity:0;transform-origin:250px 250px}.likeButton .heart{fill:rgba(6,6,6,0.24);transform:scale(0.8);transform-origin:250px 250px}.likeButton.clicked .explosion{animation:explosionAnime 800ms;animation-fill-mode:forwards}.likeButton.clicked .heart{animation:heartAnime 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer{animation:particleLayerAnime 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(1){animation:particleAnimate1 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(2){animation:particleAnimate2 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(3){animation:particleAnimate3 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(4){animation:particleAnimate4 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(5){animation:particleAnimate5 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(6){animation:particleAnimate6 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(7){animation:particleAnimate7 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(8){animation:particleAnimate8 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(9){animation:particleAnimate9 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(10){animation:particleAnimate10 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(11){animation:particleAnimate11 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(12){animation:particleAnimate12 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(13){animation:particleAnimate13 800ms;animation-fill-mode:forwards}.likeButton.clicked .particleLayer circle:nth-child(14){animation:particleAnimate14 800ms;animation-fill-mode:forwards}@keyframes explosionAnime{0%{opacity:0;transform:scale(0.01)}1%{opacity:1;transform:scale(0.01)}5%{stroke-width:200}20%{stroke-width:300}50%{stroke:#cc8ef5;transform:scale(1.1);stroke-width:1}50.1%{stroke-width:0}100%{stroke:#cc8ef5;transform:scale(1.1);stroke-width:0}}@keyframes particleLayerAnime{0%{transform:translate(0, 0);opacity:0}30%{opacity:0}31%{opacity:1}60%{transform:translate(0, 0)}70%{opacity:1}100%{opacity:0;transform:translate(0, -20px)}}@keyframes particleAnimate1{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(-16px, -59px)}90%{transform:translate(-16px, -59px)}100%{opacity:1;transform:translate(-16px, -59px)}}@keyframes particleAnimate2{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(41px, 43px)}90%{transform:translate(41px, 43px)}100%{opacity:1;transform:translate(41px, 43px)}}@keyframes particleAnimate3{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(50px, -48px)}90%{transform:translate(50px, -48px)}100%{opacity:1;transform:translate(50px, -48px)}}@keyframes particleAnimate4{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(-39px, 36px)}90%{transform:translate(-39px, 36px)}100%{opacity:1;transform:translate(-39px, 36px)}}@keyframes particleAnimate5{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(-39px, 32px)}90%{transform:translate(-39px, 32px)}100%{opacity:1;transform:translate(-39px, 32px)}}@keyframes particleAnimate6{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(48px, 6px)}90%{transform:translate(48px, 6px)}100%{opacity:1;transform:translate(48px, 6px)}}@keyframes particleAnimate7{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(-69px, -36px)}90%{transform:translate(-69px, -36px)}100%{opacity:1;transform:translate(-69px, -36px)}}@keyframes particleAnimate8{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(-12px, -52px)}90%{transform:translate(-12px, -52px)}100%{opacity:1;transform:translate(-12px, -52px)}}@keyframes particleAnimate9{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(-43px, -21px)}90%{transform:translate(-43px, -21px)}100%{opacity:1;transform:translate(-43px, -21px)}}@keyframes particleAnimate10{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(-10px, 47px)}90%{transform:translate(-10px, 47px)}100%{opacity:1;transform:translate(-10px, 47px)}}@keyframes particleAnimate11{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(66px, -9px)}90%{transform:translate(66px, -9px)}100%{opacity:1;transform:translate(66px, -9px)}}@keyframes particleAnimate12{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(40px, -45px)}90%{transform:translate(40px, -45px)}100%{opacity:1;transform:translate(40px, -45px)}}@keyframes particleAnimate13{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(29px, 24px)}90%{transform:translate(29px, 24px)}100%{opacity:1;transform:translate(29px, 24px)}}@keyframes particleAnimate14{0%{transform:translate(0, 0)}30%{opacity:1;transform:translate(0, 0)}80%{transform:translate(-10px, 50px)}90%{transform:translate(-10px, 50px)}100%{opacity:1;transform:translate(-10px, 50px)}}@keyframes heartAnime{0%{transform:scale(0);fill:#e2264d}39%{transform:scale(0)}60%{transform:scale(1.2, 1.2)}70%{transform:scale(1, 1) translate(0%, -10%)}75%{transform:scale(1.1, 0.9) translate(0%, 5%)}80%{transform:scale(0.95, 1.05) translate(0%, -3%)}100%{transform:scale(1, 1) translate(0%, 0%);fill:#e2264d}}.loader-wrap{position:fixed;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#fff;z-index:10000000}.loader{color:orange;font-size:90px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;margin:72px auto;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load6 1.7s infinite ease, round 1.7s infinite ease;animation:load6 1.7s infinite ease, round 1.7s infinite ease}@-webkit-keyframes load6{0%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em}100%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}}@keyframes load6{0%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em}100%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.general-card{width:90%;margin:auto auto 64px;text-align:center}.general-card__title{font-size:2.5rem;font-weight:bold}.general-card .breadcrumb{font-size:1.2rem;font-weight:bold}.general-card .main-card{padding:3%}.general-card .main-card form{font-size:1.2rem}.signup-card{padding:1rem 1rem}.signup-card .browserBackBtn{position:absolute;top:10%;right:5%;font-size:1.6rem !important}.signup-card__title{text-align:center;font-size:2.4rem;font-weight:900}.signup-card__subtitle{font-size:1.4rem;font-weight:bold;width:70%;margin:0 auto}.signup-card .form-wrapper{width:100%}.signup-card .form-wrapper__errortxt{color:red}.signup-card .main-form__send-btn{display:block;margin:auto;font-size:1.6rem;padding:0.25rem 1rem;background-color:#ccc}.signup-card .signup-form{position:relative}.signup-card .signup-form .main-form__field{margin:3rem auto}.signup-card .signup-form .inputrule{margin-top:0.4rem;padding:0.5rem;height:max-content;width:max-content;position:absolute;z-index:100;border-radius:15px;background-color:#fff263;opacity:0;transition:0.3s;pointer-events:none;left:101%;top:-2rem;width:24vw}.signup-card .signup-form .inputrule li{margin-left:1rem;font-size:0.8rem}.signup-card .signup-form .signup-check-disabled{width:20rem;font-size:0.9rem;position:absolute;top:-0.5rem;left:50%;transform:translateX(50%);padding:4px 8px;background-color:#fff263;transition:0.3s;opacity:0;z-index:10;pointer-events:none}.signup-card .signup-form .terms-modal{position:absolute;height:90%;width:60%;top:5%;left:20%;overflow:auto;padding:3%;-ms-overflow-style:none;scrollbar-width:none}.signup-card .signup-form .terms-modal__bg{display:none;position:fixed;top:0;left:0;height:100%;width:100%;padding:5% 20%;background-color:rgba(0,0,0,0.6);z-index:1000000}.signup-card .signup-form .terms-modal-close{width:max-content;margin:auto}.signup-card .signup-form .terms-modal::-webkit-scrollbar{width:10px;height:10px}.signup-card .signup-form .terms-modal::-webkit-scrollbar-track{border-radius:5px;box-shadow:0 0 4px #aaa inset;margin:1.2rem}.signup-card .signup-form .terms-modal::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,0.3)}.signup-card .signup-form .submit-disabled{position:absolute;bottom:-2rem;width:16rem;padding:4px 8px;left:50%;transform:translateX(5rem);transition:0.3s;opacity:0;pointer-events:none;background-color:#fff263}.signup-card .reregistration-link{margin:2rem 10%;display:block}.signup-card .signup-check-wrap{text-align:center;width:100%;margin:24px 0;position:relative}.signup-card .signup-check-wrap__check input{margin-right:-30px;visibility:hidden}.signup-card .signup-check-wrap__check label:before{content:"";width:32px;height:32px;display:inline-block;vertical-align:middle;left:0;background-color:#eee;border:solid 3px #131313;border-radius:10px;margin-right:10px}.signup-card .signup-check-wrap .main-form__field{width:max-content;margin:0 auto}.signup-card .signup-check-wrap__link{cursor:pointer}.signup-card .terms-check{margin:2rem 0}.signup-card .terms-check__link{color:#0000ee;cursor:pointer;font-size:1rem;margin:0 10%}.signup-card .terms-check__link:hover{color:#0000ee;text-decoration:underline}.another_login{margin:30px 12.5% 40px;display:flex;justify-content:space-around}.another_login__icon{width:80px;object-fit:contain}.another_login__title{font-size:1.4rem;font-weight:bold;width:70%;margin:3rem auto 0}.another_login .button_text{float:left;text-align:center}.another_login .button_text .login_button{color:#000;cursor:pointer;height:50px;font-family:"Open Sans", sans-serif;letter-spacing:0.05em;text-align:center;transition:background 0.3s ease-in-out;width:40%;margin:10px 0;display:flex;align-items:center;position:relative;padding:0;display:block;margin:0 auto 10px;background-color:#f0f0f0}.another_login .button_text .login_button .login_logo{height:50px;margin-left:5%;float:left}.another_login .button_text .login_button .login_logo img{height:calc(80% - 6px);position:absolute;top:0;bottom:0;margin:auto}.another_login .button_text .login_button .sns_login_title{position:absolute;width:100%;margin-top:12.56px}.another_login .button_text .twitter_login:hover{background:#00bfff}.another_login .button_text .facebook_login:hover{background:#4169e1}.another_login .button_text .line_login:hover{background:#32cd32}.another_login .button_text .google_login:hover{background:#ff0000}.signup-card{width:60%;margin:30px 20%}.signup-card .login_button{font-size:1.2em}.login-content .browserBackBtn{position:absolute;top:10%;right:5%;font-size:1.6rem !important}.login-content .form-wrapper{padding:1rem 1rem}.login-content .form-wrapper .main-form__field{margin:2.4rem auto}.login-content .form-wrapper .main-form__field:nth-child(4){margin:1rem auto;width:max-content}.login-content .form-wrapper__title{text-align:center;padding:0.5em 0;font-size:2rem;font-weight:bold}.login-content .form-wrapper input[type="submit"]{display:block;margin:auto}.login-content .another_login{padding:0 1.5em;margin-top:30px}.login-content .another_login .button_text{color:#fff;padding:auto;display:teble-cell;text-decoration:none;display:teble-cell;text-decoration:none !important}.login-content .another_login .button_text .login_button{color:#fff;cursor:pointer;height:50px;font-family:"Open Sans", sans-serif;letter-spacing:0.05em;transition:background 0.3s ease-in-out;margin:10px 0;display:flex;align-items:center}.login-content .another_login .button_text .login_button .login_logo{width:10%;margin-left:5%;float:left}.login-content .another_login .button_text .login_button .login_logo .fa-large{font-size:32px;line-height:50px;vertical-align:middle}.login-content .another_login .button_text .login_button .sns_login_title{width:70%;float:left}.login-content .another_login .button_text .twitter_login{background-color:#1da1e2;line-height:50px}.login-content .another_login .button_text .twitter_login:hover{background:#00bfff}.login-content .another_login .button_text .facebook_login{background-color:#3b5998;line-height:50px}.login-content .another_login .button_text .facebook_login:hover{background:#4169e1}.login-content .another_login .button_text .line_login{background-color:#00b900;line-height:50px}.login-content .another_login .button_text .line_login:hover{background:#32cd32}.login-content .another_login .button_text .google_login{background-color:#dd5144;line-height:50px}.login-content .another_login .button_text .google_login:hover{background:#ff0000}.login-content .form-wrapper{width:60%;margin:30px 20%}.login-content .form-wrapper .login_button{font-size:1.2em}.password-change .main-card p{color:#b92d00;text-align:left}.password-change form{width:40%;margin:auto}.password-change .password-change-form__txt{text-align:left}.password-change .password-change-form__field{position:relative;display:flex;flex-direction:row;line-height:2;margin:2rem 35%;width:30%}.password-change .password-change-form__label{flex:1;font-weight:bold;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.password-change .password-change-form__input{border-radius:0;flex:2;padding:5px;border:none}.password-change .password-change-form__help{width:30%;margin:0 35%}.password-change .password-change-form__help ul li{list-style:none;text-align:left}.password-change .password-change-form__submit input{color:#000;cursor:pointer;font-weight:bold;letter-spacing:0.05em;text-align:center;text-transform:uppercase;transition:background 0.3s ease-in-out;background-color:#eee;font-size:1.2rem}.password_reset_done{margin-top:2.4rem}.password_reset_done__title{font-size:2.5rem;margin:1.2rem auto 8rem;text-align:center;font-weight:bold}.password_reset_done__text{font-size:1.6rem;text-align:center;margin-bottom:8rem}.password-reset .main-card{position:relative}.password-reset .main-card p{padding-top:32px;width:60%;text-align:left;margin:auto}.password-reset .form-footer p{text-align:center}.password-reset form{width:60%;margin:auto}.password-reset .main-form__errortxt p{width:100%}.password-reset .browser-back{position:absolute;right:3%}.account_delete__table{text-align:left;margin:32px auto 64px}.account_delete__table td{padding:4px 8px}.account_delete-form{width:50%;font-size:1rem}.account_delete__text{width:max-content;margin:48px auto;text-align:left;color:#b92d00}.account_delete__text ul{width:max-content;padding-left:1em}.account_delete__text li{margin:0.5em 0}.account_delete__back-btn{background-color:#ccc;cursor:pointer;margin:0 0 16px auto}.account_delete .deactivate-modal-open{width:max-content;margin:4px 1rem;cursor:pointer;font-size:1.5rem}.account_delete .modal-open{background-color:#b92d00;color:#fff;font-weight:bold;margin:4px}.account_delete .deactivate-modal-content{display:none;position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:2000;background-color:rgba(0,0,0,0.5)}.account_delete .deactivate-modal-content .modal-wrapper{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;width:60%;height:50%;z-index:2001;background-color:#fff;border-radius:3px}.account_delete .deactivate-modal-content .modal-wrapper__icon{position:absolute;top:10px;right:15px;cursor:pointer}.account_delete .deactivate-modal-content .modal-wrapper__icon i{font-size:2em}.account_delete .deactivate-modal-content .modal-wrapper .modal-msg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.account_delete .deactivate-modal-content .modal-wrapper .modal-msg__txt .title{font-size:2rem}.account_delete .deactivate-modal-content .modal-wrapper .modal-msg__txt .subtext{font-size:1.4rem;color:#f00}.account_delete .deactivate-modal-content .modal-wrapper .modal-msg .btn-wrapper{display:flex;margin-top:50px}.account_delete .deactivate-modal-content .modal-wrapper .modal-msg .btn-wrapper__no-btn{width:45%;margin:auto;background:#131313;border-bottom:solid 2px #3f3f3f}.account_delete .deactivate-modal-content .modal-wrapper .modal-msg .btn-wrapper__yes-btn{width:45%;margin:auto;background:#df1014;border-bottom:solid 2px #b80f12}.account_delete__btnlist{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:60%;margin:auto 20%}.email .register-card{padding:3%}.email table{width:80%;margin:32px 10%;font-size:1.2rem}.email table tr{line-height:2rem;border-bottom:solid 1px rgba(13,13,13,0.28)}.email table tr:nth-child(even){background-color:#eee}.email .buttonHolder{justify-content:space-between;display:flex;width:80%;margin:0 10%}.email .add-card__title{font-size:2rem;font-weight:bold;margin-top:48px}.form-card .icon-change-table{display:flex;align-items:center}.form-card .icon-change-table .newicon,.form-card .icon-change-table .oldicon{width:50%;position:relative;height:calc(3rem + 12vw)}.form-card .icon-change-table .oldicon img{width:12vw;height:12vw;display:block;margin:auto;padding:0;object-fit:cover}.form-card .icon-change-table .newicon input#id_icon{width:12vw;height:12vw;opacity:0;display:block;margin:auto;z-index:1}.form-card .icon-change-table .newicon .img-bg{width:12vw;height:12vw;position:absolute;left:0;right:0;margin:auto;background-color:rgba(0,0,0,0.58);font-size:4vw;color:#fff;overflow:hidden}.form-card .icon-change-table .newicon .img-bg img{width:12vw;height:12vw;position:absolute;top:0;left:0;margin:auto;opacity:0;object-fit:cover}.form-card .icon-change-table .newicon .img-bg i{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.form-card .icon-change-table .newicon .img-bg span{position:absolute;left:0;right:0;bottom:0.5rem;font-size:1rem;text-align:center}.form-card .fa-angle-double-right{font-size:4rem}.username_change .main-card .name-change-table{position:relative;display:flex}.username_change .main-card .name-change-table .oldname{width:50%;float:left;position:relative;height:calc(3rem + 16vw)}.username_change .main-card .name-change-table .oldname p{font-weight:bold;font-size:1.2rem}.username_change .main-card .name-change-table .oldname__text{word-break:break-all;width:80%;margin:calc(8vw + 1.2rem) 10% auto}.username_change .main-card .name-change-table .newname{width:50%;display:flex;position:relative;height:calc(3rem + 16vw);justify-content:space-between;flex-direction:column}.username_change .main-card .name-change-table .newname p{font-weight:bold;font-size:1.2rem}.username_change .main-card .name-change-table .newname input#id_username{width:50%;font-weight:bold}.username_change .main-card .name-change-table .newname input#id_username.active+.main-form__label{top:calc(50% - 3.5rem)}.username_change .main-card .name-change-table .newname #alert-message{color:#f00;display:none}.username_change .main-card .name-change-table .main-form__field{margin:0;position:relative;width:100%;height:calc(100% - 2.2rem);display:flex;flex-direction:column;align-items:center;justify-content:center}.username_change .main-card .name-change-table .main-form__label{top:calc(50% - 1.5rem);left:25%}.username_change .main-card .name-change-table .main-form__errortxt{position:absolute;top:calc(50% + 2rem);width:100%}.username_change .main-card .submit-btn{display:inline-block;margin-top:4rem}.username_change .main-card .fa-angle-double-right{position:absolute;left:0;right:0;margin:auto;top:50%;font-size:4rem}.logout .main-card{height:70vh}.logout p{margin:6rem 0;font-size:1.6rem}.logout button{position:absolute;bottom:20vh;left:0;right:0;margin:auto}.email_confirm .main-card{height:max-content}.email_confirm p{margin:5vh 0;font-size:1.4rem}.email_confirm form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:3rem auto}.email_confirm .cancel-btn{background-color:#ccc;margin-left:2rem}.password_reset_from_key .main-btn{margin:auto}.ui-widget{font-family:inherit}.ui-dialog .ui-dialog-titlebar{display:none}.ui-dialog .ui-dialog-buttonpane{margin-top:5% !important;border:none}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{width:100%;text-align:center}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button{width:20%;margin:0 15%;border:none;font-size:1rem;color:black;background-color:#fbc02d;font-weight:bold}.confirm{position:relative}.confirm__heading{text-align:center;font-size:2em;font-weight:bold}.confirm__fields table{margin:auto}.confirm__fields td{width:75%;word-break:break-all}.confirm__back{position:absolute;width:max-content;margin-left:auto;margin-right:0;text-align:right;cursor:pointer;right:1em}.confirm__btns{display:flex;justify-content:space-evenly;margin-top:16px}.confirm__btn{font-size:1.5rem}#alert-modal.modal-content .modal-close-btn,#confirm-modal.modal-content .modal-close-btn,#prompt-modal.modal-content .modal-close-btn{text-align:right;cursor:pointer}div[aria-describedby="confirm-modal"] .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1){background:#fbc02d}div[aria-describedby="confirm-modal"] .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2){background:lightgray}div[aria-describedby="prompt-modal"] .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1){background:#fbc02d}div[aria-describedby="prompt-modal"] .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2){background:lightgray}.main-form__field .payment-choices{list-style:none}.main-form__field .payment-choices li{float:left;display:inline;padding:1rem 2rem}.main-form__field .payment-choices label{line-height:28px;position:relative;margin:0;vertical-align:middle}.main-form__field .payment-choices input{height:28px;width:28px;appearance:none;vertical-align:middle;border:solid 3px #131313;border-radius:10px}.main-form__field .payment-choices input:checked+label::before{position:absolute;left:-31px;content:"\f00c";font-size:1.4rem;color:#fbc02d;font-weight:900;font-family:"Font Awesome 5 Free"}