:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#f8f8f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}a{font-weight:500;color:#646cff;text-decoration:inherit;background-color:#f8f8f8}body{margin:0;display:flex;place-items:center}ul,ol{list-style:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}#root{max-width:100%;height:100%}.main-container{width:1262px;height:100%;margin:0 125.4px;padding-top:80px}.logo{color:#000}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.qr_Code{padding:0 0 0 10px}.content{display:flex;height:100%}.section{padding-bottom:72px;max-width:935px;width:100%;flex:1 1 0%;display:flex;flex-direction:column}.title-home-section{display:grid;grid-template-columns:1fr auto;align-items:center;padding:4px 40px 5px 26px;color:#000}.title-home-section-children{margin:0%;font-weight:700;font-size:22px;line-height:1.3}.logo-myqrcode-img{width:210px;height:62px}.card-section-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 35px 70px}.template-selector__item-container{box-shadow:#0c253626 0 1px 15px;border-radius:10px;padding:16px 15px 16px 20px;width:100%;height:100%;display:grid;grid-template-columns:auto 1fr;gap:15px;word-break:break-word;text-align:start;align-items:center;border:#fff;transition:.3s;background-color:#fff;color:#000;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer}.template-selector__item-container:hover{background-color:#5d82d5;color:#fff}.template-selector__item-container-logo{display:flex;align-items:center;width:40px;height:58px}.template-selector__item-container-logo img{width:100%}.template-selector__item-container-title{display:flex;flex-direction:column;justify-content:center}.template-selector__item-container-text .template-selector__item-container-text-title{font-size:18px;font-weight:700;line-height:1.3;margin:0}.template-selector__item-container-text .template-selector__item-container-text-subtitle{font-size:15px;font-weight:400;line-height:1.3;margin:0}.phone{max-height:100%;display:flex;position:fixed;flex-direction:column;right:calc(50% - 690px)}.phone_change-lockup{display:flex;flex-direction:column;justify-content:flex-start;height:100%;max-height:100%;overflow:hidden;align-items:center;position:relative;right:-50px}.template-preview-scroll-container{overflow:hidden;max-height:100%;padding:31px 10.54px 102px 27px;border-radius:40px}.template-preview-preview-box{aspect-ratio:276 / 559;border-radius:48px;overflow:hidden;display:flex;flex-direction:column;position:relative;padding:11px 14px}.template-preview-content{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.template-preview-content-wrapper{padding-top:69px;left:6.9%;flex:1 1 0%;width:67.2%;overflow:hidden;z-index:0;position:absolute}img.template-preview-content-wrapper-phone-img{width:80%}img.template-preview-content-wrapper_image{width:100%;height:425px}.header{background-color:#f8f8f8;transition:background-color .3s;position:fixed;width:100%;left:0;top:0;z-index:100}.container-header{display:flex;justify-content:space-between;margin:0 auto;max-width:1256px;width:100%}.dark-light .click-dark-light{display:inline-flex;justify-content:center;align-items:center;padding:3px 7px 4px 4px;font-weight:500;font-size:15px;line-height:18px;border:2px solid rgb(93,130,213);border-radius:100px;color:#5d82d5;cursor:pointer;gap:4px;background:none;transition:.3s}.dark-light{padding:15px 30px 0}.click-dark-light:hover{color:#fff;background-color:#5d82d5}.header.scrolled{background-color:#333;position:fixed;width:100%;left:0;top:0;z-index:100;box-shadow:#27333b1f 0 1px 18px;background-color:#fff}.avatar{margin-bottom:0rem}.css-b62m3t-container{top:22px;right:-370px;height:31px}canvas{text-align:center;justify-content:center;overflow:hidden;display:flex;width:220px;margin:13px 0 0 13px;border-radius:15px}.card-section_container{display:flex;flex-direction:column;gap:20px;padding:var(--form-container-padding, 10px 6px 0 0);justify-content:flex-start;padding:14px 35px 0}.card-section_styled{padding:0 35px 10px}.card-section-url_title{padding:30px 40px;box-shadow:#0c253626 0 1px 15px;border-radius:10px;background:#fff}.card-section-logo_title{padding:30px 40px;box-shadow:#0c253626 0 1px 15px;border-radius:10px;background:#fff;margin-top:20px}.card-section-url_title-text{display:flex;flex-direction:column;gap:6px}.mui-styled-title{font-weight:700;font-size:18px;line-height:1.3;margin:0}.mui-styled-title_children{color:#424a5c;font-size:16px;line-height:1.3;font-weight:400}.mui-styled-content_text{display:grid;width:100%;box-sizing:border-box;align-content:start}.mui-styled-content-text_inputPage{min-height:50px;height:unset;padding:0;width:100%;border-radius:6px}.mui-styled-content-text_inputPage_muiInputBase{padding:15px 24px;font-weight:400;font-size:16px;line-height:1;box-sizing:border-box;height:50px;border-radius:6px;width:100%;border:1px solid #D9DCE1;background-color:#fff;color:#000}.mui-styled-content-inputPage_muiInputBase::-moz-placeholder{color:#8e9296}.mui-styled-content-inputPage_muiInputBase::placeholder{color:#8e9296}@media (min-width: 1263px){.mui-style-1i4prwf{padding:9px 35px 70px}}.mui-styled-content_handleInput{display:grid;width:100%;box-sizing:border-box;align-content:start}.mui-styled-content_handleInput_Page{min-height:50px;height:unset;padding:0;width:100%;border-radius:6px}.mui-styled-title_URL{margin-bottom:10px;color:#1e1d20;font-weight:500;font-size:16px;line-height:130%}hr{background:#ccc;margin-bottom:35px}.mui-styled-content_handleInput_Page-URL{padding:15px 24px;font-weight:400;font-size:16px;line-height:1;box-sizing:border-box;border-radius:6px;width:100%;border:1px solid #D9DCE1;background-color:#fff;color:#000}.dotType-button{border-radius:10px;margin:10px;padding:26px;border:1px solid #ccc;background-color:#fff;cursor:pointer}.dotType-button.selected{border:2px solid #5d82d5}.dotType-image{width:50px;height:50px}.cornerSquareType-button{border-radius:10px;margin:10px;padding:18px;border:1px solid #ccc;background-color:#fff;cursor:pointer}.cornerSquareType-button.selected{border:2px solid #5d82d5}.cornerSquareType-image{height:31px}.card-section_BgDotType{align-items:center;padding:0 0 25px}.color-picker{align-items:center;margin-bottom:20px}.color-picker label{margin-right:10px}.color-picker_dopdown{padding:0 24px 3px 15px}.color-picker input[type=color]{margin-right:5px}.color-code{border:none;background-color:#fff;color:#1e1d20;padding:5px;font-size:14px}input.dotColor{width:11%;border-radius:33%;height:60px;left:192%;top:4px;z-index:1;overflow:hidden;background:#fff}input.bgColor{width:11%;border-radius:33%;height:60px;left:210%;top:4px;z-index:1;overflow:hidden;background:#fff}input.bgDotType{width:11%;height:60px;left:200%;border-radius:33%;top:4px;z-index:1;overflow:hidden;background:#fff}input.bgSquareType{width:11%;height:60px;left:190%;border-radius:33%;top:4px;z-index:1;overflow:hidden;background:#fff}.color-code{border:none;background-color:#fff;color:#1e1d20;font-size:14px;position:absolute;border:1px solid #D9DCE1;padding:25px 80% 19px 25px;border-radius:9px}.color-picker_dopdown{padding:0 0 40px 7px;position:relative}.card-section_cornerSquareType{display:flex;justify-content:space-between;margin-right:15%}.card-section_logoType-input{width:50%}.LogoType-button{border-radius:10px;margin:10px 6px 0 2px;border:none;background-color:#fff;border:2px solid #ddd;cursor:pointer}.LogoType-button:hover{border-radius:10px;border:2px solid #7793d6}.LogoType-button.selected{border:2px solid #5d82d5}.LogoType-image{width:38px;height:40px}.card-section_logoType{display:flex;justify-content:space-between;margin-right:6%}.card-section_logoType-window{border-radius:8px}.mui-styled-title_URL{font-size:16px;font-weight:700;color:#333;margin-bottom:10px}.logoUpLoad{width:100%;font-size:14px;border:1px solid #ccc;border-radius:4px;background-color:#fff;margin-top:5px;cursor:pointer;height:70px;padding:41px 0 0 20px}.downloadQRCode{display:flex;margin-top:11px}.DoneQRCode{margin:0 0 0 10px;color:#fff;cursor:pointer;background:#5d82d5;border:none;height:55px;font-size:20px;font-weight:700;width:165px;padding:10px 10px 13px 11px;border-top-left-radius:5px}.wrapper_select{margin:0 0 0 4px;color:#fff;cursor:pointer;background:#5d82d5;border:none;height:55px;font-size:11px;position:absolute;font-weight:700;width:64px;padding:10px 10px 13px;border-top-right-radius:5px;left:69.6%}.dotname{margin-right:260px}.mui-styled-content_handleInput_Page-Text{padding:15px 24px;font-weight:400;font-size:16px;line-height:1;box-sizing:border-box;height:126px;border-radius:6px;width:100%;border:1px solid #D9DCE1;background-color:#fff;color:#000}.hidden{display:none}.qr-container{max-height:341px;overflow-y:auto;border:1px solid #ccc;width:260px}.qr-item{margin-bottom:20px;padding:0 0 0 10px}.Container_Login{display:flex;align-items:center;justify-content:center;background:#5d82d5;font-family:Poppins,sans-serif;width:217vh;height:100vh}.auth-image{padding:30px 0;width:100%;background:#5d82d5;border-radius:10px;height:90%;margin:10px 0}.Container_Register{display:flex;align-items:center;justify-content:center;background:#5d82d5;font-family:Poppins,sans-serif;width:217vh;height:100vh}.form-container{width:1000px}.title,.slogan{text-align:center}.btn{width:100%}.auth-image{padding:100px 0 30px;width:100%;background:#5d82d5;border-radius:10px;height:90%}.alert{margin-bottom:1.5rem}.list-qr{margin:0 20px 0 0}.menu_listqr{display:flex;gap:20px}.dashboard{overflow-y:scroll;height:100vh;padding:0 0 0 24px}.ant-layout.ant-layout-has-sider.css-dev-only-do-not-override-77tu7h{height:100vh}main.ant-layout-content.css-dev-only-do-not-override-77tu7h{width:1448px;padding:0!important;margin:0!important}.ant-btn.css-dev-only-do-not-override-77tu7h.ant-btn-text.ant-btn-color-default.ant-btn-variant-text{font-size:0px;width:0px;height:0px;display:block}.Dropdown{display:flex;align-items:center;gap:10px}:where(.css-dev-only-do-not-override-77tu7h).ant-btn{display:flex;flex-direction:column;margin:10px 0}:where(.css-dev-only-do-not-override-77tu7h).ant-image .ant-image-img{width:100px}.dashboard{overflow-y:scroll;height:100vh;overflow-x:hidden;width:1448px;padding:0 0 0 40px;background:#f2eeee}h2.ant-typography.css-dev-only-do-not-override-77tu7h{font-weight:700}.menu_analyze{display:flex;gap:30px}.ant-select.ant-select-outlined.css-dev-only-do-not-override-77tu7h.ant-select-single.ant-select-show-arrow{width:300px!important;height:65px}.total_qr{display:flex;gap:30px}.total_qrcode{width:450px}.menu_time{display:flex}.menu_down{justify-content:space-between;display:flex}.export-buttons{display:flex;gap:10px;margin:0 20px 0 0;margin-top:0!important}.device_scansqrcode{display:flex;gap:20px}canvas{margin:0!important}.ant-card-body{padding:0 24px!important}.Pie{width:305px;display:flex;margin:20px 0 0 17px;justify-content:center;align-items:center}h4.ant-typography.css-dev-only-do-not-override-77tu7h{margin-bottom:19px}.ant-table-wrapper.css-dev-only-do-not-override-77tu7h{width:98%}.creatQR_menu_listqr{display:flex;justify-content:space-between}.createQR{margin:0 30px 0 0}button.ant-btn.css-dev-only-do-not-override-77tu7h.ant-btn-primary.ant-btn-dangerous.ant-btn-color-dangerous.ant-btn-variant-solid{margin:0 0 20px}main.ant-layout-content.css-77tu7h{padding:0!important;margin:0!important}td.ant-table-cell{width:0%}ul.ant-dropdown-menu.ant-dropdown-menu-root.ant-dropdown-menu-vertical.ant-dropdown-menu-light.css-77tu7h{display:flex;flex-direction:column;gap:10px}main.ant-layout-content.css-77tu7h{width:1445px!important}.Container_Dashboard{margin:24px;display:flex;align-items:center;justify-content:center;background:#5d82d5;font-family:Poppins,sans-serif;height:93vh;border-radius:15px}.profile-card{width:500px}.username{text-transform:capitalize}.profile-btn{margin-top:1.3rem;width:100%}.profile{padding:30px 0;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}span.ant-typography.ant-typography-secondary.css-dev-only-do-not-override-77tu7h{padding:5px}