@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);:root{--main-bg-light:#fff;--second-bg-light:#fafafb;--txt-color-light:#455560;--box-shadow-light:hsla(210,8%,62%,.2) 0px 2px 4px;--hover-light:#e8ebed;--icon-light:rgba(22,25,35,.25);--icon-light-2:rgba(22,25,35,.75);--color-sub-light:#ffefbf;--bg-search-light:hsla(0,0%,100%,.95);--main-bg-dark:#2d2d2d;--second-bg-dark:#202020;--txt-color-dark:#ddd;--box-shadow-dark:rgba(0,0,0,.2) 0px 2px 4px;--hover-dark:#3f434c;--icon-dark:hsla(0,0%,84%,.4);--icon-dark-2:hsla(0,0%,84%,.95);--color-sub-dark:#464646;--bg-search-dark:rgba(45,45,45,.95)}.theme-mode-light{--main-bg:var(--main-bg-light);--bg-search:var(--bg-search-light);--second-bg:var(--second-bg-light);--txt-color:var(--txt-color-light);--box-shadow:var(--box-shadow-light);--hover:var(--hover-light);--icon:var(--icon-light);--icon-2:var(--icon-light-2);--color-sub:var(--color-sub-light)}.theme-mode-dark{--main-bg:var(--main-bg-dark);--bg-search:var(--bg-search-dark);--second-bg:var(--second-bg-dark);--txt-color:var(--txt-color-dark);--box-shadow:var(--box-shadow-dark);--hover:var(--hover-dark);--icon:var(--icon-dark);--icon-2:var(--icon-dark-2);--color-sub:var(--color-sub-dark)}*,:after,:before{-webkit-tap-highlight-color:rgba(0,0,0,0);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;border:none;box-sizing:border-box;margin:0;outline:none;padding:0;text-overflow:ellipsis}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7fc1ff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}a{display:block}html{font-family:Inter,Arial,Helvetica,sans-serif;font-size:62.5%;font-weight:600;scroll-behavior:smooth}textarea{background:transparent;border-bottom:3px solid #939bb4;color:var(--txt-color);display:block;font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:500;height:4rem;margin-bottom:1rem;padding:1rem 0;resize:none;text-transform:none;width:100%}textarea:focus{border-bottom-color:#349eff}textarea::-webkit-input-placeholder{color:#939bb4}textarea::placeholder{color:#939bb4}textarea::-webkit-scrollbar{display:none}input:disabled{border:none}input,input:disabled{background-color:var(--main-bg)}input{color:var(--txt-color)}.load-more{align-items:center;display:flex;font-size:1.6rem;justify-content:center;margin-top:2rem}.load-more span{border:1px solid var(--txt-color);border-radius:5px;cursor:pointer;padding:1rem 1.5rem}.load-more span:hover{border-color:#349eff;color:#349eff}.badge{border-radius:5px;color:#fff;display:inline-block;font-size:1.4rem;font-weight:500;padding:6px 12px}.badge-MONTHLY{background-color:#ff2020}.badge-FREE{background-color:#5ddd18}.badge-YEARLY{background-color:#dddd18}.badge-REGULAR{background-color:#1846dd}.badge-PRO,.badge-REJECTED{background-color:#dd2f18}.badge-PLUS,.badge-SUCCESS{background-color:#18dd18}.badge-PENDING{background-color:#18cddd}.two-lines{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.5px}ul{list-style-type:none}a{color:inherit;text-decoration:none}.container{background-color:rgba(44,47,72,.5);min-height:100vh;width:100%}.right-side{padding:3.4rem 2.8rem}.allow-select{-webkit-user-select:auto!important;user-select:auto!important}.error-msg{color:#ff571e;font-size:1.4rem;height:1.8rem;letter-spacing:1px;margin-top:.5rem;text-align:left}.flex{display:flex}.items-center{align-items:center}.justify-between,.justify-center{justify-content:center}@media only screen and (max-width:1024px){html{font-size:60%}}@media only screen and (max-width:800px){html{font-size:55.5%}}.main{background-color:var(--main-bg);color:var(--txt-color);margin-left:96px;min-height:100vh;padding:91px 2rem 10px}@media only screen and (max-width:1024px){.main{margin-left:80px}}@media only screen and (max-width:800px){.main{margin-left:0;padding:91px 10px 10px}}.header{background:var(--main-bg);bottom:0;box-shadow:2px 0 hsla(0,0%,80%,.231);left:0;padding:0 .8rem;position:fixed;top:66px;width:96px;z-index:100}@media only screen and (max-width:1024px){.header{width:80px}}@media only screen and (max-width:800px){.header{display:none}}.header__link{margin:2rem 0}.header__link~.header__link{margin-top:3rem}.header__link__item{color:var(--txt-color);font-size:1.1rem;font-weight:600;margin-top:1rem}.header__link__item a{align-items:center;border-radius:15px;display:flex;flex-direction:column;gap:5px 0;justify-content:center;padding:15px 5px;text-align:center}.header__link__item.active a{background-color:var(--hover)}.header__link__item i{font-size:1.8rem}.header__link__item a:hover{background-color:var(--hover)}.header__link__item:hover i{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:center;transform-origin:center}.header__link__mode{text-align:center}.header__link__mode i{cursor:pointer;font-size:2rem}.list,.list__heading{margin-bottom:2rem}.list__heading{align-items:center;display:flex;justify-content:space-between;padding:0 1rem}.list__heading__title{font-size:2rem;text-transform:capitalize}@media only screen and (max-width:800px){.list__heading__title{font-size:1.8rem}}.list__heading__more{cursor:pointer;font-size:1.4rem}.list__heading__more:hover{color:#349eff;letter-spacing:1px}.list__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(20%,1fr))}@media only screen and (max-width:1024px){.list__container{grid-gap:14px 12px;display:grid;gap:14px 12px;grid-template-columns:repeat(auto-fill,minmax(25%,1fr))}}@media only screen and (max-width:800px){.list__container{grid-gap:12px 8px;display:grid;gap:12px 8px;grid-template-columns:repeat(auto-fill,minmax(48%,1fr))}}.card{position:relative}.card .badge{border-radius:20px;box-shadow:var(--box-shadow);color:#fff;display:inline-block;font-size:12px;font-weight:600;left:50%;line-height:1;padding:6px 10px;position:absolute;top:-12px;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;z-index:98}.card .badge.plus{background-color:#ffc107;color:#fff}.card .badge.pro{background-color:#dc3545;color:#fff}.card__des{border-radius:10px;color:#fff;font-weight:600;height:20rem;overflow:hidden;position:relative;width:100%}.card__des:after{background-color:rgba(0,0,0,.5);content:"";inset:0;opacity:0;position:absolute;transition:all .3s ease 0s;visibility:hidden}.card__des:hover:after{opacity:1;visibility:visible}@media only screen and (max-width:800px){.card__des{border-radius:8px;height:14rem}}@media only screen and (max-width:1024px){.card__des{height:15rem}}.card__des button{-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#fff;border-radius:10px;color:#000;cursor:pointer;font-size:1.4rem;font-weight:600;left:50%;opacity:0;padding:9px 16px;position:absolute;text-align:center;top:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease 0s;visibility:hidden;z-index:1}@media only screen and (max-width:1024px){.card__des button{font-size:1.3rem}}@media only screen and (max-width:800px){.card__des button{font-size:1.1rem}}.card__des:hover button{opacity:1;top:50%;visibility:visible}.card__des h3{display:block;font-size:2.2rem;font-weight:700;left:50%;line-height:1.5;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;text-transform:capitalize;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}@media only screen and (max-width:1024px){.card__des h3{font-size:2rem}}@media only screen and (max-width:800px){.card__des h3{font-size:1.5rem;font-weight:600;line-height:1.5}}.card__des i{font-size:10rem;left:50%;opacity:.1;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card__title{word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:1.6rem;line-height:1.4;margin:1.4rem 0 .6rem;text-transform:capitalize}.card__info{font-size:1.5rem;font-weight:400}.card.flex{align-items:flex-start;display:flex;gap:0 12px;justify-content:space-between;margin-top:2rem}.card.flex .badge{left:25%}.card.flex>a{width:50%}.card.flex .card__txt{flex:1 1;overflow:hidden;text-align:left}.card.flex .card__des{height:12rem}.card.flex .card__des h3{font-size:1.6rem}.card .popup__overlay{background-color:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.card .popup{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000}.card .popup__content{-webkit-animation:popupFade .3s ease-in-out;animation:popupFade .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.2);max-width:400px;padding:24px 32px;text-align:center}.card .popup__content h2{font-size:20px;font-weight:600;margin-bottom:12px}.card .popup__content p{color:#555;font-size:16px;margin-bottom:20px}.card .popup__content button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.card .popup__content button:hover{background-color:#0056b3}@-webkit-keyframes popupFade{0%{opacity:0;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes popupFade{0%{opacity:0;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.term{background-color:var(--second-bg);border-radius:10px;margin:1rem 0;padding:2rem}.term__header{align-items:center;display:flex;font-size:1.6rem;justify-content:space-between}.term__header__control{cursor:pointer}.term__header__control:hover{color:#349eff}.term__content{align-items:center;display:flex;justify-content:space-between}.term__content__input{width:48%}.term__content__input p{color:var(--txt-color);font-size:1.4rem;font-weight:500;text-transform:capitalize}.modal{align-items:center;background-color:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;left:0;opacity:0;overflow:auto;position:fixed;text-transform:capitalize;top:0;transition:.3s ease-in-out;visibility:hidden;width:100%;z-index:999}.modal.active{opacity:1;visibility:visible}.modal__container{align-items:normal;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;min-height:25rem;min-width:50rem;overflow:hidden}.modal__container .title{align-items:center;background-color:#349eff;color:#fff;display:flex;font-size:2rem;justify-content:space-between;padding:1.4rem 2rem}.modal__container .title i{border-radius:5px;cursor:pointer;padding:.8rem 1rem}.modal__container .title i:hover{background-color:#ff725b;color:#fff}.modal__container .body{align-items:center;color:#000;display:flex;font-size:1.8rem;justify-content:center;padding:2rem}.modal__container .body .highlight{color:#349eff}.modal__container .error{color:red;font-size:1.2rem;margin-top:4px}.modal__container .flex{align-items:flex-start;color:#000;display:flex;flex-direction:column;font-size:1.6rem;gap:1.2rem;justify-content:center;width:100%}.modal__container .flex .input-field{border:1px solid #ccc;border-radius:5px;font-size:1.6rem;margin:.5rem 0;padding:1rem 2rem;width:100%}.modal__container .flex .input-field:focus{border-color:#349eff;outline:none}.modal__container .flex .select-field{border:1px solid #ccc;border-radius:5px;font-size:1.6rem;margin:.5rem 0;padding:1rem 2rem;width:100%}.modal__container .flex .select-field:focus{border-color:#349eff;outline:none}.modal__container .modal-footer{align-items:center;border-top:1px solid #ccc;display:flex;font-size:1.6rem;justify-content:space-between;margin:0!important;padding:1.4rem 2rem}.modal__container .modal-footer button{border-radius:5px;cursor:pointer;font-weight:600;padding:1rem 1.5rem;text-transform:capitalize}.modal__container .modal-footer button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.modal__container .modal-footer .cancel-btn{background-color:#303545;color:#fff}.modal__container .modal-footer .delete-btn{background-color:#ff725b;color:#fff}.modal__container .modal-footer .ok-btn{background-color:#00ab0b;color:#fff}.flip-card{flex-direction:column;height:100%;justify-content:space-between}.flip-card,.flip-card__table{align-items:center;display:flex;width:100%}.flip-card__table{border-radius:10px;height:90%;justify-content:center;overflow:hidden;position:relative}.flip-card__table__card{cursor:pointer;inset:5px 2rem;opacity:0;-webkit-perspective:1000px;perspective:1000px;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .3s ease;z-index:98}.flip-card__table__card__icon{pointer-events:auto;position:absolute;right:10px;top:10px}.flip-card__table__card.active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.flip-card__table__card.lastSlide{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.flip-card__table__card.nextSlide{-webkit-transform:translateX(100%);transform:translateX(100%)}.flip-card__table__card .back-view,.flip-card__table__card .front-view{background:var(--main-bg);padding:0 10px}.flip-card__table__card .back-view{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.flip-card__table__card.flip .back-view{-webkit-transform:rotateX(0);transform:rotateX(0)}.flip-card__table__card.flip .front-view{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.flip-card__table__item{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:5px;box-shadow:0 0 5px 2px #a5a5a5;display:flex;font-size:2rem;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;transition:-webkit-transform .25s linear;transition:transform .25s linear;transition:transform .25s linear,-webkit-transform .25s linear;width:100%}.flip-card__control{align-items:center;display:flex;font-size:1.6rem;justify-content:space-between;margin-bottom:3rem;margin-top:1rem;padding:1rem 2rem;width:100%}.flip-card__control span{padding:0 2rem}.flip-card__control i{cursor:pointer}.flip-card__usage button{background-color:#349eff;border-radius:5px;color:#fff;cursor:pointer;font-size:1.5rem;padding:10px 16px}.flip-card__usage p{font-size:14px;margin-top:1rem}.searching{align-items:center;background:var(--bg-search);border-bottom:1px solid var(--icon);color:var(--txt-color);display:flex;gap:1rem;height:66px;justify-content:space-between;left:0;overflow:visible;padding:0 2.8rem;position:fixed;right:0;top:0;transition:left .3s ease;z-index:101}@media only screen and (max-width:1024px){.searching{padding:0 14px}}.searching__logo{align-items:center;display:flex;flex:2 1;gap:2rem;justify-content:flex-start}@media only screen and (max-width:800px){.searching__logo{display:none}}.searching__logo img{border-radius:10px;height:50px;width:100%}.searching__logo h4{color:var(--txt-color);font-size:1.4rem;line-height:1.15;text-transform:capitalize}@media only screen and (max-width:1024px){.searching__logo h4{display:none}}.searching__control{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:0 10px;justify-content:normal}.searching__input{flex:3 1;overflow:visible;padding:0 5px;position:relative}@media only screen and (max-width:1024px){.searching__input{flex:initial;width:50%}}@media only screen and (max-width:800px){.searching__input{width:70%}}.searching__input__search{position:relative}.searching__input__search input{background-color:var(--main-bg);border:2px solid var(--icon);border-radius:50px;color:var(--txt-color);font-size:1.6rem;padding:1rem 6rem 1rem 3rem;width:100%}@media only screen and (max-width:800px){.searching__input__search input{border-radius:10px;padding:5px 28px 5px 10px}}.searching__input__search input::-webkit-input-placeholder{color:var(--txt-color)}.searching__input__search input::placeholder{color:var(--txt-color)}.searching__input__search input:not(:placeholder-shown)~.search__icon{color:var(--icon-2);pointer-events:auto}.searching__input__search input:focus{border:2px solid var(--icon-2)}.searching__input__search .search__icon{color:var(--icon);cursor:pointer;font-size:2rem;padding:1rem 2rem 1rem 1rem;pointer-events:none;right:0}.searching__input__search .search__icon,.searching__input__search .search__icon:after{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.searching__input__search .search__icon:after{background-color:var(--icon);content:"";height:80%;left:0;width:2px}@media only screen and (max-width:800px){.searching__input__search .search__icon{font-size:14px;padding:0 10px}}.searching__input__result{border-radius:10px;box-shadow:var(--box-shadow);left:50%;overflow:hidden;position:absolute;top:110%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:96%}@-webkit-keyframes showSearch{0%{opacity:.8;-webkit-transform:translateY(-60px);transform:translateY(-60px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showSearch{0%{opacity:.8;-webkit-transform:translateY(-60px);transform:translateY(-60px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:800px){.searching__input__result{width:100%}}.searching__input__result__list{-webkit-animation:showSearch .1s linear;animation:showSearch .1s linear;background-color:var(--main-bg);max-height:30rem;overflow-x:hidden;overflow-y:auto;z-index:1}.searching__input__result__list__li{padding:1.4rem 2rem}@media only screen and (max-width:800px){.searching__input__result__list__li{padding:10px}}.searching__input__result__list__title{border-bottom:1px solid #333;font-size:1.4rem;font-weight:500;margin-bottom:1rem;padding-bottom:5px;text-transform:uppercase}.searching__input__result__list__des{font-size:1.2rem;margin-bottom:1.5rem}.searching__input__result__list__des>span{font-style:italic;text-transform:capitalize}.searching__input__result__list__item{word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-items:center;border-radius:1rem;cursor:pointer;display:flex;font-size:1.4rem;font-weight:400;gap:15px;justify-content:normal;padding:1rem}.searching__input__result__list__item:hover{color:#ffa318}.searching__input__result__list__item__img{border-radius:5px;height:3.5rem;width:3.5rem}.searching__input__result__list__item__img img,.searching__input__result__list__item__img__img{border-radius:50%;height:100%;width:100%}.searching__input__result__list__item__title{width:70%}.searching__ava{align-items:center;display:flex;flex:2 1;gap:0 2.6rem;justify-content:flex-end}@media only screen and (max-width:1024px){.searching__ava{flex:initial;gap:0 20px;width:25%}}@media only screen and (max-width:800px){.searching__ava{display:none}}.searching__ava__notifi{position:relative}.searching__ava__notifi__wrap{align-items:center;background-color:var(--hover);border-radius:5px;cursor:pointer;display:flex;gap:6px;justify-content:normal;padding:5px 0}.searching__ava__notifi__wrap~.searching__ava__notifi__wrap{margin-top:1.4rem}.searching__ava__notifi__wrap:hover{background-color:var(--second-bg)}.searching__ava__notifi__wrap.read{background-color:var(--main-bg)}.searching__ava__notifi__img{border-radius:6px;height:28px;overflow:hidden;width:56px}.searching__ava__notifi__img img{height:100%;width:100%}.searching__ava__notifi__content{flex:1 1;font-size:1.4rem}.searching__ava__notifi__content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:500;line-height:18px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.searching__ava__notifi__content span{color:#349eff}.searching__ava__notifi>i{border-radius:50%;color:var(--txt-color);cursor:pointer;font-size:2.8rem;opacity:.7;text-align:center}@media only screen and (max-width:800px){.searching__ava__notifi>i{font-size:1.8rem}}.searching__ava__left__info{position:relative}.searching__ava__left__info>i{border-radius:50%;color:var(--txt-color);cursor:pointer;font-size:2.8rem;opacity:.8;text-align:center}@media only screen and (max-width:800px){.searching__ava__left__info>i{font-size:1.8rem}}.searching__ava__left__upgrade{background-color:#ffa318;border-radius:3rem;color:#fff;font-size:1.4rem;padding:8px 10px;text-align:center}.searching__ava__left__upgrade span{margin-right:1rem}@media only screen and (max-width:1024px){.searching__ava__left__upgrade span{display:none}}.searching__ava__right__user{align-items:center;display:flex;gap:0 2.6rem;justify-content:normal}@media only screen and (max-width:1024px){.searching__ava__right__user{gap:0 20px}}.searching__ava__right__img{align-items:center;display:block;display:flex;height:4rem;justify-content:center;overflow:visible;position:relative;width:4rem}@media only screen and (max-width:800px){.searching__ava__right__img{height:2.5rem;width:2.5rem}}.searching__ava__right__img img{border-radius:50%;cursor:pointer;height:100%;object-fit:cover;width:100%}.searching__ava__right__img img.MONTHLY,.searching__ava__right__img img.YEARLY{border:3px solid #ffa318}.searching__ava__right__btn{align-items:center;display:flex;gap:0 1rem;justify-content:center;overflow:hidden}.searching__ava__right__btn .login__btn{background-color:#349eff;border-radius:10px;color:#fff}.searching__ava__right__btn .register__btn{border:1px solid #349eff;border-radius:10px;color:#349eff}.searching__ava__right__btn a{font-size:1.4rem;font-weight:500;padding:1.2rem 1rem;text-align:center}@media only screen and (max-width:800px){.searching__ava__right__btn a{font-size:1.4rem}}@media only screen and (max-width:1024px){.searching__ava__right__btn a{border-radius:5px;font-size:14px;padding:8px 10px}}.searching__ava__list{background-color:var(--main-bg);border-radius:5px;box-shadow:var(--box-shadow);display:none;max-height:300px;overflow-y:auto;padding:2rem 1rem;position:absolute;right:0;top:140%;width:28rem}@-webkit-keyframes showList{0%{opacity:.7;-webkit-transform:translateY(10px) scale(.7);transform:translateY(10px) scale(.7)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes showList{0%{opacity:.7;-webkit-transform:translateY(10px) scale(.7);transform:translateY(10px) scale(.7)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.searching__ava__list__heading{border-bottom:1px solid var(--hover);font-size:1.7rem;font-weight:500;margin-bottom:1.5rem;padding-bottom:5px}.searching__ava__list.sm{width:22rem}.searching__ava__list.lg{width:40rem}@media only screen and (max-width:800px){.searching__ava__list.lg{width:240px}}.searching__ava__list.active{-webkit-animation:showList .1s linear;animation:showList .1s linear;display:block;-webkit-transform-origin:100% 0;transform-origin:100% 0}.searching__ava__list__item{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:1rem;justify-content:space-between}.searching__ava__list__item i{font-size:1.8rem;opacity:.65}.searching__ava__list__item:hover{color:#349eff;font-weight:500}.searching__ava__list__item:hover i{opacity:.85}.searching__ava__list__item~.searching__ava__list__item{margin-top:1.5rem}.searching__menu{background-color:rgba(0,0,0,.2);bottom:0;display:none;font-size:16px;left:0;max-height:100%;position:fixed;right:0;top:0;z-index:101}@-webkit-keyframes showMenu{0%{opacity:.8;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes showMenu{0%{opacity:.8;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.searching__menu.active{-webkit-animation:showMenu .2s linear;animation:showMenu .2s linear;display:block}.searching__menu__icon{display:none}@media only screen and (max-width:800px){.searching__menu__icon{display:block}}.searching__menu__icon i{cursor:pointer;font-size:20px}.searching__menu__wrap{background-color:var(--main-bg);bottom:0;left:0;overflow-y:auto;padding:40px 0 0 40px;position:absolute;top:0;width:80%}.searching__menu__user{border-bottom:3px solid var(--hover);margin-bottom:20px;padding-bottom:20px}.searching__menu__user__img{align-items:center;display:flex;gap:15px;justify-content:normal}.searching__menu__user__img img{border-radius:50%;height:80px;width:80px}.searching__menu__user__login{align-items:center;border-bottom-left-radius:10px;border-top-left-radius:10px;display:flex;gap:0 20px;justify-content:normal;padding:14px 0 14px 14px}.searching__menu__user__login:hover{background-color:var(--hover)}.searching__menu__user__info a,.searching__menu__user__info>h4{align-items:center;border-bottom-left-radius:10px;border-top-left-radius:10px;cursor:pointer;display:flex;font-weight:500;gap:0 20px;justify-content:normal;margin-top:10px;opacity:.9;padding:14px 0 14px 14px}.searching__menu__user__info a:hover,.searching__menu__user__info>h4:hover{background-color:var(--hover)}.searching__menu__link__item{border-bottom-left-radius:10px;border-top-left-radius:10px;margin-top:10px;padding:14px 0 14px 14px}.searching__menu__link__item.active,.searching__menu__link__item:hover{background-color:var(--hover)}.searching__menu__link__item>a{align-items:center;display:flex;gap:0 20px;justify-content:normal;opacity:.9}.searching__right{align-items:center;display:none;gap:0 20px}@media only screen and (max-width:800px){.searching__right{display:flex}}.searching__right i{font-size:20px}.searching__right__list{background-color:var(--main-bg);bottom:0;display:none;font-size:16px;left:0;max-height:100%;position:fixed;right:0;top:66px;z-index:101}.searching__right__list.active{display:block}:root{--success-color:#47d864;--error-color:#ff623d;--background-color-toast:#fff;--shadow-color:rgba(0,0,0,.1)}.toast{align-items:center;-webkit-animation:slideIn .4s ease forwards;animation:slideIn .4s ease forwards;background-color:#fff;background-color:var(--background-color-toast);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px var(--shadow-color);display:flex;gap:1.5rem;justify-content:space-between;padding:1.2rem 1.5rem;position:fixed;right:20px;top:20px;transition:opacity .4s ease,-webkit-transform .4s ease;transition:transform .4s ease,opacity .4s ease;transition:transform .4s ease,opacity .4s ease,-webkit-transform .4s ease;width:clamp(300px,90vw,400px);z-index:1000}.toast.hide{opacity:0;-webkit-transform:translateX(calc(100% + 20px));transform:translateX(calc(100% + 20px))}.toast.success:before{background-color:#47d864;background-color:var(--success-color)}.toast.error:before,.toast.success:before{-webkit-animation:progressBar 5s linear forwards;animation:progressBar 5s linear forwards;border-radius:0 0 8px 8px;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.toast.error:before{background-color:#ff623d;background-color:var(--error-color)}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(calc(100% + 20px));transform:translateX(calc(100% + 20px))}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(calc(100% + 20px));transform:translateX(calc(100% + 20px))}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes progressBar{0%{width:100%}to{width:0}}@keyframes progressBar{0%{width:100%}to{width:0}}.toast.success{border-left:4px solid #47d864;border-left:4px solid var(--success-color)}.toast.success .toast__icon i,.toast.success .toast__txt__type{color:#47d864;color:var(--success-color)}.toast.error{border-left:4px solid #ff623d;border-left:4px solid var(--error-color)}.toast.error .toast__icon i,.toast.error .toast__txt__type{color:#ff623d;color:var(--error-color)}.toast__txt{flex:1 1;text-transform:capitalize}.toast__txt__type{font-size:1.6rem;font-weight:600;margin-bottom:.5rem}.toast__txt__des{color:var(--text-color);font-size:1.3rem;line-height:1.4}.toast__close{position:absolute;right:5px;top:5px}.toast__close i{border-radius:8px;color:red;cursor:pointer;font-size:1.6rem;padding:5px 7.5px;transition:background-color .2s ease}.toast__close i:hover{background-color:red;color:#fff}@media(max-width:600px){.toast{gap:1rem;padding:1rem;right:15px;top:15px;width:clamp(250px,85vw,320px)}.toast__icon i{font-size:1.5rem}.toast__txt__type{font-size:1.4rem}.toast__txt__des{font-size:1.2rem}.toast__close i{font-size:1.4rem}}.music{bottom:0;color:var(--txt-color);left:0;position:absolute;right:0}.music.lyric{background-color:var(--main-bg);bottom:0;left:96px;position:fixed;right:0}.music__top input{-webkit-appearance:none;appearance:none;background:#ddd;height:5px;width:100%}.music__top input[type=range]::-webkit-slider-track{height:5px}.music__top input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:red;height:5px;width:5px}.music__bottom{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem}.music__bottom__ava{align-items:center;display:flex;gap:1rem;justify-content:normal;width:60%}.music__bottom__ava__txt{font-size:1.3rem;font-weight:400}.music__bottom__ava__img{cursor:pointer}.music__bottom__ava__img img{border-radius:50%;width:3.6rem}.music__bottom__control{align-items:center;display:flex;justify-content:space-between;position:relative;width:25%}.music__bottom__control i{cursor:pointer;font-size:1.6rem}.inputss{color:var(--txt-color);font:3ch droid sans Roboto,monospace;font-weight:600;letter-spacing:.5ch;margin-right:8px;padding:0}.inputss.true{color:green!important}.inputss.false{color:#ff4d00!important}.inputss:focus{color:#1e90ff}.count-down{height:calc(100vh - 66px);width:100%}.count-down,.count-down .times{align-items:center;display:flex;justify-content:center}.count-down .times{background-color:red;border-radius:50%;color:#fff;font-size:3rem;font-weight:700;height:200px;width:200px}.count-down-head{align-items:center;background-color:#ccc;display:flex;height:66px;justify-content:center;width:100%}.count-down-head .times{color:#fff;font-size:3rem;font-weight:700}.chat-widget .chat-button{align-items:center;background-color:#007bff;border-radius:50%;bottom:20px;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:fixed;right:20px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:50px;z-index:1000}.chat-widget .chat-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.chat-widget .chat-popup{background-color:#fff;border-radius:10px;bottom:80px;box-shadow:0 4px 10px rgba(0,0,0,.3);display:flex;flex-direction:column;min-height:500px;overflow:hidden;position:fixed;right:20px;width:400px;z-index:1000}@media only screen and (max-width:800px){.chat-widget .chat-popup{width:90vw}}.chat-widget .chat-popup .chat-header{align-items:center;background-color:#007bff;color:#fff;display:flex;font-size:1.6rem;font-weight:700;justify-content:space-between;padding:10px 15px}.chat-widget .chat-popup .chat-header button{background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:3px 6px;transition:background .15s}.chat-widget .chat-popup .chat-header button:hover{background-color:red;color:#f0f0f0}.chat-widget .chat-popup .chat-body{background-color:#f5f5f5;flex:1 1;max-height:400px;overflow-y:auto;padding:15px}.chat-widget .chat-popup .chat-body .overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1000}.chat-widget .chat-popup .chat-body .upgrade-popup{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.3);font-family:Manrope,sans-serif;font-weight:400;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;z-index:1001}.chat-widget .chat-popup .chat-body .upgrade-popup .upgrade-header{background-color:#007bff;color:#fff;font-size:15px;font-weight:600;padding:10px 15px;text-align:center}.chat-widget .chat-popup .chat-body .upgrade-popup .upgrade-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px}.chat-widget .chat-popup .chat-body .upgrade-popup .upgrade-header button:hover{color:#f0f0f0}.chat-widget .chat-popup .chat-body .upgrade-popup .upgrade-body{padding:15px;text-align:center}.chat-widget .chat-popup .chat-body .upgrade-popup .upgrade-body p{font-size:14px;line-height:1.5;margin:10px 0}.chat-widget .chat-popup .chat-body .upgrade-popup .upgrade-body .upgrade-button{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;font-size:1.5rem;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .2s}.chat-widget .chat-popup .chat-body .upgrade-popup .upgrade-body .upgrade-button:hover{background-color:#0062cc}.chat-widget .chat-popup .chat-body::-webkit-scrollbar{width:8px}.chat-widget .chat-popup .chat-body::-webkit-scrollbar-track{background:#f1f1f1}.chat-widget .chat-popup .chat-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.chat-widget .chat-popup .chat-body::-webkit-scrollbar-thumb:hover{background:#555}.chat-widget .chat-popup .chat-body .chat-message{word-wrap:break-word;border-radius:8px;font-size:1.5rem;font-weight:500;line-height:1.8;margin-bottom:10px;max-width:80%;padding:10px}.chat-widget .chat-popup .chat-body .chat-message.user-chat{background-color:#007bff;border-bottom-left-radius:0;color:#fff;margin-left:auto}.chat-widget .chat-popup .chat-body .chat-message.user-chat a{font-weight:500;text-decoration:none}.chat-widget .chat-popup .chat-body .chat-message.user-chat a:hover{text-decoration:underline}.chat-widget .chat-popup .chat-body .chat-message.ai{background-color:#e9ecef;border-bottom-right-radius:0;color:#372d2d;margin-right:auto}.chat-widget .chat-popup .chat-body .chat-message.ai a{color:#007bff;font-weight:500;text-decoration:none}.chat-widget .chat-popup .chat-body .chat-message.ai a:hover{text-decoration:underline}.chat-widget .chat-popup .chat-body .chat-message.loading-dots{background-color:transparent;display:flex;gap:5px;justify-content:flex-start}.chat-widget .chat-popup .chat-body .chat-message.loading-dots span{-webkit-animation:dot-flashing 1s linear infinite alternate;animation:dot-flashing 1s linear infinite alternate;background-color:#372d2d;border-radius:50%;display:inline-block;height:8px;width:8px}.chat-widget .chat-popup .chat-body .chat-message.loading-dots span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.chat-widget .chat-popup .chat-body .chat-message.loading-dots span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.chat-widget .chat-popup .chat-body .chat-message ol,.chat-widget .chat-popup .chat-body .chat-message ul{list-style-position:outside;margin:8px 0;padding-left:20px}.chat-widget .chat-popup .chat-body .chat-message ul{list-style-type:disc}.chat-widget .chat-popup .chat-body .chat-message ul li{line-height:1.5;margin-bottom:5px}.chat-widget .chat-popup .chat-body .chat-message ol{list-style-type:decimal}.chat-widget .chat-popup .chat-body .chat-message ol li{line-height:1.5;margin-bottom:5px}.chat-widget .chat-popup .chat-body .chat-message ol ol,.chat-widget .chat-popup .chat-body .chat-message ol ul,.chat-widget .chat-popup .chat-body .chat-message ul ol,.chat-widget .chat-popup .chat-body .chat-message ul ul{margin:5px 0;padding-left:15px}.chat-widget .chat-popup .chat-input{align-items:flex-end;background-color:#fff;border-top:1px solid #ccc;display:flex;gap:10px;padding:10px}.chat-widget .chat-popup .chat-input textarea{border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:14px;margin-bottom:0!important;max-height:90px;min-height:36px;outline:none;overflow-y:auto;padding:10px;resize:none}.chat-widget .chat-popup .chat-input textarea::-webkit-scrollbar{width:8px}.chat-widget .chat-popup .chat-input textarea::-webkit-scrollbar-track{background:#f1f1f1}.chat-widget .chat-popup .chat-input textarea::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.chat-widget .chat-popup .chat-input textarea::-webkit-scrollbar-thumb:hover{background:#555}.chat-widget .chat-popup .chat-input textarea:focus{border-color:#007bff}.chat-widget .chat-popup .chat-input button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .2s}.chat-widget .chat-popup .chat-input button:disabled{background-color:#6c757d;cursor:not-allowed}.chat-widget .chat-popup .chat-input button:hover:not(:disabled){background-color:#0062cc}@-webkit-keyframes dot-flashing{0%{opacity:.2}to{opacity:1}}@keyframes dot-flashing{0%{opacity:.2}to{opacity:1}}.dashboard_user{border:1px solid #ccc;box-shadow:-1px 0 5px 5px var(--hover);margin-top:3rem;padding:15px}.dashboard_user .dashboard__title{font-size:2rem;margin-bottom:2rem}.dashboard_user .dashboard__target{align-items:center;display:flex;font-size:1.5rem;justify-content:space-between;margin-bottom:2rem}.dashboard_user .dashboard__target__left input{border:1px solid #349eff;border-radius:10px;font-size:1.6rem;font-weight:600;margin-left:.6rem;padding:5px;width:50px}.dashboard_user .dashboard__target__left input:disabled{border:none}.dashboard_user .dashboard__target__right i{background-color:#349eff;border-radius:50%;color:#fff;cursor:pointer;padding:8px}.dashboard_user .dashboard__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(20%,1fr))}@media only screen and (max-width:1024px){.dashboard_user .dashboard__container{display:grid;grid-template-columns:repeat(auto-fill,minmax(30%,1fr))}}@media only screen and (max-width:800px){.dashboard_user .dashboard__container{display:grid;grid-template-columns:repeat(auto-fill,minmax(50%,1fr))}}.dashboard_user .dashboard-item{box-shadow:0 0 2px 1px var(--hover);padding:10px 15px}.dashboard_user .dashboard-item__title{font-size:1.8rem;padding:8px 0}.dashboard_user .dashboard-item:hover{box-shadow:5px 5px 8px 5px var(--hover)}.dashboard_user .dashboard__middle{align-items:flex-end;display:flex;justify-content:space-between}.dashboard_user .dashboard__middle__left{width:40%}.dashboard_user .dashboard__middle__left h3{font-size:1.6rem}.dashboard_user .dashboard__middle__right{align-items:center;display:flex;flex:1 1;justify-content:center}.dashboard_user .dashboard__middle__progress{align-items:center;background:conic-gradient(#349eff 50deg,#ededed 0deg);border-radius:50%;display:flex;height:100px;justify-content:center;position:relative;width:100px}.dashboard_user .dashboard__middle__progress:before{background-color:var(--main-bg);border-radius:50%;content:"";height:80px;position:absolute;width:80px}.dashboard_user .dashboard__middle__progress__value{font-size:1.6rem;position:relative}.banner{box-shadow:1px 1px 3px 1px #ccc;height:400px;position:relative;width:60%}@media only screen and (max-width:1024px){.banner{width:100%}}.banner__img{align-items:center;display:flex;height:100%;overflow:hidden;position:relative;width:100%}.banner__item{flex:1 1 100%;height:100%;inset:0;position:absolute;transition:all .3s linear;width:100%}.banner__item.prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.banner__item.next{-webkit-transform:translateX(100%);transform:translateX(100%)}.banner__item.active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.banner__item img{height:100%;object-fit:cover;overflow:hidden;width:100%}.banner__btn{align-items:center;background-color:#349eff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:10px;position:absolute}.banner__btn.prev{left:-17.75px}.banner__btn.next,.banner__btn.prev{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.banner__btn.next{right:-17.75px}.banner__btn i{line-height:.775}.chart{border-radius:5px;box-shadow:1px 1px 3px 1px #ccc;padding:10px;width:60%}@media only screen and (max-width:800px){.chart{width:100%}}@-webkit-keyframes counter{0%{height:0}to{height:var(--height)}}.chart__container{align-items:flex-end;display:flex;height:300px;justify-content:space-around}.chart__item{color:#fff;text-align:center;width:60px}.chart__wrap{align-items:center;gap:10px 0}.chart__column__wrap,.chart__wrap{display:flex;flex-direction:column;height:100%;justify-content:flex-end}.chart__column__wrap{width:60px}.chart__column{-webkit-animation:counter 1s ease-in;animation:counter 1s ease-in;background-color:#349eff;border-top-left-radius:10px;border-top-right-radius:10px;height:var(--height);min-height:20px;position:relative;width:100%}.chart__text{font-size:1.4rem}.chart__number{color:#fff;font-size:10px;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.chart__bottom{align-items:center;display:flex;justify-content:center;margin-top:2rem}.chart__btn{background-color:#349eff;border-radius:5px;color:#fff;font-size:1.4rem;padding:8px 20px}.chart__btn.disable{cursor:auto;opacity:.5}.chart__wrap:first-child .chart__column{background-color:#f33}.chart__wrap:nth-child(2) .chart__column{background-color:#f83}.chart__wrap:nth-child(3) .chart__column{background-color:#5df25c}.rank{border-radius:5px;box-shadow:1px 1px 3px 1px #ccc;flex:1 1;height:400px;overflow-x:hidden;overflow-y:auto;padding:10px}.rank h3{font-size:2rem;text-align:center}.rank__header{align-items:center;display:flex;gap:0 15px;justify-content:center;margin:2rem 0 1.8rem}.rank__header__item{border:1px solid #349eff;border-radius:5px;cursor:pointer;font-size:12px;padding:5px 10px;text-align:center;width:100%}.rank__header__item.active{background-color:#349eff;color:#fff}.rank__item{align-items:center;display:flex;gap:0 20px}.rank__item~.rank__item{margin-top:1.4rem}.rank__item__num{font-size:1.8rem;padding:5px}.rank__item__user{display:flex;flex-direction:column;font-size:1.2rem;gap:5px 0}.rank__item__user span:first-child{font-size:1.4rem;text-transform:capitalize}.rank__item:first-child .rank__item__num{color:#fbb525}.rank__item:nth-child(2) .rank__item__num{color:#c9dbf9}.rank__item:nth-child(3) .rank__item__num{color:#e5a982}.home__top{display:flex;gap:2rem 3rem;justify-content:space-between;margin-bottom:2.6rem}@media only screen and (max-width:800px){.home__top{flex-direction:column}}.task__item{background-color:var(--main-bg);border-radius:5px;border-top-left-radius:10px;border-top-right-radius:10px;margin-top:1rem;position:relative}.task__item.stale{border-top-color:transparent;box-shadow:inset 0 0 4px 0 #ff6363}.task__item__selector{background-color:var(--hover);border-top-left-radius:10px;border-top-right-radius:10px;cursor:pointer;margin-bottom:5px;padding:8px;width:100%}.task__item>textarea{margin-top:1rem;padding-left:8px;padding-right:8px}.task__item__delete{cursor:pointer;display:none;font-size:14px;position:absolute;right:8px;top:0}.task__item__delete:hover{color:#ff6a00}.task__item:hover .task__item__delete{display:block}.task__item__title{font-size:1.6rem;font-weight:600;text-transform:capitalize}.task__item__description{font-size:1.4rem;font-weight:500}.task__item__drop-preview{background-color:rgba(150,150,200,.1);border:1px dashed #abc;margin:5px}.task__item-ghost{-webkit-transform:rotate(5deg);transform:rotate(5deg);transition:-webkit-transform .18s ease;transition:transform .18s ease;transition:transform .18s ease,-webkit-transform .18s ease}.task__item-ghost-drop{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform .18s ease-in-out;transition:transform .18s ease-in-out;transition:transform .18s ease-in-out,-webkit-transform .18s ease-in-out}.section{background-color:var(--second-bg);border-radius:10px;color:var(--txt-color);max-height:500px;overflow-x:hidden;overflow-y:auto;padding:1rem;width:300px}.section::-webkit-scrollbar{width:6px}.section::-webkit-scrollbar-thumb{background-color:#acd7ff;border-radius:5px}.section textarea{border-bottom:3px solid transparent;height:auto;padding:1rem}.section textarea:focus{border-bottom:3px solid #349eff}.section__selector{background-color:var(--hover);border-bottom-left-radius:5px;border-bottom-right-radius:5px;cursor:pointer;margin:-10px -20px 0;padding:10px 0;width:115%}.section__title{position:relative}.section__title textarea{padding-right:1.8rem;text-transform:capitalize}.section__title__delete{cursor:pointer;display:none;font-size:14px;position:absolute;right:8px;top:0}.section__title__delete:hover{color:#ff6a00}.section__title:hover .section__title__delete{display:block}.section__top{margin-bottom:1rem}.section__top__form{background-color:var(--main-bg);border-radius:5px;padding:8px}.section__top__form textarea{height:auto;margin-bottom:2rem;padding:3px 0}.section__top__form__btn{align-items:center;display:flex;justify-content:space-between;margin-top:2rem}.section__top__form__btn__add{background-color:green;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.section__top__form__btn__cancel{background-color:var(--icon);border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.section__top__create{align-items:center;background-color:#e8f1f0;border-radius:5px;color:#349eff;cursor:pointer;display:flex;font-size:1.4rem;gap:0 1rem;justify-content:center;padding:1rem 0}.section__item{background-color:var(--main-bg);border-radius:inherit;cursor:move;font-size:1.8rem;margin-top:1rem;padding:1rem;position:relative}.section__item textarea{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:2rem;padding:3px 0}.section__item__delete{cursor:pointer;position:absolute;right:5px;top:5px}.section__item__delete>i{display:none}.section__item:hover .section__item__delete>i{display:block}.section__drop-preview{background-color:rgba(150,150,200,.1);border:1px dashed #abc;margin:5px}.section-ghost{-webkit-transform:rotate(1deg);transform:rotate(1deg);transition:-webkit-transform .18s ease;transition:transform .18s ease;transition:transform .18s ease,-webkit-transform .18s ease}.section-ghost-drop{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform .18s ease-in-out;transition:transform .18s ease-in-out;transition:transform .18s ease-in-out,-webkit-transform .18s ease-in-out}.post,.postSk{width:100%}.postSk{grid-gap:2rem;-webkit-animation:skeleton 1s ease infinite alternate;animation:skeleton 1s ease infinite alternate;border-radius:10px;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(20%,1fr))}@media only screen and (max-width:1024px){.postSk{grid-gap:14px 12px;display:grid;gap:14px 12px;grid-template-columns:repeat(auto-fill,minmax(25%,1fr))}}@media only screen and (max-width:800px){.postSk{grid-gap:12px 8px;display:grid;gap:12px 8px;grid-template-columns:repeat(auto-fill,minmax(48%,1fr))}}.postSk__heading{align-items:center;-webkit-animation:skeleton 1s ease infinite alternate;animation:skeleton 1s ease infinite alternate;display:flex;height:20px;justify-content:space-between;margin-bottom:15px}.postSk__heading__left{background-color:#9f9f9f;border-radius:5px;height:100%;width:150px}.postSk__heading__right{background-color:#9f9f9f;border-radius:5px;height:90%;width:60px}@-webkit-keyframes skeleton{to{opacity:.35}}@keyframes skeleton{to{opacity:.35}}.postSkImg{background-color:#9f9f9f;border-radius:5px;height:16rem}.postSkInfo{margin-top:15px}.postSkDetail,.postSkInfo{border-radius:5px;display:flex}.postSkDetail{flex-direction:column;width:100%}.postSkText{background-color:#9f9f9f;height:20px;margin-bottom:5px;width:90%}.postSkText.sm{width:50%}.loadSk{align-items:center;background-color:rgba(0,0,0,.15);display:flex;height:100%;inset:0;justify-content:center;overflow:auto;position:fixed;width:100%;z-index:10000}.spinner{-webkit-animation:rotator 1.4s ease-in-out infinite;animation:rotator 1.4s ease-in-out infinite}@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}.path{stroke-dasharray:187;stroke-dashoffset:0;-webkit-animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes colors{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}to{stroke:#4285f4}}@keyframes colors{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}to{stroke:#4285f4}}@-webkit-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}.calendar-ske{align-items:flex-start;display:flex;gap:0 2rem;justify-content:normal}.calendar-ske__item{height:100vh;width:280px}.calendar-ske__item__heading{height:20px}.calendar-ske__item__add,.calendar-ske__item__heading{-webkit-animation:skeleton 1s ease infinite alternate;animation:skeleton 1s ease infinite alternate;background-color:#9f9f9f;border-radius:5px;margin:1rem 5px}.calendar-ske__item__add{height:40px}.calendar-ske__item__task.sm{height:120px}.calendar-ske__item__task.lg,.calendar-ske__item__task.sm{-webkit-animation:skeleton 1s ease infinite alternate;animation:skeleton 1s ease infinite alternate;background-color:#9f9f9f;border-radius:5px;margin:1rem 5px}.calendar-ske__item__task.lg{height:180px}.detail-ske__heading{-webkit-animation:skeleton 1s ease infinite alternate;animation:skeleton 1s ease infinite alternate;background-color:#9f9f9f;border-radius:5px;height:45px;width:300px}.detail-ske__container{align-items:flex-start;display:flex;gap:0 5rem;height:35vh;justify-content:normal}.detail-ske__menu{margin-top:3rem;width:25%}.detail-ske__menu__item{height:35px;margin:1.5rem 0;width:100%}.detail-ske__menu__item,.detail-ske__table{-webkit-animation:skeleton 1s ease infinite alternate;animation:skeleton 1s ease infinite alternate;background-color:#9f9f9f;border-radius:5px}.detail-ske__table{flex:1 1;height:250px;margin-top:4.5rem}.detail-ske__bottom{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.detail-ske__bottom__left{-webkit-animation:skeleton 1s ease infinite alternate;animation:skeleton 1s ease infinite alternate;background-color:#9f9f9f;height:35px;width:25%}.detail-ske__bottom__right{align-items:center;display:flex;gap:0 10px;justify-content:flex-end;width:25%}.detail-ske__bottom__right__item{-webkit-animation:skeleton 1s ease infinite alternate;animation:skeleton 1s ease infinite alternate;background-color:#9f9f9f;border-radius:50%;height:35px;width:35px}.rank-ske{width:100%}.rank-ske__item{align-items:center;display:flex;gap:0 10px;margin-top:1.6rem;width:100%}.rank-ske__item__num{border-radius:50%;height:30px;width:30px}.rank-ske__item__num,.rank-ske__item__text{-webkit-animation:skeleton 1s ease infinite alternate;animation:skeleton 1s ease infinite alternate;background-color:#9f9f9f}.rank-ske__item__text{border-radius:5px;flex:1 1;height:35px}.chart-ske{align-items:flex-end;display:flex;height:300px;justify-content:space-around;padding:10px;width:100%}.chart-ske__item{display:flex;flex-direction:column;gap:10px 0;height:100%;justify-content:flex-end;width:60px}@keyframes counter{0%{flex:0 1}to{flex:1 1}}.chart-ske__item__text{-webkit-animation:skeleton 1s ease infinite alternate;animation:skeleton 1s ease infinite alternate;background-color:#9f9f9f;border-radius:5px;height:16px}.chart-ske__item__column{-webkit-animation:skeleton 1s ease infinite alternate,counter 1.5s ease-in-out infinite alternate;animation:skeleton 1s ease infinite alternate,counter 1.5s ease-in-out infinite alternate;background-color:#9f9f9f;border-top-left-radius:10px;border-top-right-radius:10px;flex:1 1;width:100%}.line-progress{background-color:transparent;bottom:0;height:3px;left:0;position:absolute;width:100%}.line-progress__value{background-color:#349eff;height:100%;left:0;position:absolute;top:0}.header-primary{height:69px;left:0;position:fixed;right:0;top:0;z-index:1000}.header-primary__title{align-items:center;display:flex;gap:0 2rem;justify-content:center}.header-primary__title h3{font-size:1.8rem;font-weight:700}.header-primary__round{font-size:1.6rem}.footer{margin:4rem 0 1rem}.footer__bottom{font-size:1.2rem;font-weight:400;text-align:right;text-align:center}.input-answer{position:relative}.input-answer__layer{color:#adadad;left:0;position:absolute;top:0;z-index:1}.input-answer input{background:transparent;left:0;position:absolute;top:0;z-index:2}.login{align-items:center;display:flex;height:calc(100vh - 15rem);justify-content:center;padding:2rem}.login .form{background-color:var(--main-bg);border-radius:.5rem;box-shadow:var(--box-shadow);padding:2rem;text-align:center}.login .form__input{position:relative}.login .form__input>i{color:rgba(0,0,0,.8);cursor:pointer;font-size:1.4rem;position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.login .form .box{background-color:#fafafb;border-radius:inherit;color:#32323d;font-size:1.8rem;margin:1rem 0;padding:1.2rem 1.4rem;text-transform:none;width:100%}.login .form .box::-webkit-input-placeholder{color:var(--txt-color)}.login .form .box::placeholder{color:var(--txt-color)}.login .form h3{color:var(--txt-color);font-size:3rem;margin-bottom:1rem;text-transform:uppercase}.login .form h4{color:#349eff;cursor:pointer;font-size:1.3rem;margin:1rem 0;text-align:right}.login .form>button{background-color:#349eff;border-radius:5px;color:#fff;cursor:pointer;font-size:1.6rem;font-weight:600;margin-top:1.6rem;padding:1rem 3rem}.login .form .result{font-size:1.8rem;margin:6rem 0}.login__footer{color:var(--txt-color);font-size:1.6rem;margin-top:1.5rem}.login__footer a{color:#349eff;display:inline-block;padding-left:1rem}.login__footer a:hover{opacity:.8}.login__notifi{color:#ff571e;font-size:1.4rem;height:1.8rem;letter-spacing:1px;margin-top:.5rem;text-align:left}.login .social-login{align-items:center;display:flex;justify-content:space-between;margin:5rem 0 2rem}.login .social-login .kep-login-facebook{border-radius:10px;height:40px;width:40px}.login .social-login .kep-login-facebook i{font-size:20px;margin:0}.register{align-items:center;display:flex;height:calc(100vh - 5rem);justify-content:center;padding:2rem}.register .form{background-color:var(--main-bg);border-radius:.5rem;box-shadow:var(--box-shadow);padding:2rem;text-align:center;width:50rem}.register .form__item__input{position:relative}.register .form__item__input>i{color:rgba(0,0,0,.8);cursor:pointer;font-size:1.4rem;position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.register .form .box{background-color:#fafafb;border-radius:.5rem;color:#32323d;font-size:1.8rem;margin:1rem 0;padding:1.2rem 1.4rem;width:100%}.register .form h3{color:var(--txt-color);font-size:3rem;margin-bottom:2rem;text-transform:uppercase}.register .form input{text-transform:none}.register .form input::-webkit-input-placeholder{font-size:1.5rem}.register .form input::placeholder{font-size:1.5rem}.register .form__des{color:var(--txt-color);font-size:1.6rem;margin-top:1.5rem}.register .form__des a{color:#349eff;display:inline-block;padding-left:1rem}.register .form__des a:hover{opacity:.8}.register .form button{background-color:#349eff;border-radius:5px;color:#fff;cursor:pointer;font-size:1.6rem;font-weight:600;margin-top:3rem;padding:1rem 3rem}.register .form .errorMsg{color:#ff6c27;font-size:1.2rem;margin:0 0 5px;text-align:left}.register__notifi{color:#ff571e;font-size:1.4rem;height:1.8rem;letter-spacing:1px;margin-top:.5rem;text-align:left}.create{padding:4rem 0}.create__top{align-items:center;display:flex;justify-content:space-between}.create__top.shrink{background-color:var(--main-bg);left:0;padding:1rem 5%;position:fixed;right:0;top:0;transition:.2s linear;z-index:1000}.create__top__left{font-size:2rem}.create__top__right{align-items:center;display:flex;gap:2rem;justify-content:center}.create__top__right .generate-terms-btn{background-color:#ffc637}.create__top__right .generate-terms-btn,.create__top__right__create{border-radius:5px;color:#fff;cursor:pointer;font-size:1.6rem;padding:10px 20px}.create__top__right__create{background-color:#349eff}.create__header{align-items:flex-start;display:flex;gap:3rem;justify-content:space-between;margin-top:3rem}.create__header__left{width:60%}.create__header__input{margin-bottom:2rem}.create__header__input__wrap{position:relative}.create__header__input__wrap small{bottom:1rem;font-size:1.4rem;font-weight:500;opacity:.5;position:absolute;right:3px}.create__header__input__wrap__des{border:2px solid #939bb4;border-radius:5px;height:auto;padding:5px}.create__header__input__wrap__des:focus{border-bottom-color:initial}.create__header__input p{align-items:center;color:#939bb4;display:flex;font-size:1.4rem;justify-content:space-between;text-transform:capitalize}.create__header__input .errorMsg{color:#ff6c27;font-size:1.2rem;margin:0 0 5px;text-align:left}.create__header__right{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:normal}.create__header__right__item{font-size:1.6rem;font-weight:500}.create__header__right__item .checkbox__private{margin-top:2rem}.create__header__right__item .checkbox__private__txt{align-items:center;display:flex;gap:2rem;justify-content:normal}.create__header__right__item .checkbox__private__txt span{font-size:1.6rem}.create__header__right__item .language__choice{align-items:center;display:flex;font-size:1.6rem;gap:2rem;justify-content:normal;margin-top:1rem}.create__header__right__item .language__choice__select{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 8px}.create__header__right__item .language__choice__select:hover{border-color:#888}.create__header__right__item .language__choice__select:focus{border-color:#007bff;outline:none}.create__header__right__item__txt{font-size:1.8rem;margin-bottom:10px}.create__header__right__item__color{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:normal}.create__header__right__item__color__item{border-radius:5px;cursor:pointer;height:50px;width:50px}.create__header__right__item__color__item.active{box-shadow:0 0 2px 2px #349eff}.create__btn{align-items:center;background-color:var(--second-bg);cursor:pointer;display:flex;font-size:1.8rem;gap:0 .5rem;justify-content:center;margin-top:2rem;padding:3rem 0;text-transform:uppercase}.create__btn i{font-size:1.4rem;font-weight:700}.create .btn_add{display:flex;justify-content:flex-end;margin-top:3rem}.create .btn_add button{background-color:#349eff;border-radius:5px;color:#fff;cursor:pointer;font-size:2rem;padding:1rem 2rem}.card-detail__header{margin-bottom:3rem;padding:0 1rem}.card-detail__header__title{align-items:center;display:flex;gap:0 1rem;justify-content:space-between}.card-detail__header__title__txt{font-size:2rem;text-transform:capitalize}.card-detail__header__title__btn{display:none}.card-detail__header__title.shrink{background-color:var(--main-bg);box-shadow:var(--box-shadow);font-size:1.6rem;height:66px;left:0;padding:0 5%;position:fixed;right:0;top:0;transition:.2s linear;z-index:1000}.card-detail__header__title.shrink .card-detail__header__title__btn{display:block;position:relative}.card-detail__header__title.shrink .card-detail__header__title__btn__in{align-items:center;background-color:#349eff;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;gap:0 1rem;justify-content:center;padding:1rem 1.2rem}.card-detail__header__title.shrink .card-detail__header__title__btn__menu{background-color:var(--main-bg);border-radius:10px;box-shadow:var(--box-shadow);display:none;padding:1rem 5px 0;position:absolute;right:0;top:120%;width:15rem}.card-detail__header__title.shrink .card-detail__header__title__btn__menu.left{left:0}.card-detail__header__title.shrink .card-detail__header__title__btn__menu.active{display:block}.card-detail__header__rate{align-items:center;display:flex;justify-content:normal;margin-top:1.2rem}.card-detail__header__rate i{color:#fd4;font-size:12px}.card-detail__header__rating{display:inline-block;margin-top:1rem;text-align:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-detail__header__rating input{display:none}.card-detail__header__rating label{color:#444;font-size:30px;padding:1px;transition:all .2s ease}.card-detail__header__rating input:checked~label,.card-detail__header__rating input:not(:checked)~label:hover,.card-detail__header__rating input:not(:checked)~label:hover~label{color:#fd4}.card-detail__header__rating input#rate-5:checked~label{color:#fd4;text-shadow:0 0 10px #ffdc3f}.card-detail__header__rating #rate-1:checked~.form header:before{content:"Rất tệ"}.card-detail__header__rating #rate-2:checked~.form header:before{content:"Tệ"}.card-detail__header__rating #rate-3:checked~.form header:before{content:"Khá"}.card-detail__header__rating #rate-4:checked~.form header:before{content:"Chất lượng"}.card-detail__header__rating #rate-5:checked~.form header:before{content:"Rất chất lượng";width:10px}.card-detail__header__rating .form header{color:#fe4;font-size:20px;font-weight:500;margin-top:2rem;text-align:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);transition:all .2s ease;width:100%}.card-detail__header span{font-size:14px;letter-spacing:0;margin-left:1rem}.card-detail__top{align-items:flex-start;display:flex;gap:0 5rem;justify-content:space-between}@media only screen and (max-width:800px){.card-detail__top{align-items:center;flex-direction:column-reverse;gap:30px 0}}.card-detail__left{flex:1 1}@media only screen and (max-width:800px){.card-detail__left{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr)}}.card-detail__left>a{flex-basis:20%}.card-detail__left__item{background-color:var(--second-bg);border-radius:10px;cursor:pointer;font-size:1.6rem;margin:.5rem 0;padding:1.5rem}.card-detail__left__item:hover{background-color:#349eff;color:#fff}.card-detail__left__item.disable{display:none;opacity:.35;pointer-events:none}.card-detail__left__item.approval{background-color:#d83d00;color:#fff}.card-detail__left__item.pending{background-color:#0018ec;color:#fff}.card-detail__left__item.plus{position:relative}.card-detail__left__item.plus:before{background-color:#ffc107;border-radius:20px;box-shadow:var(--box-shadow);color:#fff;content:"plus";display:inline-block;font-size:12px;font-weight:600;line-height:1;padding:6px 10px;position:absolute;right:0;top:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);white-space:nowrap;z-index:98}@media only screen and (max-width:800px){.card-detail__left__item{align-items:center;background-color:#349eff;color:#fff;font-size:12px}}.card-detail__right{overflow:hidden;padding-bottom:2rem;width:60%}@media only screen and (max-width:800px){.card-detail__right{width:100%}}.card-detail__info{align-items:center;display:flex;justify-content:space-between;margin:6rem 0}@media only screen and (max-width:800px){.card-detail__info{margin:3rem 0}}.card-detail__info__user{font-size:1.6rem;font-weight:400}.card-detail__info__user span{cursor:pointer;font-weight:600;margin-left:8px}.card-detail__info__user span>a{display:inline-block}.card-detail__info__menu{border-radius:10px}.card-detail__info__icon{align-items:center;display:flex;gap:0 1rem;justify-content:space-between}.card-detail__info__icon__wrap{border-radius:10px}.card-detail__info__icon i{border-radius:inherit;cursor:pointer;font-size:1.6rem;padding:1rem;position:relative}.card-detail__info__icon i:hover{background-color:#349eff;color:#fff}.card-detail__info__icon i.disable{display:none;opacity:.35;pointer-events:none}.card-detail__info__icon span{cursor:pointer}.card-detail__info__icon span.disable{display:none;opacity:.35;pointer-events:none}.card-detail__info__icon a{border-radius:inherit;display:inline-block}.card-detail__info__icon a.disable{display:none;opacity:.35;pointer-events:none}.card-detail__info__menu{display:inline-block;position:relative}.card-detail__info__menu.disable{display:none;opacity:.35;pointer-events:none}.card-detail__info__menu__list{align-items:center;background:var(--second-bg);border-radius:5px;box-shadow:var(--box-shadow);display:flex;display:none;font-size:1.1rem;justify-content:normal;padding:.5rem;position:absolute;right:0;top:140%;width:18rem;z-index:99}.card-detail__info__menu__list a,.card-detail__info__menu__list span{align-items:center;display:flex;justify-content:flex-start;padding-right:1rem;width:100%}.card-detail__info__menu__list a:hover,.card-detail__info__menu__list span:hover{color:#349eff}.card-detail__info__menu__list a i:hover,.card-detail__info__menu__list span i:hover{background-color:initial;color:inherit}.card-detail__info__menu__list.active{display:block}.card-detail__des{margin-bottom:4rem}.card-detail__des__heading{font-size:2rem;text-transform:capitalize}@media only screen and (max-width:800px){.card-detail__des__heading{font-size:1.6rem}}.card-detail__des__term{margin-top:2rem}.card-detail__des__term__item{align-items:center;background-color:var(--main-bg);border-radius:5px;box-shadow:0 1px 2px 1px rgba(0,0,0,.15);display:flex;font-size:1.6rem;gap:0 1rem;justify-content:normal;margin-top:1.4rem;padding:1rem 1.6rem;position:relative}@media only screen and (max-width:800px){.card-detail__des__term__item{gap:0 1rem;margin-top:1.6rem}}.card-detail__des__term p{line-height:1.6}.card-detail__des__term__prompt{width:30%}.card-detail__des__term__answer{flex:1 1}.card-detail__des__term__icon{align-items:center;display:flex;justify-content:flex-end;width:30%}@media only screen and (max-width:800px){.card-detail__des__term__icon{width:18%}}.card-detail__des__term__icon i{border-radius:50%;cursor:pointer;margin-left:1rem;padding:1rem}.card-detail__des__term__icon i:hover{background-color:#349eff;color:#fff}.card-detail__des__term__icon i.disable{display:none;opacity:.35;pointer-events:none}@media only screen and (max-width:800px){.card-detail__des__term__icon i{padding:2px}}.card-detail__des__term textarea{border:none;height:-webkit-max-content;height:max-content}.card-detail__des__term textarea:focus{border-bottom:3px solid #349eff}.card-detail__des__term .term-selector{cursor:move;font-size:1.8rem;left:50%;opacity:0;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);visibility:hidden}.card-detail__des__term__item:focus .term-selector,.card-detail__des__term__item:hover .term-selector{opacity:1;visibility:visible}.card-detail__des__term .card-ghost{-webkit-transform:rotate(50deg);transform:rotate(50deg);transition:-webkit-transform .18s ease;transition:transform .18s ease;transition:transform .18s ease,-webkit-transform .18s ease}.card-detail__des__term .card-ghost-drop{-webkit-transform:rotate(50deg);transform:rotate(50deg);transition:-webkit-transform .18s ease-in-out;transition:transform .18s ease-in-out;transition:transform .18s ease-in-out,-webkit-transform .18s ease-in-out}.card-detail__des__term .term-drop-preview{background-color:rgba(150,150,200,.1);border:1px dashed var(--txt-color);margin:5px}.card-detail__des__term .smooth-dnd-container.vertical>.smooth-dnd-draggable-wrapper{overflow:visible}.card-detail .popup{-webkit-animation:popupFadeIn .3s ease-out forwards;animation:popupFadeIn .3s ease-out forwards;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);left:50%;max-width:400px;opacity:0;outline:none;padding:30px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);width:90%;z-index:1000}@-webkit-keyframes popupFadeIn{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes popupFadeIn{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.card-detail .popup__overlay{-webkit-animation:overlayFadeIn .3s ease-out forwards;animation:overlayFadeIn .3s ease-out forwards;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.6);height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:999}@-webkit-keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.card-detail .popup__content{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center}.card-detail .popup__content h2{color:#1a1a1a;font-size:1.8rem;font-weight:600;line-height:1.3;margin:0 0 12px}.card-detail .popup__content p{color:#4a4a4a;font-size:1.4rem;line-height:1.5;margin:0 0 20px}.card-detail .popup__buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.card-detail .popup__buttons button{background:linear-gradient(90deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.card-detail .popup__buttons button:hover{background:linear-gradient(90deg,#0056b3,#003d82);box-shadow:0 2px 8px rgba(0,123,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media(max-width:480px){.card-detail .popup{max-width:300px;padding:20px}.card-detail .popup__content h2{font-size:1.5rem}.card-detail .popup__content p{font-size:.9rem}.card-detail .popup__buttons button{font-size:.9rem;padding:8px 16px}}.card-detail [data-c-tooltip]{cursor:pointer;position:relative}.card-detail [data-c-tooltip]:after,.card-detail [data-c-tooltip]:before{opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24),-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24);visibility:hidden}.card-detail [data-c-tooltip]:focus:after,.card-detail [data-c-tooltip]:focus:before,.card-detail [data-c-tooltip]:hover:after,.card-detail [data-c-tooltip]:hover:before{opacity:1;visibility:visible}.card-detail [data-c-tooltip]:before{background:transparent;border:6px solid transparent;content:"";z-index:1001}.card-detail [data-c-tooltip]:after{background-color:var(--txt-color);border-radius:5px;color:var(--main-bg);content:attr(data-c-tooltip);font-family:Inter,sans-serif;font-size:11px;font-weight:500;line-height:1;padding:8px;width:-webkit-max-content;width:max-content;z-index:105}.card-detail [data-c-tooltip]:after,.card-detail [data-c-tooltip]:before{bottom:100%;right:50%}.card-detail [data-c-tooltip]:before{border-top-color:var(--txt-color);margin-bottom:-12px;margin-left:-6px}.card-detail [data-c-tooltip]:after{margin-right:-10px}.card-detail [data-c-tooltip]:focus:after,.card-detail [data-c-tooltip]:focus:before,.card-detail [data-c-tooltip]:hover:after,.card-detail [data-c-tooltip]:hover:before{-webkit-transform:translateY(-12px);transform:translateY(-12px)}.card-detail [tooltip-position=bottom]:after,.card-detail [tooltip-position=bottom]:before{bottom:auto;right:50%;top:100%}.card-detail [tooltip-position=bottom]:before{border-bottom-color:var(--txt-color);border-top-color:transparent;margin-bottom:0;margin-top:-12px}.card-detail [tooltip-position=bottom]:focus:after,.card-detail [tooltip-position=bottom]:focus:before,.card-detail [tooltip-position=bottom]:hover:after,.card-detail [tooltip-position=bottom]:hover:before{-webkit-transform:translateY(12px);transform:translateY(12px)}.library__heading__title{font-size:2rem;padding:2rem 0}.library__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr))}.edit{padding:4rem 0}.edit__top{align-items:center;display:flex;justify-content:space-between}.edit__top.shrink{background-color:var(--main-bg);left:0;padding:1rem 5%;position:fixed;right:0;top:0;transition:.2s linear;z-index:1000}.edit__top__left{font-size:2rem}.edit__top__right{align-items:center;display:flex;gap:2rem;justify-content:center}.edit__top__right .generate-terms-btn{background-color:#ffc637}.edit__top__right .generate-terms-btn,.edit__top__right__create{border-radius:5px;color:#fff;cursor:pointer;font-size:1.6rem;padding:10px 20px}.edit__top__right__create{background-color:#349eff}.edit__header{align-items:flex-start;display:flex;gap:0 5rem;justify-content:space-between;margin-top:3rem}.edit__header__left{width:50%}.edit__header__input{margin-bottom:2rem}.edit__header__input__wrap{position:relative}.edit__header__input__wrap small{bottom:1rem;font-size:1.4rem;font-weight:500;opacity:.5;position:absolute;right:3px}.edit__header__input__wrap__des{border:2px solid #939bb4;border-radius:5px;height:auto;padding:5px}.edit__header__input__wrap__des:focus{border-bottom-color:initial}.edit__header__input p{color:#939bb4;font-size:1.4rem;text-transform:capitalize}.edit__header__right{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:normal}.edit__header__right__item{font-size:1.6rem;font-weight:500}.edit__header__right__item .checkbox__private{margin-top:3rem}.edit__header__right__item .checkbox__private__txt{align-items:center;display:flex;gap:2rem;justify-content:normal}.edit__header__right__item .checkbox__private__txt span{font-size:1.6rem}.edit__header__right__item .language__choice{align-items:center;display:flex;font-size:1.6rem;gap:2rem;justify-content:normal;margin-top:1rem}.edit__header__right__item .language__choice__select{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 8px}.edit__header__right__item .language__choice__select:hover{border-color:#888}.edit__header__right__item .language__choice__select:focus{border-color:#007bff;outline:none}.edit__header__right__item__txt{font-size:1.8rem;margin-bottom:10px}.edit__header__right__item__color{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:normal}.edit__header__right__item__color__item{border-radius:5px;cursor:pointer;height:50px;width:50px}.edit__header__right__item__color__item.active{border:2px dashed #349eff}.edit__btn{align-items:center;background-color:var(--second-bg);border-radius:10px;cursor:pointer;display:flex;font-size:1.8rem;justify-content:center;margin-top:2rem;padding:3rem 0;text-transform:uppercase}.edit__btn:hover .edit__btn__wrap{color:#349eff;transition:.2s linear}.edit__btn i{font-size:1.8rem;font-weight:700}input[type=checkbox]{-webkit-appearance:none;background:#fff;border-radius:20px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);cursor:pointer;height:18px;outline:none;position:relative;transition:.5s;width:36px}input[type=checkbox]:before{background:linear-gradient(#fff,#f2f2f2,#e6e6e6,#d9d9d9);border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.2);content:"";height:18px;left:0;position:absolute;top:0;-webkit-transform:scale(.85);transform:scale(.85);transition:.5s;width:18px}input:checked[type=checkbox]{background:#349eff}input:checked[type=checkbox]:before{left:18px}.flash-card{height:80vh}.flash-card__flip{height:100%;width:100%}.learn{align-items:center;display:flex;height:70vh;justify-content:center}.learn__container{align-items:flex-start;background-color:var(--main-bg);border-radius:10px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:680px;padding:3rem 4rem;width:100%}.learn__question h4{color:#62b4ff;font-size:1.6rem;font-weight:600}.learn__question p{font-size:2rem;margin-top:3rem}.learn__answer{width:100%}.learn__answer__title{font-size:1.6rem}.learn__answer__wrap{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-top:2rem}.learn__answer__wrap__item{border:1px solid #349eff;border-radius:5px;cursor:pointer;font-size:1.6rem;padding:1.6rem;transition:.2s ease;width:45%}.learn__answer__wrap__item.success{background-color:rgba(100,255,100,.2);border:2px solid #0bc80b;color:#0bc80b}.learn__answer__wrap__item.faile{background-color:hsla(0,100%,70%,.2);border:2px solid #c80b0b;color:#c80b0b}.learn__answer__wrap__item:hover{background-color:#349eff;color:#fff}.learn__answer__wrap__item.selected{border-width:3px}.learn__notifi{align-items:center;background-color:var(--main-bg);bottom:0;box-shadow:0 -3px 10px 0 #ccc;display:flex;height:8rem;justify-content:space-between;left:96px;padding:2rem 5%;position:absolute;right:0}@media only screen and (max-width:1024px){.learn__notifi{left:80px}}@media only screen and (max-width:800px){.learn__notifi{left:0}}.learn__notifi__txt{color:var(--txt-color);font-size:1.6rem}.learn__notifi__txt i{color:#fff;font-size:2rem;margin-right:1.5rem;padding:.8rem}.learn__notifi__txt .wrong i{background-color:#ff623d;border-radius:50%}.learn__notifi__txt .true i{background-color:#47d864;border-radius:50%}.learn__notifi__btn{background-color:#349eff;border-radius:5px;color:#fff;cursor:pointer;font-size:1.4rem;padding:1rem 1.5rem}.write{height:50rem}.write__container{align-items:stretch;background-color:var(--main-bg);border-radius:5px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:0 auto;max-width:680px;padding:4rem;width:100%}@media only screen and (max-width:800px){.write__container{padding:4rem 10px}}.write__top{padding-bottom:4rem}.write__top__define{align-items:center;color:#62b4ff;display:flex;font-size:1.6rem;justify-content:space-between}.write__top__prompt{font-size:1.6rem;font-weight:600}.write__top__des{font-size:1.8rem;font-weight:600;margin-top:3rem;text-transform:capitalize}.write__middle__title{font-size:2rem}.write__middle__title.correct{color:#23b26d}.write__middle__title.incorrect{color:#ff9c8c}.write__middle__item{margin-top:3rem}.write__middle__item p{color:#62b4ff;font-size:1.6rem}.write__middle__item h3{font-size:2rem;font-weight:500;padding-top:1rem;text-transform:capitalize}.write__bottom{align-items:center;display:flex;gap:0 2rem;gap:20px 10px;justify-content:space-between;margin-top:2rem}@media only screen and (max-width:1024px){.write__bottom{align-items:flex-start;flex-direction:column}}.write__bottom__input{width:80%}.write__bottom__input p{color:#62b4ff;font-size:1.3rem;padding-top:45px;text-transform:uppercase}.write__bottom__btn{background-color:#349eff;border-radius:5px;color:#fff;cursor:pointer;font-size:1.4rem;padding:1.5rem 2rem}.write__suggest{text-align:center}.write__suggest span{background-color:hsla(0,0%,79%,.2);border-radius:6px;cursor:pointer;font-size:1.8rem;padding:6px}.write__suggest__word{letter-spacing:5px}.listen{height:50rem}.listen__container{align-items:stretch;background-color:var(--main-bg);border-radius:5px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:0 auto;max-width:680px;padding:4rem;width:100%}@media only screen and (max-width:800px){.listen__container{padding:4rem 10px}}.listen__top__define{align-items:center;display:flex;justify-content:space-between}.listen__top__define__title{align-items:center;display:flex;font-size:1.4rem;gap:0 4rem;justify-content:normal}.listen__top__define__title i{cursor:pointer;font-size:4rem}.listen__top__define__title i:hover{color:#349eff}.listen__top__define__title i.active{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;color:#00c8ff;pointer-events:none}@-webkit-keyframes pulse{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}50%{-webkit-transform:translateX(2px);transform:translateX(2px)}75%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.listen__top__define__alert{position:relative}.listen__top__define__alert i{cursor:pointer;font-size:1.6rem;opacity:.7}.listen__top__define__alert__popup{background-color:var(--second-bg);box-shadow:0 0 2px 2px var(--hover);display:none;font-size:12px;padding:5px;position:absolute;right:0;top:calc(100% + 10px);width:150px}.listen__top__define__alert:hover .listen__top__define__alert__popup{display:block}.listen__middle__title{font-size:2rem}.listen__middle__title.correct{color:#23b26d}.listen__middle__title.incorrect{color:#ff9c8c}.listen__middle__item{margin-top:3rem}.listen__middle__item p{color:#62b4ff;font-size:1.6rem}.listen__middle__item h3{font-size:2rem;font-weight:500;padding-top:1rem;text-transform:capitalize}.listen__bottom{align-items:center;display:flex;gap:20px 10px;justify-content:space-between}@media only screen and (max-width:1024px){.listen__bottom{align-items:flex-start;flex-direction:column}}.listen__bottom__input{width:80%}.listen__bottom__input p{color:#62b4ff;font-size:1.3rem;padding-top:45px;text-transform:uppercase}.listen__bottom__btn{background-color:#349eff;border-radius:5px;color:#fff;cursor:pointer;font-size:1.4rem;padding:1.5rem 2rem}.listen__suggest{text-align:center}.listen__suggest span{background-color:hsla(0,0%,79%,.2);border-radius:6px;cursor:pointer;font-size:1.8rem;padding:6px}.match{background-color:var(--main-bg);border-radius:10px;box-shadow:var(--box-shadow);height:80vh;padding:25px}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-13px);transform:translateX(-13px)}40%{-webkit-transform:translateX(13px);transform:translateX(13px)}60%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-13px);transform:translateX(-13px)}40%{-webkit-transform:translateX(13px);transform:translateX(13px)}60%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}}.match .card,.match .cards,.match .view{align-items:center;display:flex;justify-content:center}.match .cards{flex-wrap:wrap;gap:1rem;height:100%;justify-content:space-between}.match .cards .cardz{cursor:pointer;height:calc(25% - 10px);-webkit-perspective:1000px;perspective:1000px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:visibility .3s ease;-webkit-user-select:none;user-select:none;width:calc(25% - 10px)}.match .cards .cardz .back-view{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.match .cards .cardz.flip .back-view{-webkit-transform:rotateX(0);transform:rotateX(0)}.match .cards .cardz.flip .front-view{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.match .cards .cardz.shake{-webkit-animation:shake .3s ease-in-out;animation:shake .3s ease-in-out}.match .cards .cardz .view{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:5px;box-shadow:var(--box-shadow);display:flex;font-size:2rem;inset:0;justify-content:center;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;transition:-webkit-transform .25s linear;transition:transform .25s linear;transition:transform .25s linear,-webkit-transform .25s linear}@media only screen and (max-width:800px){.match .cards .cardz .view{font-size:12px;padding:5px}}.match .cards .cardz.hide{visibility:hidden}.user{background-color:var(--main-bg);color:var(--txt-color);min-height:100vh;padding:66px 9% 3rem}@media only screen and (max-width:800px){.user{padding:66px 2% 15px}}.user>.header{-webkit-transform:translateX(-90%);transform:translateX(-90%);transition:all .25s linear}.user .header:hover{-webkit-transform:translateX(0);transform:translateX(0)}.user__top{position:relative}.user__top__background{align-items:center;background-image:linear-gradient(90deg,#74ebd5,#9face6);border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;height:27rem;justify-content:center;width:100%}.user__top__background h3{color:#fff;font-size:3rem;opacity:.9;text-align:center;text-shadow:2px 2px rgba(22,25,35,.25)}.user__top__info{align-items:flex-end;bottom:-7.5rem;display:flex;justify-content:normal;left:40px;position:absolute}@media only screen and (max-width:800px){.user__top__info{bottom:-4rem}}.user__top__info__ava{background-color:var(--main-bg);border-radius:50%;height:15rem;padding:5px;position:relative;width:15rem}@media only screen and (max-width:800px){.user__top__info__ava{height:8rem;width:8rem}}.user__top__info__ava img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.user__top__info__ava i,.user__top__info__ava input{border-radius:inherit;bottom:3px;height:5rem;opacity:0;position:absolute;right:3px;width:5rem}.user__top__info__ava i{background-color:#349eff;color:#fff;font-size:3rem;padding:1rem}.user__top__info__ava:hover i{opacity:1}.user__top__info__name{align-items:center;display:flex;gap:2rem;margin-bottom:16px;margin-left:16px}@media only screen and (max-width:800px){.user__top__info__name{font-size:1.4rem;gap:1rem;margin-bottom:12px;margin-left:12px}}.user__top__info__name h2{font-size:2.75rem;font-weight:700}@media only screen and (max-width:800px){.user__top__info__name h2{font-size:1.8rem}}.user__top__info__name span{background-color:#edc826;border-radius:1rem;color:#fff;padding:4px 1.2rem}.user__top__btn{border:1px solid #349eff;border-radius:99px;bottom:-6rem;cursor:pointer;padding:1rem 2rem;position:absolute;right:30px}.user__top__btn span{color:#349eff;font-size:1.8rem}.user__content{align-items:flex-start;display:flex;justify-content:space-between;margin-top:10rem}@media only screen and (max-width:800px){.user__content{flex-direction:column;margin-top:6rem}}.user__left{position:-webkit-sticky;position:sticky;top:80px;width:45%}@media only screen and (max-width:800px){.user__left{position:static;width:100%}}.user__left__item{border:1px solid #ccc;border-radius:10px;box-shadow:1px 3px 3px var(--icon);margin-bottom:1rem;padding:1rem}.user__left__item__heading{align-items:center;display:flex;font-size:1.8rem;justify-content:space-between;margin:1rem 0 2.5rem}.user__left__item__heading p{font-weight:600}.user__left__item__heading span{cursor:pointer;font-size:1.4rem;font-weight:500}.user__left__item__heading span:hover{color:#349eff}.user__left__item__des{font-size:1.5rem;line-height:1.8rem}.user__left__item__des p,.user__left__item__des__item{margin-bottom:1rem}.user__left__item__des__item__heading{align-items:center;display:flex;justify-content:space-between}.user__left__item__des__item__heading span{text-transform:capitalize}.user__left__item__des__item__heading__btn{align-items:center;display:flex;gap:0 15px;justify-content:normal}.user__left__item__des__item__heading i{border-radius:5px;cursor:pointer;font-size:1.6rem;padding:5px;text-align:center}.user__left__item__des__item__heading i:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.user__left__item__des__item__heading i.edit{background-color:#349eff;color:#fff}.user__left__item__des__item__heading i.cancel{background-color:#ff623d;color:#fff}.user__left__item__des__item__heading i.save{background-color:#47d864;color:#fff}.user__left__item__des__item>input{border-bottom:2px solid #ccc;font-size:1.6rem;padding:5px 0;width:70%}.user__left__item__des__item>input:focus{border-bottom:2px solid #787878}.user__left__item__des__item>input:disabled{color:var(--txt-color)}.user__left__item__des__achieve{align-items:center;display:flex;justify-content:space-between}.user__left__item__des__achieve~.user__left__item__des__achieve{margin-top:1.4rem}.user__left__item__des__achieve>h4{font-size:1.6rem;font-weight:500}.user__left__item__des__achieve>h4>span{color:#349eff;font-weight:600}.user__left__item__des__achieve>i{font-size:2.2rem}.user__left__item__des__achieve>i.lv1{opacity:.8}.user__left__item__des__achieve>i.lv2{color:#f1d34e;font-size:2.3rem;opacity:.95}.user__left__item__des__achieve>i.lv3{color:#edc826;font-size:2.5rem;text-shadow:0 0 5px #fed82f}.user__left__item__des__achieve>i.lv4{color:#ffda32;font-size:3rem;text-shadow:0 0 20px #d5ae00}.user__left__item__des__achieve>i:hover{cursor:pointer;-webkit-transform:scale(1.15);transform:scale(1.15)}.user__left__item>p{font-size:1.4rem;font-weight:500}.user__right{width:50%}@media only screen and (max-width:800px){.user__right{width:100%}}.user__right__item{border:1px solid #ccc;border-radius:10px;box-shadow:1px 3px 3px var(--icon);padding:1rem}.user__right__item__heading{align-items:center;display:flex;justify-content:space-between;margin:1rem 0 2.5rem}.user__right__item__heading p{font-size:1.8rem;font-weight:600}.user__right__item__heading span{cursor:pointer;font-size:1.4rem;font-weight:500}.user__right__item__heading span:hover{color:#349eff}.user__right__item>p{font-size:1.4rem;font-weight:500}.quiz{margin-top:66px;min-height:calc(100vh - 66px);padding:0 2.8rem}.quiz.quiz-root{background:#f6f7fb}.quiz-root>.quiz__container{align-items:flex-start;display:flex;height:100%;justify-content:center}.quiz-live>.quiz__container{align-items:center;display:flex;height:calc(100vh - 66px);justify-content:center}.quiz__join{background-color:#fff;height:100%;min-width:40rem;padding:2rem}.quiz__join--title{color:#2e3856;font-size:20px;font-weight:700;text-transform:capitalize}.quiz__join__link{margin-bottom:4rem}.quiz__join__link--code{font-size:28px;font-weight:700;letter-spacing:10px;line-height:1.5;padding:5px;text-align:center}.quiz__join__link--code,.quiz__join__qrcode--code{border-radius:5px;box-shadow:0 0 6px 2px #ccc;margin-top:1.5rem}.quiz__join__qrcode--code{overflow:hidden}.quiz__join__recreate{align-items:center;display:flex;justify-content:center;margin-top:2rem}.quiz__join__recreate--btn{background-color:#349eff;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:1rem 2rem}.quiz__lobby{flex:1 1;padding:2rem 4rem}.quiz__lobby__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4rem}.quiz__lobby__header--text{font-size:1.8rem}.quiz__lobby__header--btn button{background-color:#349eff;border-radius:8px;color:#fff;cursor:pointer;font-size:1.8rem;font-weight:600;padding:1.2rem 4rem}.quiz form{align-items:space-around;background:#f6f7fb;border-radius:5px;box-shadow:0 0 6px 2px #ccc;display:flex;flex-direction:column;height:250px;justify-content:space-between;min-width:400px;padding:2rem}.quiz form.form-min{height:150px}.quiz form input{border-radius:5px;font-size:18px;padding:1rem}.quiz form input.roomid{font-weight:600;letter-spacing:10px;text-transform:uppercase}.quiz form input.roomid::-webkit-input-placeholder{font-weight:400;letter-spacing:normal;text-transform:none}.quiz form input.roomid::placeholder{font-weight:400;letter-spacing:normal;text-transform:none}.quiz form button{background:#349eff;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:1rem}.quiz__user{border-radius:10px;box-shadow:0 0 5px 1px #ccc;flex-direction:column;gap:1rem;height:140px;overflow:hidden;padding:1rem;width:120px}.quiz__user,.quiz__user__container{align-items:center;display:flex;justify-content:space-between}.quiz__user__container{flex-wrap:wrap;gap:5rem}.quiz__user:hover{box-shadow:0 0 10px 2px #ccc}.quiz__user--img img{height:auto;object-fit:cover;width:70px}.quiz__user--text{font-size:1.6rem;text-align:center}.quiz .live-room__wrap{align-items:center;display:flex;height:calc(100vh - 132px);justify-content:center}.quiz .live-room__container{align-items:flex-start;background-color:var(--main-bg);border-radius:10px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:3rem 4rem;width:100%}.quiz .live-room__question h4{color:#62b4ff;font-size:1.6rem;font-weight:600}.quiz .live-room__question p{font-size:2rem;margin:2rem 0 4rem}.quiz .live-room__answer{width:100%}.quiz .live-room__answer__title{font-size:1.6rem;opacity:.8}.quiz .live-room__answer__wrap{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-top:2rem}.quiz .live-room__answer__wrap.disable{pointer-events:none}.quiz .live-room__answer__wrap__item{border:1px solid #349eff;border-radius:5px;cursor:pointer;font-size:1.6rem;padding:1.6rem;transition:.2s ease;width:45%}.quiz .live-room__answer__wrap__item.success{background-color:rgba(100,255,100,.2);border:2px solid #0bc80b;color:#0bc80b}.quiz .live-room__answer__wrap__item.faile{background-color:hsla(0,100%,70%,.2);border:2px solid #c80b0b;color:#c80b0b}.quiz .live-room__answer__wrap__item:hover{background-color:#349eff;color:#fff}.quiz .live-room__answer__wrap__item.selected{background-color:#349eff;border-width:3px;color:#fff}.quiz .wrap{display:flex;flex-direction:column;opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;visibility:visible}.quiz .wrap.hidden{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);visibility:hidden}.quiz .rank-quiz{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 66px);justify-content:space-around;min-width:400px;padding:2rem 0}.quiz .rank-quiz__wrap{width:100%}.quiz .rank-quiz__item{align-items:center;background-color:#fff;border-radius:5px;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1.5rem}.quiz .rank-quiz__item:first-child .rank-quiz__index{color:#fbb525}.quiz .rank-quiz__item:nth-child(2) .rank-quiz__index{color:#c9dbf9}.quiz .rank-quiz__item:nth-child(3) .rank-quiz__index{color:#e5a982}.quiz .rank-quiz__index{font-size:1.8rem}.quiz .rank-quiz__mark,.quiz .rank-quiz__name{font-size:1.6rem}.quiz .rank-quiz__btn{align-items:center;display:flex;justify-content:center}.quiz .rank-quiz__btn a{background-color:#349eff;border-radius:8px;color:#fff;cursor:pointer;font-size:1.8rem;padding:1rem 2rem}.test__container{flex-direction:column;gap:1.5rem 0;height:65vh;justify-content:center}.test__bottom,.test__container{align-items:center;display:flex}.test__bottom{justify-content:space-between;margin:4rem auto 2rem;max-width:680px;width:100%}@media only screen and (max-width:800px){.test__bottom{flex-wrap:wrap;gap:5px}}.test__nums{align-items:center;display:flex;font-size:2rem;gap:0 5px;justify-content:center}@media only screen and (max-width:800px){.test__nums{flex-wrap:wrap;gap:5px}}.test__nums__item{background-color:var(--main-bg);border-radius:5px;box-shadow:var(--box-shadow);cursor:pointer;padding:5px 8px;text-align:center;width:30px}.test__nums__item.active{color:#349eff;-webkit-transform:scale(1.2) translateY(-5px);transform:scale(1.2) translateY(-5px)}@media only screen and (max-width:800px){.test__nums__item.active{-webkit-transform:scale(1.12) translateY(-2px);transform:scale(1.12) translateY(-2px)}}.test__nums__item.false{background-color:#fb6e58;color:#fff}.test__nums__item.true{background-color:#23b26d;color:#fff}.test__submit{background-color:#349eff;border-radius:5px;color:#fff;cursor:pointer;font-size:1.8rem;padding:1rem 2rem}.lyric{position:relative;-webkit-user-select:initial;user-select:auto}.lyric__container{margin-bottom:5rem}.lyric__header{background-color:var(--main-bg);padding:3rem 0 2rem;position:-webkit-sticky;position:sticky;top:66px;z-index:100}.lyric__line{cursor:pointer;margin:2px 0;padding:1.8rem 3rem}.lyric__line span{font-size:2.6rem;font-weight:600;opacity:.3}.lyric__line.active{-webkit-transform:scale(1.04);transform:scale(1.04);-webkit-transform-origin:center left;transform-origin:center left}.lyric__line.active span{opacity:1}.lyric__define{width:100%}.lyric__define__heading{color:var(--txt-color);font-size:1.8rem;text-align:center}.lyric__define__search{margin:3rem auto;position:relative;width:60%}.lyric__define__search input{background-color:var(--main-bg);border:2px solid var(--icon);border-radius:10px;color:var(--txt-color);font-size:1.6rem;padding:.8rem 6rem .8rem 1rem;width:100%}.lyric__define__search input::-webkit-input-placeholder{color:var(--txt-color)}.lyric__define__search input::placeholder{color:var(--txt-color)}.lyric__define__search input:not(:placeholder-shown)~.search__icon{color:var(--icon-2);pointer-events:auto}.lyric__define__search input:focus{border:2px solid var(--icon-2)}.lyric__define__search .search__icon{color:var(--icon);cursor:pointer;font-size:2rem;padding:1rem 2rem 1rem 1rem;pointer-events:none;right:0}.lyric__define__search .search__icon,.lyric__define__search .search__icon:after{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.lyric__define__search .search__icon:after{background-color:var(--icon);content:"";height:65%;left:0;width:1px}.lyric__define__data{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr))}.lyric__define__data .list__item{align-items:center;border-radius:5px;cursor:pointer;display:flex;gap:0 20px;justify-content:normal}.lyric__define__data .list__item:hover{box-shadow:var(--box-shadow)}.lyric__define__data .list__item__img img{border-radius:10px}.lyric__define__data .list__item__txt__title{font-size:1.6rem}.lyric__define__data .list__item__txt__artist{font-size:1.4rem;font-weight:400;margin-top:5px}.lyric__result{border-radius:10px;box-shadow:var(--box-shadow);left:50%;overflow:hidden;position:absolute;top:110%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:96%}.lyric__result__list{background-color:var(--main-bg);max-height:30rem;overflow-y:auto;padding:0 5px 10px;z-index:1}.lyric__result__list__item{align-items:center;cursor:pointer;display:flex;gap:0 20px;justify-content:normal;margin-top:8px}.lyric__result__list__item__ava img{border-radius:10px;width:6.5rem}.lyric__result__list__item__title h3{font-size:14px}.lyric__result__list__item__title p{font-size:12px;margin-top:5px}.lyric__result__list__item:hover{background-color:var(--second-bg);color:#349eff}.pro-learn{height:100%}.pro-define{align-items:center;display:flex;justify-content:center;margin-top:40px}.pro-define__main{height:375px;position:relative;width:325px}.pro-define__main .volumn{background-color:var(--main-bg);border-radius:50%;box-shadow:0 0 2px 3px #ccc;color:#349eff;cursor:pointer;font-size:2.8rem;left:50%;line-height:1.3524;padding:12px;position:absolute;top:-29px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:99}.pro-define__container{cursor:pointer;inset:5px 2rem;-webkit-perspective:1000px;perspective:1000px;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .3s ease;z-index:98}.pro-define__container .front-view{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 10px;text-align:center}.pro-define__container .front-view h4{font-size:20px}.pro-define__container .front-view span{font-weight:400;margin:35px 0}.pro-define__container .front-view p{font-size:15px}.pro-define__container .back-view{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 10px;text-align:center;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.pro-define__container .back-view h4{font-size:20px}.pro-define__container .back-view p{font-size:15px}.pro-define__container.flip .back-view{-webkit-transform:rotateY(0);transform:rotateY(0)}.pro-define__container.flip .front-view{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.pro-define__item{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;box-shadow:0 3px 5px 2px #a5a5a5;display:flex;font-size:2rem;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;transition:-webkit-transform .25s linear;transition:transform .25s linear;transition:transform .25s linear,-webkit-transform .25s linear;width:100%}.pro-define__btn{background-color:#58bd2f;border-radius:20px;bottom:-29px;box-shadow:1px 4px 0 1px #4b733b;color:#fff;cursor:pointer;font-size:18px;left:50%;padding:15px 20px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:200px;z-index:99}.pro-choice{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:20px 0}.pro-choice__container{align-items:flex-start;background-color:var(--main-bg);border-radius:10px;box-shadow:var(--box-shadow);display:flex;gap:2rem 0;height:100%;justify-content:space-between;padding:3rem 4rem;width:100%}@media only screen and (max-width:800px){.pro-choice__container{flex-direction:column;padding:2rem}}.pro-choice__answer{width:60%}@media only screen and (max-width:800px){.pro-choice__answer{width:100%}}.pro-choice__answer__title{font-size:1.6rem}.pro-choice__answer__wrap{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:space-between}.pro-choice__answer__wrap__item{border:1px solid #349eff;border-radius:5px;cursor:pointer;font-size:1.6rem;padding:1.6rem;transition:.2s ease;width:100%}.pro-choice__answer__wrap__item.success{background-color:rgba(100,255,100,.2);border:2px solid #0bc80b;color:#0bc80b}.pro-choice__answer__wrap__item.faile{background-color:hsla(0,100%,70%,.2);border:2px solid #c80b0b;color:#c80b0b}.pro-choice__answer__wrap__item:hover{background-color:#349eff;color:#fff}.pro-choice__answer__wrap__item.selected{border-width:3px}.pro-choice__icon{align-items:center;display:flex;flex-direction:column;gap:30px 0;justify-content:space-between;width:25%}@media only screen and (max-width:800px){.pro-choice__icon{flex-direction:row;width:100%}}.pro-choice__icon .volumn{background-color:var(--main-bg);border-radius:50%;box-shadow:0 0 2px 3px #ccc;color:#349eff;cursor:pointer;font-size:2.8rem;line-height:1.3524;padding:12px;z-index:99}.pro-choice__icon .btn-continue{align-items:center;background-color:#ccc;border-radius:10px;box-shadow:1px 5px 0 #ccc;color:#fff;cursor:inherit;display:flex;flex-direction:column;gap:16px;justify-content:space-between;padding:16px;pointer-events:none}@media only screen and (max-width:800px){.pro-choice__icon .btn-continue{flex-direction:row;padding:8px}}.pro-choice__icon .btn-continue i{font-size:30px;font-weight:800}@media only screen and (max-width:800px){.pro-choice__icon .btn-continue i{font-size:20px}}.pro-choice__icon .btn-continue span{font-size:18px}.pro-choice__icon .btn-continue.active{background-color:#349eff;cursor:pointer;pointer-events:auto}.pro-write{justify-content:center}.pro-write,.pro-write__wrap{align-items:center;display:flex}.pro-write__wrap{border-radius:5px;box-shadow:0 3px 5px 2px #a5a5a5;flex-direction:column;height:70vh;justify-content:space-between;min-width:360px;padding:30px}.pro-write .volumn{background-color:var(--main-bg);border-radius:50%;box-shadow:0 0 2px 3px #ccc;color:#349eff;cursor:pointer;font-size:2.8rem;line-height:1.3524;padding:12px;z-index:99}.pro-write .btn-continue{align-items:center;background-color:#ccc;border-radius:8px;color:#fff;cursor:inherit;display:flex;gap:0 10px;justify-content:center;padding:8px 12px;pointer-events:none}.pro-write .btn-continue span{font-size:18px}.pro-write .btn-continue i{font-size:20px;font-weight:800}.pro-write .btn-continue.active{background-color:#349eff;cursor:pointer;pointer-events:auto}.pro-write__container .input-answer,.pro-write__container .input-answer__layer,.pro-write__container input{position:static}.pro-write__container span{color:#58bd2f;font:5ch consolas,monospace;letter-spacing:.25ch;margin-bottom:10px}@-webkit-keyframes fadeOut{0%{opacity:1}to{display:none;opacity:0}}@keyframes fadeOut{0%{opacity:1}to{display:none;opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pro-write__container span.incorrect{-webkit-animation:fadeOut 1.5s linear forwards;animation:fadeOut 1.5s linear forwards;color:red}.pro-write__container span.correct{-webkit-animation:fadeIn 2s linear forwards;animation:fadeIn 2s linear forwards;opacity:0}.pro-write__container p{font:5ch consolas,monospace;letter-spacing:.25ch;margin-bottom:10px}.pro-write__container p.wronganswer{color:red;text-decoration:line-through}.pro-write__container p.correct{color:#58bd2f}.pro-write .btn-wrap{align-items:center;display:flex;gap:0 10px;justify-content:space-between;width:100%}.calendar{min-height:100vh;padding:2rem}.calendar__title{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.calendar__title input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);color:#1a1a1a;font-size:1.75rem;font-weight:600;max-width:600px;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.calendar__title input:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.2);outline:none}.smooth-dnd-container.horizontal{align-items:flex-start;display:flex!important;gap:1.5rem;overflow-x:auto;padding-bottom:1rem}.smooth-dnd-container.horizontal::-webkit-scrollbar{background-color:#f1f4f4;height:8px}.smooth-dnd-container.horizontal::-webkit-scrollbar-thumb{background-color:#007bff;border-radius:4px}.smooth-dnd-draggable-wrapper{border-radius:8px}.calendar__column{background:#f1f4f4;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);flex-shrink:0;padding:1rem;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:300px}.calendar__column:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.calendar__column__top__create{align-items:center;background:#e9ecef;border-radius:6px;color:#007bff;cursor:pointer;display:flex;font-size:1.4rem;font-weight:500;justify-content:center;padding:1rem;transition:background .2s ease,color .2s ease;width:100%}.calendar__column__top__create:hover{background:#007bff;color:#fff}.calendar__column__top__create i{margin-left:.5rem}.calendar__column__top__form{display:flex;flex-direction:column;gap:1rem}.calendar__column__top__form__textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1a1a1a;font-size:1.2rem;padding:.75rem;resize:none;transition:border-color .2s ease;width:100%}.calendar__column__top__form__textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.2);outline:none}.calendar__column__top__form__btn{display:flex;gap:.75rem;justify-content:space-between}.calendar__column__top__form__btn__add{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:.5rem 1rem;transition:background .2s ease,-webkit-transform .2s ease;transition:background .2s ease,transform .2s ease;transition:background .2s ease,transform .2s ease,-webkit-transform .2s ease}.calendar__column__top__form__btn__add:hover{background:#218838;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.calendar__column__top__form__btn__cancel{background:#e9ecef;border:none;border-radius:6px;color:#1a1a1a;cursor:pointer;font-size:1.1rem;font-weight:500;padding:.5rem 1rem;transition:background .2s ease,-webkit-transform .2s ease;transition:background .2s ease,transform .2s ease;transition:background .2s ease,transform .2s ease,-webkit-transform .2s ease}.calendar__column__top__form__btn__cancel:hover{background:#d3d7db;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.section-ghost{background:#d1d5db;opacity:.5}.section-ghost-drop{background:#e9ecef}.section__drop-preview{background:#e9ecef;border:2px dashed #007bff;border-radius:8px}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.calendar__column{-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out}@media(max-width:768px){.calendar{padding:1rem}.calendar__title input{font-size:1.5rem;padding:.5rem}.calendar__column{width:250px}.calendar__column__top__create{font-size:.9rem;padding:.75rem}.calendar__column__top__form__textarea{font-size:.9rem}.calendar__column__top__form__btn__add,.calendar__column__top__form__btn__cancel{font-size:.8rem;padding:.4rem .8rem}}.css-1u3bzj6-MuiFormControl-root-MuiTextField-root{width:100%}.css-1u3bzj6-MuiFormControl-root-MuiTextField-root input{padding:6px 10px}.css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root{font-size:1.8rem!important}.quizlet-banner{background:linear-gradient(135deg,rgba(75,0,130,.902),rgba(43,144,249,.431));border-radius:20px;color:#fff;font-family:Arial,sans-serif;margin:1.4rem 1.4rem 1.6rem;padding:1.5rem;text-align:center}.quizlet-banner .banner-content .title{font-size:3.6rem;font-weight:700;margin-bottom:3.6rem}.quizlet-banner .banner-content .subtitle{font-size:2.4rem;font-weight:600;margin-bottom:1.6rem}.quizlet-banner .banner-content .description{font-size:1.8rem;margin:auto;max-width:800px;opacity:.9}.subscription-options{display:flex;gap:20px;justify-content:center;margin-top:3rem}@media only screen and (max-width:800px){.subscription-options{align-items:center;flex-direction:column}}.subscription-options .subscription-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,.1);color:#000;display:flex;flex-direction:column;gap:2rem;justify-content:space-between;padding:2rem;position:relative;width:30rem}@media only screen and (max-width:800px){.subscription-options .subscription-card{width:100%}}.subscription-options .subscription-card .discount-label{background:gold;border-radius:10px;color:#000;font-size:1.2rem;font-weight:700;left:50%;padding:5px 10px;position:absolute;top:-12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.subscription-options .subscription-card .card-title{font-size:2.6rem;font-weight:700;margin-bottom:8px;opacity:.8}.subscription-options .subscription-card .card-description{color:#616161;font-size:1.6rem;margin-bottom:8px}.subscription-options .subscription-card .old-price{color:red;font-size:2rem;margin-bottom:5px;text-decoration:line-through}.subscription-options .subscription-card .price{font-size:2.6rem;font-weight:700;margin-bottom:5px;opacity:.8}.subscription-options .subscription-card .price span{font-size:1.6rem;font-weight:400}.subscription-options .subscription-card .note{color:#616161;font-size:1.4rem;margin-bottom:2rem}.subscription-options .subscription-card .buy-now-btn,.subscription-options .subscription-card .start-trial-btn{border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:700;padding:10px;transition:background .3s;width:100%}.subscription-options .subscription-card .start-trial-btn{background:#fff;border:1px solid #ccc;color:rgba(0,0,0,.741)}.subscription-options .subscription-card .start-trial-btn:hover{background:#eee}.subscription-options .subscription-card .buy-now-btn{background:gold;color:rgba(0,0,0,.741)}.subscription-options .subscription-card .buy-now-btn:hover{background:#fc0}.faq-section{margin:0 auto auto;max-width:1300px;padding:1.5rem}.faq-section .faq-title{color:#1e3a8a;font-size:2.8rem;font-weight:700;margin-bottom:30px;text-align:center}.faq-section .faq-item{border:1px solid #ccc;border-radius:10px;margin-bottom:10px}.faq-section .faq-item .faq-question{align-items:center;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background .3s}.faq-section .faq-item .faq-question:hover{background:#e5e5e5}.faq-section .faq-item .faq-question h3{color:#333;font-size:16px;font-weight:700;margin:0}.faq-section .faq-item .faq-question .arrow{color:#666;font-size:18px}.faq-section .faq-item .faq-question .arrow.expanded{color:#333}.faq-section .faq-item .faq-answer{background:#f5f5f5;border-radius:0 0 10px 10px;margin-top:-5px;padding:15px 20px}.faq-section .faq-item .faq-answer p{color:#666;font-size:14px;line-height:1.5;margin:0}.invoice-guide{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin:3rem auto;max-width:1200px;padding:2rem}.invoice-guide .invoice-title{font-size:20px;font-weight:600;margin-bottom:4rem;text-align:center}.invoice-guide .guide-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.invoice-guide .guide-grid{grid-template-columns:1fr 1fr}}.invoice-guide .guide-grid .left,.invoice-guide .guide-grid .right{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:2rem;padding:2rem}.invoice-guide .guide-grid .method-title{font-size:18px;font-weight:500;margin-bottom:12px}.invoice-guide .guide-grid .qr-image{height:256px;margin-bottom:8px;object-fit:contain;width:256px}.invoice-guide .guide-grid .download-link{color:#2563eb;display:inline-block;font-size:14px;margin-top:4px;text-decoration:underline}.invoice-guide .guide-grid .payment-status{color:#6b7280;font-size:13px;margin-top:8px}.invoice-guide .guide-grid .payment-status .waiting{color:#000;font-weight:500}.invoice-guide .guide-grid .payment-status .waiting i{font-size:1.6rem;padding:8px}.invoice-guide .guide-grid .payment-status .waiting .rotate{-webkit-animation:rotate-step 4s steps(4) infinite;animation:rotate-step 4s steps(4) infinite}@-webkit-keyframes rotate-step{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-step{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.invoice-guide .guide-grid .info-list{font-size:14px;line-height:1.6;text-align:left}.invoice-guide .guide-grid .info-list .payment-code{color:#dc2626;font-weight:600}.invoice-guide .guide-grid .info-list .note{color:#4b5563;font-size:13px;margin-top:12px}.invoice-guide .guide-grid .info-list p{margin:6px 0}.popup-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.succes{background-color:#4bb543}.succes-animation{-webkit-animation:succes-pulse 2s infinite;animation:succes-pulse 2s infinite}.danger{background-color:#ca0b00}.danger-animation{-webkit-animation:danger-pulse 2s infinite;animation:danger-pulse 2s infinite}.custom-modal{background-color:#fff;border-radius:30px;margin:3rem 10px;min-height:275px;position:relative;width:350px}.custom-modal .content{bottom:20px;position:absolute;text-align:center;width:100%}.custom-modal .content .type{color:#999;font-size:18px}.custom-modal .content .message-type{color:rgba(0,0,0,.78);font-size:2rem;margin:4rem 0}.content a{background-color:#4bb543;border-radius:20px;color:#fff;display:inline-block;font-size:1.4rem;padding:10px 20px;width:120px}.custom-modal .border-bottom{border-radius:0 0 30px 30px;bottom:-20px;height:20px;margin:0 25px;position:absolute;width:300px}.custom-modal .icon-top{border-radius:50%;color:#fff;font-size:30px;height:100px;line-height:100px;margin:0 125px;position:absolute;text-align:center;top:-30px;width:100px}.error-modal{background-color:#fff;border-radius:30px;margin:3rem 10px;min-height:275px;position:relative;width:350px}@media only screen and (max-width:800px){.error-modal{width:90vw}}.error-modal .content{bottom:20px;position:absolute;text-align:center;width:100%}.error-modal .content .type{color:#999;font-size:18px}.error-modal .content .message-type{color:rgba(0,0,0,.78);font-size:2rem;margin:4rem 0}.error-modal .content a{background-color:#d9534f;border-radius:20px;color:#fff;display:inline-block;font-size:1.4rem;padding:10px 20px;width:120px}.error-modal .border-bottom{border-radius:0 0 30px 30px;bottom:-20px;height:20px;margin:0 25px;position:absolute;width:300px}.error-modal .icon-top{background-color:#d9534f;border-radius:50%;color:#fff;font-size:30px;height:100px;line-height:100px;margin:0 125px;position:absolute;text-align:center;top:-30px;width:100px}.countdown-bar-wrapper{margin-top:16px}.countdown-bar{background-color:#007bff;border-radius:5px;direction:rtl;height:10px;margin-bottom:8px;overflow:hidden;width:100%}.countdown-progress{background-color:#eee;height:100%;-webkit-transform-origin:right;transform-origin:right;transition:width .5s ease}.countdown-text{color:#333;font-weight:700}@-webkit-keyframes succes-pulse{0%{box-shadow:0 0 30px 20px rgba(75,181,67,.2)}50%{box-shadow:0 0 30px 20px rgba(75,181,67,.4)}to{box-shadow:0 0 30px 20px rgba(75,181,67,.2)}}@keyframes succes-pulse{0%{box-shadow:0 0 30px 20px rgba(75,181,67,.2)}50%{box-shadow:0 0 30px 20px rgba(75,181,67,.4)}to{box-shadow:0 0 30px 20px rgba(75,181,67,.2)}}@-webkit-keyframes danger-pulse{0%{box-shadow:0 0 30px 20px rgba(202,11,0,.2)}50%{box-shadow:0 0 30px 20px rgba(202,11,0,.4)}to{box-shadow:0 0 30px 20px rgba(202,11,0,.2)}}@keyframes danger-pulse{0%{box-shadow:0 0 30px 20px rgba(202,11,0,.2)}50%{box-shadow:0 0 30px 20px rgba(202,11,0,.4)}to{box-shadow:0 0 30px 20px rgba(202,11,0,.2)}}.midle-active{align-items:center;box-shadow:0 5px 5px 10px var(--second-bg);display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;padding:3rem 2rem 8rem;text-align:center;width:60%}.midle-active__img{margin-bottom:5rem}.midle-active__img img{border-radius:35% 120% 35% 65%/35% 65% 35% 65%;width:70%}.midle-active__heading{font-size:2.2rem;margin:3rem 0}.midle-active__des{font-size:1.6rem;font-weight:400;margin-bottom:4rem;text-align:left}.midle-active__footer{font-size:1.6rem;font-weight:600}.midle-active__footer span{font-weight:400}.all-list__heading{margin:2rem 0}.all-list__heading__title{font-size:2rem;text-transform:capitalize}.all-list__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr))}@media only screen and (max-width:1024px){.all-list__container{gap:14px 12px}}@media only screen and (max-width:800px){.all-list__container{grid-gap:12px 8px;display:grid;gap:12px 8px;grid-template-columns:repeat(auto-fill,minmax(48%,1fr))}}.not-found__container{align-items:center;display:flex;flex-direction:column;gap:2rem 0;height:60vh;justify-content:space-around;margin:auto}.not-found__container h2{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,red,orange);-webkit-background-clip:text;font-size:80px;font-weight:900}.not-found__container h3{font-size:45px;font-weight:800;text-align:justify}.not-found__container a{align-items:center;display:flex;font-size:20px;gap:0 10px;justify-content:normal;margin-top:40px}.lyric-training__container{grid-gap:1rem;display:grid!important;gap:1rem;gap:25px 20px;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr))}.lyric-training__item{border-radius:10px;box-shadow:var(--box-shadow);overflow:hidden;position:relative;width:100%}.lyric-training__item__img{position:relative}.lyric-training__item__img img{aspect-ratio:16/9;width:100%}.lyric-training__item__title{font-size:1.4rem;font-weight:600;line-height:1.5;margin:10px 0;padding:0 10px}.lyric-training__item .level{border-radius:10px;color:#fff;padding:6px 10px;position:absolute;right:0;top:0}.lyric-training__item .level__BEGINNER{background-color:#47d864;background-color:var(--success-color)}.lyric-training__item .level__INTERMEDIATE{background-color:#ff941b}.lyric-training__item .level__ADVANCED{background-color:red}.lyric-main{align-items:flex-start;display:flex;gap:0 3rem;justify-content:space-around}@media only screen and (max-width:1024px){.lyric-main{flex-direction:column;gap:20px 0}}.lyric-main *{-webkit-user-select:auto;user-select:auto}.lyric-main__video{background-color:var(--main-bg);position:-webkit-sticky;position:sticky;top:66px;width:60%}@media only screen and (max-width:1024px){.lyric-main__video{align-items:center;display:flex;justify-content:center;width:100%}.lyric-main__video .react-player-video{height:250px!important;width:60%!important}}@media only screen and (max-width:800px){.lyric-main__video .react-player-video{height:250px!important;width:100%!important}}.lyric-main__line{word-wrap:break-word;margin:20px 0}.lyric-main__line.active{color:var(--txt-color)}.lyric-main__translation{color:var(--hover);height:80vh;overflow:auto}@media only screen and (max-width:1024px){.lyric-main__translation{align-items:center;display:flex;justify-content:center;width:100%}}.lyric-main__translation__wrap{overflow-y:auto}.lyric-main__translation .sentence{align-items:center;display:inline;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:3px 0;width:100%}.lyric-main__translation .sentence.active{background-color:var(--color-sub)}.lyric-main__translation .sentence~.lyric-main__translation .sentence{margin:0 10px}.lyric-main__translation .sentence__item{font-size:18px;line-height:30px;padding-right:10px;white-space:nowrap}.lyric-main__input{font-size:1.4rem;width:40%}.lyric-main__input__button{align-items:center;border-radius:1rem;display:flex;margin-bottom:2rem;width:100%}@media only screen and (max-width:1024px){.lyric-main__input__button{max-width:500px}}.lyric-main__input__button>div{background-color:var(--hover);cursor:pointer;flex:1 1;padding:10px 0;text-align:center}.lyric-main__input__button>div.active{background-color:#47d864;background-color:var(--success-color);color:#fff}@media only screen and (max-width:1024px){.lyric-main__input{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}}.lyric-main__input__wrap{width:100%}@media only screen and (max-width:1024px){.lyric-main__input__wrap{max-width:500px}}.lyric-main__input textarea{border:1px solid #47d864;border:1px solid var(--success-color);border-radius:10px;font-size:1.6rem;margin:1.4rem 0;min-height:80px;padding:1rem;resize:vertical;width:100%}.lyric-main__input textarea:focus{border-width:3px;outline:none}.lyric-main__input .flex{align-items:center;display:flex;gap:2rem}.lyric-main__input button{border-radius:10px;cursor:pointer;padding:6px 12px}.lyric-main__input button.bg-outline{background-color:transparent;border:1px solid #47d864;border:1px solid var(--success-color);color:#47d864;color:var(--success-color)}.lyric-main__input button.bg-primary{background-color:#47d864;background-color:var(--success-color);color:#fff}.lyric-main__input i{cursor:pointer}.lyric-main__input i.disable{cursor:not-allowed;opacity:.5}.lyric-main__input .sentences{word-wrap:break-word;font-size:16px;margin-top:2rem}.lyric-main__input .sentences span{display:inline}.lyric-main__input__control{align-items:center;display:flex;gap:2rem}.lyric-main__submit{background-color:#349eff;border-radius:5px;bottom:20px;box-shadow:0 0 5px 2px var(--hover);color:#fff;cursor:pointer;font-size:1.6rem;padding:10px 15px;position:fixed;right:20px}.lyric-main__submit span,.lyric-main__submit:hover i{display:none}.lyric-main__submit:hover span{display:block}.transcript-viewer{margin-top:20px}.transcript-viewer .bg-outline{background-color:transparent;border:1px solid #47d864;border:1px solid var(--success-color);border-radius:10px;color:#47d864;color:var(--success-color);cursor:pointer;margin-bottom:2rem;padding:6px 12px}.transcript-list{border:1px solid #ddd;border-radius:4px;list-style:none;max-height:342px;overflow-y:auto;padding:10px 0}.transcript-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px}.transcript-item.active{background-color:var(--hover);font-weight:700}.transcript-play-btn{background:none;border:1px solid #ddd;border-radius:50%;cursor:pointer;margin-right:10px;padding:8px 12px}.transcript-play-btn i{color:#000;font-size:14px}.transcript-play-btn:hover i{color:#349eff}.transcript-text{flex:1 1;font-size:16px}.other-page{background-color:var(--hover);color:var(--txt-color);min-height:100vh;overflow:hidden;padding:0 10%}.other-page__main{flex:1 1;min-height:100vh;padding:5rem 1rem 2rem 4rem}.other-page .other-link{color:#349eff;display:inline-block}.other-page__wrap{align-items:flex-start;background-color:var(--main-bg);display:flex;justify-content:normal}.other-page__error{color:#ff6c27;font-size:14px;margin-top:1rem}.header-other{height:100vh;padding:5rem 1rem 0;width:240px}.header-other__link__item{border-radius:10px;font-size:1.8rem;padding:1rem 5px 1rem 1.2rem}.header-other__link__item~.header-other__link__item{margin-top:1rem}.header-other__link__item:hover{color:#349eff}.header-other__link__item.active{background-color:var(--hover)}.info__header{font-size:26px;font-weight:600}.info__img{align-items:center;display:flex;justify-content:center;margin:5rem 0}.info__img img{border-radius:40% 60% 40% 60%/40% 60% 40% 60%;width:260px}.info__description{margin-bottom:50px}.info__description__text{font-size:16px;font-weight:500;margin-top:1.4rem}.policy__header{font-size:26px;font-weight:600}.policy__description{margin-bottom:50px}.policy__description__text{font-size:16px;font-weight:500;line-height:1.8;margin-top:1.4rem}.policy__description__text__item{list-style:inside}.policy__description__title{font-size:18px;font-weight:600;margin-top:1.4rem}.policy__description__title span{color:#349eff;text-decoration:underline}.terms__header{font-size:26px;font-weight:600}.terms__description{margin-bottom:50px}.terms__description__text{font-size:16px;font-weight:500;line-height:1.8;margin-top:1.4rem}.terms__description__text__item{list-style:inside}.terms__description__title{font-size:18px;font-weight:600;margin-top:1.4rem}.terms__description__title span{color:#349eff;text-decoration:underline}.contact__header{font-size:26px;font-weight:600}.contact__form,.contact__form__item~.contact__form__item{margin-top:2rem}.contact__form__title{font-size:16px;font-weight:500;margin-bottom:1rem}.contact__form__input{border:1px solid var(--txt-color);font-size:14px;padding:1rem 1.6rem;width:60%}.contact__form__input:focus{border-color:#349eff}.contact__form textarea{height:100px}.contact__form>button{background-color:#349eff;border-radius:5px;color:#fff;cursor:pointer;font-size:1.6rem;font-weight:600;margin-top:3rem;padding:1rem 3rem;text-align:right}.voiceChatContainer{align-items:center;display:flex;justify-content:center}.chatCard{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;height:80vh;max-width:500px;overflow:hidden;position:relative;width:100%}.chatCard .ai-bg{color:#a7a3f5;font-size:20rem;left:50%;opacity:.1;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.chatHeader{background-color:#4f46e5;border-top-left-radius:12px;border-top-right-radius:12px;color:#fff;padding:1rem;text-align:center}.chatHeader h1{font-size:1.5rem;font-weight:600;margin:0}.chatMessages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.messageContainer{display:flex;width:100%}.messageContainer.userMessage{justify-content:flex-end}.messageContainer.aiMessage{justify-content:flex-start}.messageContainer.loading-dots{display:flex;gap:5px}.messageContainer.loading-dots span{-webkit-animation:dot-flashing 1s linear infinite alternate;animation:dot-flashing 1s linear infinite alternate;background-color:#1f2937;border-radius:50%;display:inline-block;height:8px;width:8px}.messageContainer.loading-dots span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.messageContainer.loading-dots span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.messageBubble{border-radius:1rem;font-size:1.4rem;max-width:80%;padding:.75rem 1rem;word-break:break-word}.userMessage .messageBubble{background-color:#4f46e5;border-bottom-right-radius:0;color:#fff}.aiMessage .messageBubble{background-color:#e5e7eb;border-bottom-left-radius:0;color:#1f2937}.aiMessage .messageBubble a{color:#4f46e5;text-decoration:underline}.inputArea{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:center;padding:1rem}.voiceInputDisplay{background-color:#e5e7eb;border-radius:12px;flex:1 1;max-height:120px;min-height:60px;overflow-y:auto;padding:.75rem}.voiceInputDisplay p{color:#1f2937;margin:.5rem 0 0}.recordingIndicator{align-items:center;color:#ef4444;display:flex;font-weight:500;gap:.5rem}.recordingDot{-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite;background-color:#ef4444;border-radius:50%;height:10px;width:10px}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.inputForm{flex:1 1}.textInput{border:1px solid #e5e7eb;border-radius:12px;font-size:1.4rem;outline:none;padding:1.4rem .75rem;transition:all .2s ease;width:100%}.textInput:focus{border-color:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.2)}.controlButton{align-items:center;background-color:#e5e7eb;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.controlButton:hover{background-color:#d7dae0}.controlButton:disabled{cursor:not-allowed;opacity:.5}.controlButton.active{background-color:#ef4444;color:#fff}.sendButton{align-items:center;background-color:#4f46e5;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:1rem;transition:all .2s ease;width:40px}.sendButton:hover{background-color:#3a30e2}.sendButton:disabled{cursor:not-allowed;opacity:.5}@media(max-width:600px){.chatCard{height:80vh;max-width:100%}.messageBubble{max-width:85%}}.income-page h2{font-size:2.8rem;margin-bottom:2rem}.income-page .balance-box{background:#f5faff;border:1px solid #cce5ff;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.income-page .balance-box p{font-size:1.4rem;margin:0}.income-page .balance-box h3{color:#007bff;font-size:2.4rem;margin-top:.5rem}.income-page .withdraw-section{margin-bottom:2rem}.income-page .withdraw-section h4{font-size:1.8rem;margin-bottom:1rem}.income-page .withdraw-section input{border:1px solid #ccc;border-radius:.8rem;font-size:1.4rem;margin-bottom:1rem;padding:1rem;width:100%}.income-page .withdraw-section p{color:#333;font-size:1.4rem}.income-page .withdraw-section .edit-btn{background:#ffc107}.income-page .withdraw-section .edit-btn:hover{background:#e0a800}.income-page .withdraw-section .bank-actions{font-size:1.6rem}.income-page .withdraw-section .bank-actions__button{align-items:center;display:flex;gap:2rem;justify-content:normal;margin-top:2rem}.income-page .withdraw-section button{background:#28a745;border:none;border-radius:.8rem;color:#fff;cursor:pointer;font-size:1.4rem;padding:1rem;width:100%}.income-page .withdraw-section button:hover{background:#218838}.income-page .withdraw-section button:disabled{background:#ccc;cursor:not-allowed}.income-page .no-bank{background:#fff3cd;border:1px solid #ffeeba;border-radius:.8rem;margin-bottom:2rem;padding:1rem}.income-page .no-bank p{font-size:1.4rem;margin:0 0 .5rem}.income-page .no-bank span{color:#007bff;cursor:pointer;font-size:1.4rem;text-decoration:underline}.income-page .history-section h4{font-size:1.8rem;margin-bottom:1rem}.income-page .history-section .withdraw-history-table{background:#fff;border-collapse:collapse;border-radius:1rem;box-shadow:0 .3rem 1rem rgba(0,0,0,.05);font-size:1.4rem;margin-top:2rem;overflow:hidden;width:100%}.income-page .history-section .withdraw-history-table td,.income-page .history-section .withdraw-history-table th{border-bottom:1px solid #eee;padding:1.2rem;text-align:left}.income-page .history-section .withdraw-history-table th{background-color:#f5f7ff;color:#444;font-weight:600}.income-page .history-section .withdraw-history-table tr:last-child td{border-bottom:none}.income-page .history-section .withdraw-history-table td{color:#333}.income-page .history-section .withdraw-history-table .status{border-radius:5px;font-weight:700;padding:4px 8px;text-transform:uppercase}.income-page .history-section .withdraw-history-table .status.success{background-color:#9bffb2;color:#28a745}.income-page .history-section .withdraw-history-table .status.pending{background-color:#fff7db;color:#ffc107}.income-page .history-section .withdraw-history-table .status.rejected{background-color:#ffdadd;color:#dc3545}.income-page .modal-overlay{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.income-page .modal-box{background:#fff;border-radius:1rem;box-shadow:0 1rem 2rem rgba(0,0,0,.1);max-width:400px;padding:2rem;width:100%}.income-page .modal-box h3{font-size:2rem;margin-bottom:1.5rem}.income-page .modal-box input{border:1px solid #ccc;border-radius:.5rem;font-size:1.4rem;margin-bottom:1rem;padding:1rem;width:100%}.income-page .modal-box button{background:#007bff;border:none;border-radius:.6rem;color:#fff;cursor:pointer;font-size:1.4rem;margin-top:.5rem;padding:1rem;width:100%}.income-page .modal-box button:hover{background:#0062cc}.income-page .modal-box .close-btn{background:#ccc;margin-top:1rem}.income-page .modal-box .close-btn:hover{background:#999}.checkout-container{color:var(--text-color);display:flex;gap:4rem;justify-content:space-between;padding:2rem}@media only screen and (max-width:1024px){.checkout-container{flex-direction:column;padding:1rem}}.checkout-container .checkout-left{width:55%}@media only screen and (max-width:1024px){.checkout-container .checkout-left{width:100%}}.checkout-container .checkout-left h1{color:var(--text-color);font-size:3.6rem;margin-bottom:2rem}.checkout-container .checkout-left ul{display:flex;flex-direction:column;gap:2rem;list-style:none;padding:0}.checkout-container .checkout-left ul li{align-items:flex-start;background:var(--second-bg);border:1px solid #e0e8ff;border-radius:1.5rem;display:flex;font-size:1.6rem;gap:1.5rem;justify-content:space-between;padding:2rem;transition:box-shadow .2s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .2s ease;transition:transform .3s ease,box-shadow .2s ease,-webkit-transform .3s ease}.checkout-container .checkout-left ul li:nth-child(odd){flex-direction:row}@media only screen and (max-width:800px){.checkout-container .checkout-left ul li:nth-child(odd){flex-direction:column}}.checkout-container .checkout-left ul li:nth-child(2n){flex-direction:row-reverse}@media only screen and (max-width:800px){.checkout-container .checkout-left ul li:nth-child(2n){flex-direction:column}}.checkout-container .checkout-left ul li:hover{box-shadow:0 4px 12px rgba(100,100,255,.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.checkout-container .checkout-left ul li img{border-radius:1.3rem;object-fit:cover;width:52%}@media only screen and (max-width:800px){.checkout-container .checkout-left ul li img{width:100%}}.checkout-container .checkout-left ul li .feature-title{flex:1 1;font-weight:500;padding:1rem 0}.checkout-container .checkout-left ul li .feature-title h2{color:var(--text-color);font-size:2.75rem}.checkout-container .checkout-left ul li .feature-title p{color:var(--text-color);font-size:1.8rem;line-height:1.5;margin-top:1rem}.checkout-container .checkout-box{width:40%}@media only screen and (max-width:1024px){.checkout-container .checkout-box{width:100%}}.checkout-container .checkout-right{background:var(--second-bg);border:1px solid #e0e8ff;border-radius:2rem;box-shadow:0 .8rem 2rem rgba(0,0,0,.05);padding:3rem;position:-webkit-sticky;position:sticky;top:80px}@media only screen and (max-width:1024px){.checkout-container .checkout-right{position:static}}.checkout-container .checkout-right h3{color:var(--text-color);font-size:2.4rem;margin-bottom:2rem}.checkout-container .checkout-right .line{color:var(--text-color);display:flex;font-size:1.5rem;justify-content:space-between;margin-bottom:1.2rem}.checkout-container .checkout-right .total{border-top:1px solid #ddd;color:var(--text-color);font-size:1.7rem;font-weight:700;padding-top:1rem}.checkout-container .checkout-right .code-checker{display:flex;gap:1rem;margin:2rem 0}.checkout-container .checkout-right .code-checker input{border:1px solid #ccc;border-radius:.8rem;color:var(--text-color);flex:1 1;font-size:1.5rem;padding:1rem}.checkout-container .checkout-right .code-checker input:focus{border-color:#888ef8;outline:none}.checkout-container .checkout-right .code-checker button{background:#888ef8;border:none;border-radius:.8rem;color:#fff;cursor:pointer;font-size:1.5rem;padding:0 1.8rem;transition:background .2s}.checkout-container .checkout-right .code-checker button:hover{background:#6a74dd}.checkout-container .checkout-right .code-checker button:disabled{background:#ccc;cursor:not-allowed}.checkout-container .checkout-right .pay-btn{background:linear-gradient(90deg,#00c9ff,#92fe9d);border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.7rem;font-weight:700;padding:1.2rem;transition:opacity .2s;width:100%}.checkout-container .checkout-right .pay-btn:hover{opacity:.9}.change-password{background-color:var(--main-bg);color:var(--txt-color);min-height:100vh;padding:66px 9% 3rem}@media only screen and (max-width:800px){.change-password{padding:66px 2% 15px}}.change-password-container{background-color:#fdfdfd;border:1px solid #ddd;border-radius:10px;margin:40px auto;max-width:400px;padding:30px}.change-password-heading{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.change-password-form{display:flex;flex-direction:column}.change-password-form .form-group{margin-bottom:16px}.change-password-form .form-group label{display:block;font-weight:500;margin-bottom:6px}.change-password-form .form-group .form-input{border:1px solid #aaa;border-radius:4px;font-size:16px;padding:10px;width:100%}.change-password-form .form-group .form-input:focus{border-color:#007bff;outline:none}.change-password-form .form-group .form-error{color:red;font-size:14px;margin-top:4px}.change-password-form .submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px;transition:background-color .2s ease}.change-password-form .submit-button:hover{background-color:#0056b3}.change-password-form .submit-button:disabled{background-color:#aaa;cursor:not-allowed}.navbar{background:var(--main-bg);bottom:0;left:0;padding:1rem .8rem;position:fixed;top:66px;width:96px;z-index:100}.navbar__logo{align-items:center;display:flex;justify-content:center}.navbar__logo img{border-radius:10px;width:80%}.navbar__link{margin-top:1rem}.navbar__link__item{color:var(--txt-color);font-size:1.1rem;font-weight:600;margin-top:1rem}.navbar__link__item a{align-items:center;border-radius:15px;display:flex;flex-direction:column;gap:5px 0;justify-content:center;padding:15px 5px}.navbar__link__item.active a{background-color:var(--hover)}.navbar__link__item i{font-size:1.8rem}.navbar__link__item a:hover{background-color:var(--hover)}.navbar__link__item:hover i{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:center;transform-origin:center}.admin{background-color:var(--main-bg);background-color:hsla(0,0%,96%,.29);color:var(--txt-color);margin-left:96px;min-height:100vh;padding:91px 2rem 0}.admin-dashboard{min-height:100vh;padding:1.5rem}.admin-dashboard .metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:3rem}@media only screen and (max-width:800px){.admin-dashboard .metrics-grid{grid-template-columns:repeat(2,1fr)}}.admin-dashboard .metrics-grid .metric-card{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;gap:3rem;justify-content:flex-start;padding:2rem}.admin-dashboard .metrics-grid .metric-card .icon{color:#3b82f6;font-size:5rem}.admin-dashboard .metrics-grid .metric-card .icon i.red{color:#ef4444}.admin-dashboard .metrics-grid .metric-card .icon i.green{color:#22c55e}.admin-dashboard .metrics-grid .metric-card .icon i.yellow{color:#f59e0b}.admin-dashboard .metrics-grid .metric-card .icon i.blue{color:#3b82f6}.admin-dashboard .metrics-grid .metric-card .metric-title{color:#4b5563;font-size:1.2rem;font-weight:600}.admin-dashboard .metrics-grid .metric-card .metric-value{font-size:2rem;font-weight:700;margin-top:1.4rem}.admin-dashboard .metrics-grid .metric-card .metric-value .metric-change{font-size:1.2rem;margin-left:1rem}.admin-dashboard .metrics-grid .metric-card .metric-value .metric-change.positive{color:#22c55e}.admin-dashboard .metrics-grid .metric-card .metric-value .metric-change.negative{color:#ef4444}.admin-dashboard .metrics-grid .metric-card .metric-note{color:#6b7280;font-size:1.2rem}.admin-dashboard .charts-grid .chart-card{border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1rem}.admin-dashboard .charts-grid .chart-card-wrap{display:flex;gap:1rem;margin-top:2rem}.admin-dashboard .charts-grid .chart-card .chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-dashboard .charts-grid .chart-card .chart-title{font-size:1.6rem;font-weight:600;margin-bottom:1.4rem}.admin-dashboard .charts-grid .chart-card.visitor-chart{font-size:1.4rem;width:50%}.admin-dashboard .charts-grid .chart-card.visitor-chart table{background-color:#fff;border-collapse:collapse;font-family:Arial,sans-serif;margin-top:1rem;width:100%}.admin-dashboard .charts-grid .chart-card.visitor-chart thead{background-color:#f0f0f0}.admin-dashboard .charts-grid .chart-card.visitor-chart thead th{border-bottom:2px solid #ccc;font-weight:700;padding:12px;text-align:left}.admin-dashboard .charts-grid .chart-card.visitor-chart tbody td{border-bottom:1px solid #e0e0e0;padding:12px}.admin-dashboard .charts-grid .chart-card.visitor-chart tbody tr:hover{background-color:#f9f9f9}.admin-dashboard .charts-grid .chart-card.visitor-chart .no-data{color:#888;font-style:italic;padding:16px;text-align:center}.admin-dashboard .charts-grid .chart-card.income-chart{width:100%}.admin-dashboard .charts-grid .chart-card.income-chart .income-stat{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.admin-dashboard>.header-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.admin-dashboard>.header-title select#period{background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:16px;margin-left:16px;outline:none;padding:8px 12px;transition:all .2s ease-in-out}.admin-dashboard>.header-title select#period:hover{border-color:#888}.admin-dashboard>.header-title select#period:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.2)}.admin-dashboard>.header-title .header-control{align-items:center;display:flex;justify-content:space-between;margin:2rem 0 3rem}.admin-dashboard>.header-title .header-control .search-wrapper{display:inline-block;position:relative;width:80%}.admin-dashboard>.header-title .header-control .search-wrapper i.disable{opacity:.5;pointer-events:none}.admin-dashboard>.header-title .header-control .search-icon{color:#666;font-size:1.7rem;pointer-events:none;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.admin-dashboard>.header-title .header-control input{border:1px solid #ccc;border-radius:4px;padding:8px 16px;width:100%}.admin-dashboard>.header-title .header-control>button{background-color:#349eff;border-radius:4px;color:#fff;padding:8px 16px;width:200px}.header-title .header-control{align-items:center;display:flex;justify-content:space-between;margin:2rem 0 3rem}.header-title .header-control .search-wrapper{display:inline-block;position:relative;width:80%}.header-title .header-control .search-wrapper i.disable{opacity:.5;pointer-events:none}.header-title .header-control .search-icon{color:#666;font-size:1.7rem;pointer-events:none;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.header-title .header-control input{border:1px solid #ccc;border-radius:4px;padding:8px 16px;width:100%}.header-title .header-control>button{background-color:#349eff;border-radius:4px;color:#fff;padding:8px 16px;width:200px}.admin-list td:first-child,.admin-list td:last-child,.admin-list th:first-child,.admin-list th:last-child{text-align:center;width:100px}.admin-list{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);margin-top:20px;max-width:100%;overflow-x:auto;padding:16px;width:100%}.admin-list table{border-collapse:collapse;font-size:14px;table-layout:auto;width:100%}.admin-list thead{background-color:#f9fafb;text-align:left}.admin-list td,.admin-list th{border-bottom:1px solid #e5e7eb;padding:12px 16px;white-space:nowrap}.admin-list th{color:#374151;font-size:13px;font-weight:600;text-transform:uppercase}.admin-list td{word-wrap:break-word;color:#4b5563}.admin-list tr:hover{background-color:#f3f4f6}.admin-list button{border:none;border-radius:10px;color:#fff;cursor:pointer;margin-right:8px;padding:8px;transition:color .2s}.admin-list button.edit{background-color:#cfcc10}.admin-list button.delete{background-color:#ef4444}.admin-list button.view{background-color:#22c55e}.admin-list .pagination{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:2rem}.admin-list .pagination .dot,.admin-list .pagination button{background-color:#f0f0f0;border:none;border-radius:3px;color:#333;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease-in-out}.admin-list .pagination button:hover:not(:disabled){background-color:#d0d0ff}.admin-list .pagination .page.active{background-color:#349eff;color:#fff;font-weight:700}.admin-list .pagination button:disabled{cursor:not-allowed;opacity:.4}.admin-list .pagination .dot{background:none;cursor:default;padding:6px 8px}.admin-list .pagination i{font-size:14px}.modal-input-wrap{margin-bottom:20px;width:100%}.modal-input-wrap label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.modal-input-wrap input,.modal-input-wrap select{border:1px solid #ccc;border-radius:5px;font-size:16px;outline:none;padding:10px;transition:border-color .3s;width:100%}.modal-input-wrap input:focus,.modal-input-wrap select:focus{border-color:#349eff;box-shadow:0 0 5px #349eff}.modal-input-wrap input::-webkit-input-placeholder{color:#888;font-style:italic}.modal-input-wrap input::placeholder{color:#888;font-style:italic}.modal-input-wrap button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.modal-input-wrap button:hover{background-color:#45a049}.modal-input-wrap button:disabled{background-color:#ddd;cursor:not-allowed}.modal-input-wrap input,.modal-input-wrap textarea{border:1px solid #d1d5db;border-radius:4px;padding:8px;width:100%}.modal-input-wrap textarea{min-height:100px;resize:vertical}.admin-header-title{align-items:center;display:flex;justify-content:space-between}.view-all-link{font-size:1.4rem;text-decoration:underline}.view-all-link:hover{color:#3b82f6}.parent{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.div2{grid-column-start:1;grid-row-start:2}.div3{grid-column-start:2;grid-row:span 2/span 2;grid-row-start:1}.service{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;padding:24px}@media only screen and (max-width:1024px){.service{flex-direction:column}}.service .service__left{flex:1 1}.service .service__right{display:flex;flex:1 1;flex-direction:column;gap:16px;width:100%}.service__section{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.1);margin-bottom:32px;padding:20px}.service__title{align-items:center;display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin-bottom:16px}.service__btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px}.service__btn--primary{background-color:#007bff;color:#fff}.service__btn--primary:hover{background-color:#0069d9}.service__btn--cancel{background-color:#6c757d;color:#fff}.service__btn--cancel:hover{background-color:#5a6268}.service__btn--accept{background-color:#28a745;color:#fff}.service__btn--accept:hover{background-color:#218838}.service__btn--reject{background-color:#dc3545;color:#fff}.service__btn--reject:hover{background-color:#c82333}.service__empty{color:#999;font-style:italic}.contact-item{border-bottom:1px solid #eee;padding:10px 0}.plus-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.plus-card{border:1px solid #ddd;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.plus-card__info{margin-bottom:12px}.plus-card__info h4{font-size:16px;margin:0}.plus-card__info p{color:#666;margin-top:4px}.plus-card__actions{display:flex;gap:10px;justify-content:flex-start}.notifi-textarea{width:100%}.notifi-textarea textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;height:120px;padding:10px;resize:vertical;width:100%}.notifi-field{width:100%}.service-manager{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.1);padding:20px}.service-manager .error{color:#ef4444;margin-bottom:16px}.service-manager .loading{color:#6b7280}.service-manager .table-container{margin:0 auto;max-width:1280px}.service-manager .table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;box-shadow:0 1px 3px rgba(0,0,0,.1);width:100%}.service-manager .table td,.service-manager .table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.service-manager .table th{background:#f3f4f6;font-weight:600}.service-manager .table td,.service-manager .table th{color:#374151;font-size:14px}.service-manager .table tr img{width:80px}.service-manager .table tr:hover{background:#f9fafb}.service-manager .table .actions{display:flex;gap:8px}.service-manager .no-data{color:#6b7280;padding:16px;text-align:center}.service-manager .btn{font-size:14px}.service-manager .no-banners{color:#6b7280}.service-manager .btn{border-radius:4px;cursor:pointer;padding:8px 16px;transition:background-color .2s}.service-manager .btn.primary{background-color:#3b82f6;color:#fff}.service-manager .btn.primary:hover{background-color:#2563eb}.service-manager .btn.primary:disabled{background-color:#93c5fd}.service-manager .btn.edit{background-color:#eab308;color:#fff}.service-manager .btn.edit:hover{background-color:#ca8a04}.service-manager .btn.delete{background-color:#ef4444;color:#fff}.service-manager .btn.delete:hover{background-color:#dc2626}.service-manager .btn.cancel{background-color:#d1d5db;color:#000}.service-manager .btn.cancel:hover{background-color:#9ca3af}.service-manager .modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.service-manager .modal-content{background:#fff;border-radius:8px;max-width:500px;padding:24px;width:100%}.service-manager .modal-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.service-manager .modal-body{display:flex;flex-direction:column}.service-manager .modal-input-wrap{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.service-manager .modal-input-wrap label{font-weight:500}.service-manager .modal-input-wrap input,.service-manager .modal-input-wrap textarea{border:1px solid #d1d5db;border-radius:4px;padding:8px;width:100%}.service-manager .modal-input-wrap textarea{min-height:100px;resize:vertical}.service-manager .modal-footer{display:flex;gap:8px;justify-content:flex-end}