@charset "UTF-8";:root{--color-primary: #2563EB;--color-secondary: #fff;--header-nav-color: rgba(255, 255, 255, .5);--color-text: #1F2937;--color-text-light: #6B7280;--color-error: #EF4444;--color-success: #14b8a6;--color-tab-hover: #E5E7EB}[data-theme=dark]{--color-primary: #2563EB;--color-secondary: #1b1c21;--header-nav-color: rgba(27, 28, 33, .5);--color-text: #dcdcdc;--color-text-light: #adb6c2;--color-error: #EF4444;--color-success: #14b8a6;--color-tab-hover: #282a31}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--color-secondary)}a{text-decoration:none}.miaw-page{width:100%;padding-left:110px}.miaw-page .saas-page{padding-top:80px;width:90%;height:100vh;margin:0 auto;max-width:1400px}@media screen and (max-width: 550px){.miaw-page{padding-left:0}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:var(--color-tab-hover)}::-webkit-scrollbar-thumb:hover{background:var(--color-tab-hover)}.sign-page{color:var(--color-text);height:100vh;padding:0 20px}.sign-page h1{padding-top:50px;text-align:center;font-size:40px;margin:0 0 10px}.sign-page .sign-page-form{margin-bottom:30px}.sign-page form{overflow:auto;margin:0 auto;width:45%;height:75%;min-width:200px;max-width:550px;padding:0 10px;animation:showForm .3s ease}.sign-page form div{text-align:center}.sign-page form div a{color:var(--color-primary);text-decoration:none}.sign-page form div a:hover{text-decoration:underline}@keyframes showForm{0%{opacity:0}to{opacity:1}}.sign-page ::-webkit-scrollbar{width:5px}.sign-page ::-webkit-scrollbar-track{position:absolute;right:-10px;background:none}.sign-page ::-webkit-scrollbar-thumb{background:var(--color-text);border-radius:20px}.sign-page .button-container{width:100%;text-align:center;margin-bottom:10px}.sign-page .sign-step-container{width:55%;min-width:580px;max-width:700px;margin:40px auto 0;transition:1s ease}.sign-page .sign-step-container p{margin:10px 0 0;color:var(--color-text-light)}@media screen and (max-width: 650px){.sign-page .sign-step-container{display:none}.sign-page form{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%}}.login-page{display:flex;align-items:center;justify-content:center}.login-page form{display:flex;flex-direction:column;justify-content:center}.software-page-container{width:100%;animation:openSoftware .5s}.software-page-container .software-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.software-page-container .software-head img{width:50px}.software-page-container .software-hero-banner{display:flex}.software-page-container .software-hero-banner h1{font-size:5em;margin:0;font-weight:600;color:var(--color-text)}.software-page-container .software-hero-banner p{font-size:19px;font-weight:100;color:var(--color-text-light)}.software-page-container .software-hero-banner .software-hero-banner-bottom{display:flex;width:100%}.software-page-container .software-hero-banner .software-hero-banner-bottom button{margin-right:20px}.software-page-container .software-hero-banner-right{padding-left:30px}.software-page-container .software-hero-banner-left{padding-right:50px}.software-page-container .software-hero-banner-content{display:flex;flex-direction:column;justify-content:space-between;width:50%}.software-page-container .software-hero-banner-content .software-interface{width:100%;height:100%;min-height:350px;box-shadow:0 4px 20px 8px #0006;background-size:cover;background-position:center}.software-page-container .shortcuts-list{margin-top:60px}.software-page-container .shortcuts-list h1{font-size:40px;margin-bottom:10px;color:var(--color-text)}@media screen and (max-width: 850px){.software-page-container .software-hero-banner{flex-direction:column;align-items:center}.software-page-container .software-hero-banner h1{font-size:3em}.software-page-container .software-hero-banner p{font-size:15px}.software-page-container .software-hero-banner button{font-size:14px}.software-page-container .software-hero-banner-content{padding:0;width:100%}.software-page-container .software-hero-banner-content .software-interface{min-height:150px;height:200px;margin-top:30px}.software-page-container .shortcuts-list h1{font-size:25px}}@keyframes openSoftware{0%{opacity:0}to{opacity:1}}.course-page-container{margin:0 auto;width:fit-content;display:flex;flex-direction:column;align-items:center}.course-page-container .user-course-page-header{display:flex;align-items:center;width:100%}.course-page-container .user-course-page-header img{width:50px;height:50px}.course-page-container .user-course-page-header h1{font-size:45px;color:var(--color-text);margin:0 0 0 20px}.user-page-container{display:flex}.vertical-nav-container{min-width:260px;width:fit-content}.vertical-nav-container .vertical-nav-tab{position:relative;display:flex;flex-direction:column;padding:15px;cursor:pointer;color:var(--color-text)}.vertical-nav-container .vertical-nav-tab .vertical-nav-tab-content{display:flex;justify-content:space-between}.vertical-nav-container .vertical-nav-tab .vertical-nav-tab-content div{display:flex;align-items:center}.vertical-nav-container .vertical-nav-tab .vertical-nav-tab-content .tag{background-color:#dbeafe;color:#1e40af;padding:0 5px;border-radius:20px;font-size:11px}.vertical-nav-container .vertical-nav-tab .vertical-nav-tab-content span{margin-left:6px}.vertical-nav-container .vertical-nav-tab .vertical-nav-tab-extends-container{padding:10px 10px 0;max-height:200px}.vertical-nav-container .vertical-nav-tab .vertical-nav-tab-extends-container div{margin-bottom:5px}.vertical-nav-container .vertical-nav-tab .vertical-nav-tab-extends-container span{color:var(--color-text);transition:.1s ease}.vertical-nav-container .vertical-nav-tab .vertical-nav-tab-extends-container span:hover{color:var(--color-primary)}.user-page{padding:20px;width:100%}@media screen and (max-width: 900px){.user-page-container{flex-direction:column;align-items:center}.vertical-nav-container{min-width:100%}.user-page{width:100%}}.speed-test-page-container{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;overflow:hidden;animation:openSpeed 1s}.speed-test-page-container h1{margin-top:80px;margin-bottom:0;font-size:80px;font-weight:400;color:var(--color-primary)}.speed-test-page-container button{margin:50px 0 80px}.speed-test-page-container .speed-line{position:relative;z-index:-1;width:80%;height:3px;background-color:var(--color-primary)}.speed-test-page-container .speed-line .speed-text-container{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:100%;overflow:hidden;transition:.5s ease}.speed-test-page-container .speed-line .speed-text-container .speed-text-line{display:flex;align-items:center;width:100%;height:50px;font-size:27px;transition:.5s ease;color:var(--color-text)}.speed-test-page-container .unavailable-page{display:none}@media screen and (max-width: 1050px){.speed-test-page-container .speed-line{width:100%}}@media screen and (max-width: 800px){.speed-test-page-container .unavailable-page{display:flex}}.speed-test-page-container .error-block{position:absolute;padding:5px;border-radius:10px;left:0;bottom:50px;background-color:var(--color-tab-hover);color:var(--color-error);font-weight:500;font-size:24px}@keyframes openSpeed{0%{opacity:0}to{opacity:1}}.end-modal-container{display:flex;justify-content:center;align-items:center;position:fixed;top:0;width:100%;height:100%}.end-modal-container .end-modal-content{display:flex;justify-content:space-between}.end-modal-container .end-modal{padding:15px;box-shadow:0 0 21px 7px #0000004d;background-color:var(--color-secondary)}.end-modal-container .end-modal-right{display:flex;align-items:center}.end-modal-container .chakra-progress{display:flex}.end-modal-container .end-modal-left{position:relative}.end-modal-container .circular-progress-content{position:absolute;left:52px;top:60px;display:flex;flex-direction:column;align-items:center}.end-modal-container .circular-progress-content h1{margin:0 0 7px;color:var(--color-text);font-size:37px;font-weight:700}.end-modal-container .circular-progress-content span{font-size:20px;color:var(--color-text-light);font-weight:500}.end-modal-container .end-modal-bottom{display:flex;justify-content:center}.end-modal-container .end-modal-bottom button{margin:0}.stat-block{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100px;height:100px;margin:0 10px;padding:10px;border:7px solid}.stat-block .stat-block-back{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3}.stat-block h3{z-index:1;font-size:45px;font-weight:500;color:var(--color-text);margin:0}.stat-block span{z-index:1;font-size:20px;color:var(--color-text)}.knowledge-test-container{display:flex}.knowledge-test-container .knowledge-test-left{display:flex;align-items:center;justify-content:center;width:50%}.knowledge-test-container .knowledge-test-left .knowledge-test-start-container{position:absolute;z-index:10}.knowledge-test-container .knowledge-test-left ul{width:auto;height:550px;overflow:hidden}.knowledge-test-container .knowledge-test-left ul li{min-height:110px;transition:.5s ease}.knowledge-test-container .knowledge-test-left ul :before{-webkit-flex:0}.knowledge-test-container .knowledge-test-left ul .timeline-left{display:flex;align-items:center;margin-right:25px;color:var(--color-text)}.knowledge-test-container .knowledge-test-left ul span{color:var(--color-text)}.knowledge-test-container .knowledge-test-left ul p{color:var(--color-text-light)}.knowledge-test-container .knowledge-test-right{display:flex;flex-direction:column;align-items:center;width:50%;padding:0 50px}.knowledge-test-container .knowledge-test-right .keyboard-input-container{display:flex;align-items:flex-end;width:80%}.knowledge-test-container .knowledge-test-right h1{margin-top:80px;margin-bottom:40px;font-size:80px;font-weight:400;color:var(--color-primary)}.knowledge-test-container .knowledge-test-right .form-input{width:100%}.knowledge-test-container .knowledge-test-right button{margin-left:10px}.knowledge-test-container .knowledge-test-right .knowledge-test-right-bottom{margin-top:30px}.knowledge-test-container .knowledge-test-right .knowledge-test-right-bottom button{margin:0 5px}.knowledge-test-container .knowledge-test-right .knowledge-test-right-stat{display:flex;margin-top:30px}.knowledge-test-container .unavailable-page{left:0;display:none}@media screen and (max-width: 800px){.knowledge-test-container .unavailable-page{padding-left:105px;display:flex}.knowledge-test-container .knowledge-test-left,.knowledge-test-container .knowledge-test-right{display:none}}@media screen and (max-width: 550px){.knowledge-test-container .unavailable-page{padding-left:0}}.admin-page-container{display:flex}.admin-page{width:100%;padding:0 20px}.admin-page .css-s7u8s0-MuiPaper-root{width:100%}.admin-page .image-container{display:flex}.admin-page input,.admin-page select{width:400px}.admin-page .form-input{margin-right:15px}.admin-page textarea{font-size:17px;background:none;outline:none;border:1px solid var(--color-tab-hover);border-radius:10px;min-width:400px;max-width:400px;min-height:120px;max-height:120px;color:var(--color-text);font-family:Inter,sans-serif;padding:10px;box-shadow:1px 1px 5px #0000001a}.admin-page textarea.active{border-color:var(--color-primary);box-shadow:0 0 0 5px #2563eb33}.admin-page button{margin-top:20px}@media screen and (max-width: 915px){.admin-page-container{flex-direction:column;align-items:center}.admin-page{text-align:center}.admin-page .image-container{flex-direction:column;align-items:center}.admin-page input,.admin-page select{width:100%}.admin-page textarea{width:100%;min-width:100%;max-width:100%}}.home-container{animation:openHome 1s}.home-container .home-content{display:flex;flex-wrap:wrap}@media screen and (max-width: 800px){.home-container .home-content{justify-content:center}}@keyframes openHome{0%{opacity:0}to{opacity:1}}.add-to-fav-container{display:flex;align-items:center;justify-content:center;min-width:250px;padding:10px;border:2px dashed var(--color-primary);border-radius:10px;cursor:pointer;margin:10px 15px;box-shadow:0 4px 10px 8px #0000001a;transition:.1s ease}.add-to-fav-container:hover{background-color:#2563eb33}.app-card-container{background-color:var(--color-secondary);margin:10px 15px;border-radius:10px;padding:10px;box-shadow:0 4px 10px 4px #0000001a;min-width:250px}.app-card-container .app-card-footer{display:flex;justify-content:space-between;width:100%;height:100%;padding:0 10px}.app-card-container .app-card-footer .app-card-footer-left{display:flex;align-items:center}.app-card-container .app-card-footer .app-card-footer-left img{width:30px;height:30px}.app-card-container .app-card-footer .app-card-footer-left span{margin-left:10px;width:110px;color:var(--color-text-light);font-size:15px;padding-right:5px}.app-card-container .app-card-footer .app-card-footer-right{display:flex;align-items:center}.app-card-container .app-card-footer .app-card-footer-right button{padding:8px 10px}.app-modal-container{position:fixed;top:0;left:0;padding-left:105px;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:100}.app-modal-container .modal-content{width:70%;height:70%;background-color:var(--color-secondary);box-shadow:0 4px 20px 8px #0006;border-radius:25px;padding:20px;overflow:auto}.app-modal-container .modal-header{width:100%;display:flex;justify-content:flex-end}.app-modal-container .modal-header svg{cursor:pointer}.app-modal-container .modal-content-all-app{display:flex;align-items:center;flex-wrap:wrap}.app-tab{display:flex;align-items:center;border:2px solid var(--color-tab-hover);width:fit-content;padding:10px 20px;border-radius:7px;font-size:23px;margin:10px;color:var(--color-text-light);cursor:pointer;transition:.1s ease}.app-tab svg{margin-right:5px}@media screen and (max-width: 800px){.app-modal-container .modal-content-all-app{justify-content:center}.app-tab{font-size:14px}}@media screen and (max-width: 550px){.app-modal-container{padding-left:0}}.app-tab:hover{background-color:var(--color-tab-hover)}.user-profile-page{width:100%}.user-profile-page .user-profile-header{display:flex;align-items:center;width:100%}.user-profile-page .picture-profile{width:200px;height:200px;background-size:cover;border-radius:50px;margin-right:10px}.user-profile-page .user-profile-header-right h1{font-size:80px;color:var(--color-primary)}.user-profile-page .user-profile-content{width:100%;color:var(--color-text)}.user-profile-page .user-profile-content h3{font-size:25px;font-weight:100}@media screen and (max-width: 800px){.user-profile-page .user-profile-header{flex-direction:column}.user-profile-page .user-profile-header-right h1{font-size:60px;margin:10px 0}.user-profile-page .user-profile-content{text-align:center}.user-profile-page .user-profile-content h3{font-size:18px;font-weight:100}}.landing{padding:70px 40px 0;min-height:100vh}.landing-page{padding-top:20px;margin:0 auto;width:100%;max-width:1100px}.landing-page .landing-page-head{width:100%}.landing-page .badge-container{width:100%;display:flex}.landing-page .badge{display:flex;align-items:center;padding:10px;border:2px solid var(--color-tab-hover);width:fit-content;border-radius:12px;margin-left:20vw}.landing-page .badge img{width:40px}.landing-page .badge span{font-size:20px;font-weight:600;margin-left:30px;color:var(--color-primary)}.landing-page .title-container{text-align:center;padding:0 150px}.landing-page .title-container h1{margin-top:0;font-size:40px;font-weight:600;color:var(--color-text);margin-bottom:15px}.landing-page .title-container span{font-size:18px;color:var(--color-text-light)}.landing-page .app-interface-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:30px}.landing-page .app-interface-container img{width:100%;margin-top:-20px;z-index:-1;border-radius:15px}.landing-page .app-interface-container button{background-color:var(--color-secondary)}.footer-container{text-align:center;width:100%;padding:30px}.footer-container a{font-size:13px;transition:.2s ease;color:var(--color-text-light);text-decoration:none}.footer-container a:hover{color:var(--color-primary)}.footer-container a:visited{color:var(--color-text-light)}.footer-container a:visited:hover{color:var(--color-primary)}@media screen and (max-width: 950px){.landing{display:flex;align-items:center}.landing-page .badge-container{flex-direction:column;align-items:center}.landing-page .badge-container .badge{margin-left:0;margin-bottom:20px}.landing-page .title-container{padding:0}.landing-page .title-container h1{font-size:30px}.landing-page .title-container span{font-size:15px}.landing-page .app-interface-container img{width:100%}.landing-page .app-interface-container button{font-size:12px}}@media screen and (max-width: 450px){.landing-page .title-container h1{font-size:20px}.landing-page .title-container span{font-size:13px}.landing-page .app-interface-container button{font-size:10px}}.unavailable-page{z-index:10;padding:0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;width:100%;height:100vh;background-color:var(--color-secondary)}.unavailable-page h1{margin:0;color:var(--color-primary);font-size:130px}.unavailable-page span{text-align:center;font-size:20px;color:var(--color-text-light)}.form-input{display:flex;flex-direction:column}.form-input label{margin:12px 0;font-weight:600;color:var(--color-text)}.text-input input{padding:15px;border:2px solid var(--color-tab-hover);border-radius:8px;font-size:15px;outline:none;transition:.1s ease;box-shadow:1px 1px 5px #0000001a;background:none}.text-input input.active{border-color:var(--color-primary);box-shadow:0 0 0 5px #2563eb33}.select-input select{padding:15px;border:1px solid var(--color-tab-hover);border-radius:8px;font-size:15px;outline:none;transition:.1s ease;box-shadow:1px 1px 5px #0000001a;background:none;color:var(--color-text)}.select-input option{margin-top:30px;padding:10px}.select-input select.active{border-color:var(--color-primary);box-shadow:0 0 0 5px #2563eb33}.os-input .os-container{display:flex;border:1px solid var(--color-tab-hover);border-radius:8px;transition:.1s ease;box-shadow:1px 1px 5px #0000001a}.os-input .os-container .bar{width:1px;height:200px;background-color:var(--color-tab-hover)}.os-input .os-content{display:flex;justify-content:center;align-items:center;width:50%;height:200px;transition:.1s ease;cursor:pointer}.os-input .os-content:hover{background-color:var(--color-tab-hover)}.os-input img{width:85px}.file-upload-input .file-upload-container{position:relative;padding:20px 55px;width:fit-content;background-color:var(--color-tab-hover);border:1px solid var(--color-primary);border-radius:15px;text-align:center}.file-upload-input .file-upload-container p{font-weight:600}.file-upload-input .file-upload-container span{color:var(--color-primary)}.file-upload-input input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.pass-progress-container{margin-top:15px;display:flex;height:9px}.pass-progress-container div{height:100%;width:100%;margin:0 2px;background-color:var(--color-tab-hover);border-radius:6px;transition:.1s ease}.submit-button{width:fit-content;font-size:16px;font-weight:500;color:#fff;background-color:var(--color-primary);border:none;border-radius:7px;padding:10px 17px;cursor:pointer;transition:.1s ease}.submit-button:hover{box-shadow:0 0 0 5px #2563eb33}.side-bar-container{display:flex;position:fixed;height:100vh;z-index:110}.side-bar-container .side-bar-logo{width:45px;margin-top:5px;margin-bottom:15px}.side-bar-container .small-side-bar{display:flex;flex-direction:column;align-items:center;box-shadow:-44px 0 15px 36px #000;width:105px;padding:20px 30px;height:100%;z-index:100;background-color:var(--color-secondary)}.side-bar-container .tab-container{margin:2px 0;padding:9px 17px;border-radius:10px;cursor:pointer;transition:.2s ease}.side-bar-container .tab-container svg{color:red}.side-bar-container .tab-container:hover{background-color:var(--color-tab-hover)}.side-bar-container span{font-size:20px;color:var(--color-text-light);margin-bottom:15px}.side-bar-container .side-bar-expand-container{position:absolute;left:-400px;padding:20px;width:310px;height:100%;background-color:var(--color-secondary);box-shadow:1px 0 10px -3px #000;transition:.2s;z-index:99;overflow:auto}.side-bar-container .side-bar-expand-container h2{font-size:30px;margin:0;color:var(--color-primary)}.side-bar-container .side-bar-expand-container .side-bar-expand-top{display:flex;justify-content:space-between;align-items:center;width:100%}.side-bar-container .side-bar-expand-container .side-bar-expand-top svg{cursor:pointer}.side-bar-container .side-bar-expand-container .side-bar-expand-content{margin-top:30px;width:100%}.expand-tab-container{display:flex;flex-direction:column;width:100%;padding:0 20px;transition:.2s ease}.expand-tab-container .expand-tab-title{display:flex;align-items:center;width:100%;height:30px;transition:.2s ease;color:var(--color-text)}.expand-tab-container .expand-tab-title svg{transition:.2s ease;cursor:pointer;color:var(--color-text)}.expand-tab-container .expand-tab-title .toggle-container{display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;padding:0 10px;font-size:20px}.expand-tab-container .expand-tab-title .toggle-container .toggle-button{display:flex;align-items:center;transition:.2s ease}.expand-tab-container .expand-tab-content-container{padding:12px;width:100%}.expand-tab-container .expand-tab-content-container .expand-tab-content{width:100%;border-left:3px solid var(--color-tab-hover)}.expand-tab-container .expand-tab-content-container .expand-tab .tab{margin-left:10px;padding:12px;width:220px;border-radius:10px;cursor:pointer;transition:.2s ease}.expand-tab-container .expand-tab-content-container .expand-tab .tab:hover{background-color:var(--color-tab-hover)}.expand-tab-container .expand-tab-content-container .expand-tab span{color:var(--color-text)}@media screen and (max-width: 550px){.side-bar-container{display:none}}.nav-button{background:none;padding:14px;font-size:17px;font-weight:600;cursor:pointer;border:2px solid;border-radius:10px;transition:.2s ease;outline:none}.shortcut-container{width:75%;border:2px solid var(--color-tab-hover);border-radius:20px;margin-bottom:30px}.shortcut-container .shortcut-nav{position:relative;display:flex;width:100%;height:60px;border-bottom:2px solid var(--color-tab-hover)}.shortcut-container .shortcut-nav .tab{display:flex;justify-content:center;align-items:center;width:50%;font-size:20px;font-weight:500;cursor:pointer;color:var(--color-text);text-align:center}.shortcut-container .shortcut-nav .tab-bottom-bar{position:absolute;top:58px;width:50%;height:2px;background-color:var(--color-primary);transition:.1s ease}.shortcut-container .shortcut-content{padding:20px}.shortcut-container .shortcut-content h3{font-size:26px;font-weight:100;margin:0;color:var(--color-text)}.shortcut-container .shortcut-content p{margin:10px 0 0;font-size:20px;color:var(--color-text-light)}@media screen and (max-width: 1000px){.shortcut-container{width:100%}}.all-keys-container{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%}.all-keys-container .keys{display:flex;color:var(--color-text)}.all-keys-container .keys .more{margin-right:6px}.key-container{font-size:15px;background-color:var(--color-tab-hover);padding:2px 7px;border-radius:5px;margin-right:8px}.button-group-container{width:fit-content;box-shadow:0 0 8px -6px #000000b3}.button-group-container button{padding:10px;font-size:18px;border:2px solid var(--color-tab-hover);background:none;cursor:pointer;color:var(--color-text)}.button-group-container button:hover{background-color:var(--color-tab-hover)}.header-nav-container{position:fixed;display:flex;align-items:center;right:0;top:0;height:75px;width:100%;padding:0 30px;z-index:100;background-color:var(--header-nav-color)}.header-nav-container .header-nav-logo{width:45px}.header-nav-container .header-nav{display:flex;align-items:center;justify-content:flex-end;width:100%;height:100%}.header-nav-container .nav-tab{color:var(--color-text);margin:0 15px;cursor:pointer;transition:.1s ease}.header-nav-container .nav-tab:hover{color:var(--color-primary)}.header-nav-container .search-icon{margin:0 20px;cursor:pointer}.header-nav-container .buttons-container{display:flex}.header-nav-container .buttons-container button{padding:10px;display:flex;align-items:center;font-size:16px;outline:none;border-radius:7px;border:1px solid var(--color-tab-hover);font-weight:500;margin-left:10px;color:var(--color-text);cursor:pointer;box-shadow:1px 1px 5px #0000004d;background:none;transition:.1s ease}.header-nav-container .buttons-container button svg{margin-right:10px}.header-nav-container .btn-no-back:hover{background-color:var(--color-tab-hover)}.header-nav-container .nav-hamburger{display:none;flex-direction:column;width:22px;cursor:pointer;z-index:100}.header-nav-container .nav-hamburger span{background:var(--color-text);border-radius:10px;height:2px;margin:3px 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6)}.header-nav-container .nav-hamburger span:nth-of-type(1){width:11px}.header-nav-container .nav-hamburger span:nth-of-type(2){width:22px}.header-nav-container .nav-hamburger span:nth-of-type(3){width:16.5px}.header-nav-container .nav-hamburger.active span:nth-of-type(1){transform-origin:bottom;transform:rotate(47deg) translate(3px)}.header-nav-container .nav-hamburger.active span:nth-of-type(2){transform-origin:top;transform:rotate(-50deg)}.header-nav-container .nav-hamburger.active span:nth-of-type(3){transform-origin:bottom;width:11px;transform:translate(10px,-5px) rotate(52deg)}.header-nav-container .header-nav-right{z-index:-1;display:none;position:absolute;width:250px;height:100vh;background-color:var(--color-secondary);box-shadow:1px 0 10px #0000004d;right:-250px;top:0;text-align:center;padding:75px 0 0;transition:.3s ease}.header-nav-container .header-nav-right .nav-tab{margin:20px 0}.header-nav-container .header-nav-right .buttons-container{flex-direction:column}.header-nav-container .header-nav-right .buttons-container button{display:flex;justify-content:center;width:50%;margin:10px auto}@media screen and (max-width: 540px){.header-nav-container{justify-content:space-between}.header-nav-container .header-nav{display:none}.header-nav-container .nav-hamburger{display:flex}.header-nav-container .header-nav-right{display:block}}