@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden;background-color:#e5e5e6;min-height:100%;height:auto;width:100%;overflow-y:auto;overflow-x:auto}@supports (-webkit-touch-callout:none){body,html{height:-webkit-fill-available;min-height:-webkit-fill-available}}@media screen and (max-width:1024px){body,html{position:fixed;width:100%;height:100%;overflow:hidden;box-sizing:border-box;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.mobile-toolbar{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box}.mobile-main-content{box-sizing:border-box!important;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)!important;width:100vw!important}}.black-text{color:#000!important}.equal-width{width:33%!important;text-align:center}a{text-decoration:none}*,a{padding:0;margin:0}*{box-sizing:border-box}@media screen and (max-device-width:480px){body{-webkit-text-size-adjust:100%}}@media (prefers-color-scheme:dark){body{color:#000;background-color:#e5e5e6}}#whole-page{display:flex;flex-direction:column}.toggle-demo-live{right:47px;width:153px}.toggle-demo-live,.toggle-switch{position:absolute;top:14px;height:34px}.toggle-switch{right:77px;width:143px}.toggle-demo-live-checkbox,.toggle-switch-checkbox{display:none}.toggle-demo-live-label,.toggle-switch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #999;border-radius:15px;background-color:#fff}.toggle-switch-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0s}.toggle-switch-inner:after,.toggle-switch-inner:before{display:block;float:left;width:50%;height:30px;padding:0;line-height:30px;font-size:15px;font-family:Roboto,sans-serif;font-weight:400;color:#fff;box-sizing:border-box}.toggle-switch-inner:before{content:"Login Required";padding-left:10px;background-color:#e5e5e6;color:#000}.toggle-switch-inner:after{content:"Security OFF";padding-right:10px;background-color:#ff453a;color:#fff;text-align:right}.toggle-demo-live-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0s}.toggle-demo-live-inner:after,.toggle-demo-live-inner:before{display:block;float:left;width:50%;height:30px;padding:0;line-height:30px;font-size:15px;font-family:Roboto,sans-serif;font-weight:400;color:#fff;box-sizing:border-box}.toggle-demo-live-inner:before{content:"Live Data Only";padding-left:10px;background-color:#e5e5e6;color:#000}.toggle-demo-live-inner:after{content:"Use Demo Data";padding-right:10px;background-color:#27aae1;color:#000;text-align:right}.toggle-demo-live-checkbox:checked+.toggle-demo-live-label .toggle-demo-live-inner,.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-inner{margin-left:0}.toggle-switch-switch{right:109px}.toggle-demo-live-switch,.toggle-switch-switch{display:block;width:18px;margin:8px;background:#fff;position:absolute;top:0;bottom:0;border:2px solid #999;border-radius:20px;transition:all .3s ease-in 0s}.toggle-demo-live-switch{right:119px}.toggle-demo-live-checkbox:checked+.toggle-demo-live-label .toggle-demo-live-switch,.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch{right:0}.outside{background-color:#e5e5e6;height:100%;overflow:auto;position:relative}.project-list{padding:10px;display:flex;flex-direction:row}.project-list-left{display:flex;height:100%;justify-content:start}.project-list-right{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:start}.project-btn{align-content:center;min-width:225px;min-height:225px;display:flex;flex-direction:column;justify-content:space-between}.project-btn,.project-btn-new{margin:6px;border-radius:7px;color:#295dff;box-shadow:0 3px 10px rgba(0,0,0,.35);background-color:#fff;font-family:Roboto,sans-serif;font-weight:700}.project-btn-new{align-content:left;min-width:100px;min-height:150px}.project-btn-name{padding:3px 3px 3px 5px;height:24px}.project-btn-remainder{display:flex;flex:1;flex-direction:row;justify-content:space-between}.project-btn-left{display:flex;flex:1;border-radius:0 0 0 8%;width:80px}.project-btn-right{display:flex;flex:1;justify-content:space-between;flex-direction:column}.project-delete{margin:6px;padding:3px;border-radius:5px;color:#fff;align-content:center;background-color:#595a5c;min-width:50px;min-height:18px;font-family:Roboto,sans-serif;font-weight:400;height:25px}.project-delete:hover{background-color:#b22222;cursor:pointer}.nav-item,.nav-item-selected{list-style:none;color:#595a5c;margin-right:15px;font-family:Roboto,sans-serif;font-weight:700}.nav-item-selected{border-bottom:2px solid #595a5c}.nav-item a:hover,.nav-item:focus{color:#000}.nav-item:focus{border-bottom:3px solid #000}#nav-bar{display:flex;align-items:center;padding:0;background-color:#babcbe;justify-content:space-between;height:50px;min-width:370px}#logo{padding:0;margin:5px 0 0 10px;height:40px;width:55px}#nav-left{align-items:center;display:flex}#nav-left .nav-item{margin-right:8px}#nav-right{align-items:center;display:flex;justify-content:flex-end}.nav-item a{text-decoration:none}.canvas-container{position:relative}#editor-mobile-live{position:absolute;left:7px;top:60px;width:282px;height:494px}#qr-background{position:absolute;left:8px;top:60px;width:280px;height:492px;background-color:#fff}#swipe-hand{position:absolute;left:217px;top:70px;width:28px;height:36px}#swipe-hand2{position:relative;left:0;top:-10px;width:28px;height:36px}#swipe-image
#qr-code{position:absolute;left:16%;top:30%}#phone-view{position:absolute;height:34px;width:200px;left:48px;top:560px}#full-layout{position:relative;text-align:"center";padding:0;margin:0}#toolbar{position:fixed;background-color:#dcdcdc;margin:2px 0 0 2px;padding:0;border-radius:15px 15px 0 0;border:2px solid #000}#widgetbar{width:26px;flex-direction:column;justify-content:flex-start;flex-shrink:0;height:613px;min-height:613px;border-radius:5px}#widgetbar,.widgetbar-button{background-color:#babcbe;display:flex;align-items:center}.widgetbar-button{width:24px;height:24px;margin:1px;border:none;outline:none;justify-content:center;cursor:pointer;border-radius:5px}.widgetbar-button.active{background-color:#e5e5e6}.widgetbar-separator{width:80%;height:1px;background-color:#59595c;margin:0 auto}#grid{position:fixed;text-align:"center";margin:2px 0 0 2px;padding:0;border-radius:15px;border:2px solid #000}#canvas{position:absolute;padding:0;margin:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}#mid-section{display:flex;flex:1}#middle-tools{display:flex;background-color:#e5e5e6;margin-top:15px;margin-left:15px;width:1486px;max-height:613px}#main-tools{display:flex;-moz-column-gap:10px;column-gap:10px;justify-content:flex-start;align-items:stretch;width:100%;height:100%}#page-edit{display:flex;min-height:23px;height:23px;border-radius:5px}.myButton{border:1px solid #babcbe;border-radius:5px;background-color:#e5e5e6;transition:background-color .3s ease;font-family:Roboto,sans-serif;font-weight:400}.myButton:hover{background-color:#d4d4d5}.myButton:active{background-color:#b3b3b4}.myButton[data-value=true]{background-color:#27aae1}.myButton[data-value=true]:hover{background-color:#1b8db1}.myButton[data-value=true]:active{background-color:#0f6a8b}.page-up-button{margin:1px}.page-down-button,.page-up-button{width:19px;height:21px;cursor:default;display:flex;justify-content:center;align-items:center;border-radius:5px;border-width:0;padding:2px}.page-down-button{margin:1px 1px 1px 0}.page-down-button:hover,.page-up-button:hover{background-color:#e5e5e6}.page-down-button:active,.page-up-button:active{background-color:#babcbe}.up-down-arrows{max-width:90%;height:auto}.page-edit-button{background-color:#fff;border-radius:3px;border-width:1px;color:#000;border-color:#babcbe;min-width:23px;width:23px;height:100%;font-family:Roboto,sans-serif;font-weight:700;font-size:20px;align-items:center;display:flex;justify-content:center;margin:1px 1px 0}.page-edit-button:hover{background-color:#f0f0f0}.page-edit-button:active{background-color:#e0e0e0}.page-delete-button{background-color:#fff;border-radius:3px;border-width:1px;color:#000;min-width:35px;width:35;height:100%;font-family:Roboto,sans-serif;font-weight:700;align-items:center;display:flex;justify-content:center;margin:1px 1px 0}.page-delete-button:hover{background-color:#f0f0f0}.page-delete-button:active{background-color:#e0e0e0}.page-edit-button-group{height:100%}.color-key,.color-sample{min-width:25px;min-height:25px}.copy-toast{position:absolute;top:-30px;left:0;right:0;margin:auto;width:-moz-max-content;width:max-content;padding:4px 10px;background-color:#4caf50;color:#fff;font-size:12px;border-radius:4px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.copy-toast.show{opacity:1;transform:translateY(0)}#mid-plus-users{flex-direction:column;display:flex;flex:1;height:100%}#page-tool{width:160px;margin-top:3px}#page-tool,#version-tool{flex-direction:column;display:flex;font-family:Roboto,sans-serif;font-weight:700;height:613px;justify-content:space-between}#version-tool{width:230px}#update-tools{width:100%;width:1157px;display:flex;flex-direction:column;margin-left:0;margin-right:0;margin-bottom:10px}#update-msgs{height:calc(100% - 40px);width:100%;margin:0 auto;display:block;border-radius:5px;border-width:.5px;text-align:start;padding:5px}.update-button{height:30px;width:100%;margin:5px 2px 3px;display:block;border-radius:3px;border-width:1px;background-color:#e5e5e6;border-color:#babcbe;font-family:Roboto,sans-serif;font-weight:400;font-size:15px;color:#000}#page-tool-all-but-swipe{font-family:Roboto,sans-serif;font-weight:700;width:240px}#all-pages,#page-tool-all-but-swipe{flex-direction:column;display:flex;height:100%}#all-pages{flex:1}#page-all-pages{flex:1;height:100%}#page-list{display:flex;flex-direction:row;overflow-y:auto;overflow-x:hidden;height:calc(100% - 23px);flex:1}#page-swipe{flex-direction:column;display:flex;width:26px;min-width:26px;height:100%}.page-swipe-true-flase{flex-direction:column;display:flex;justify-content:start;margin:0;padding:0;width:100%;height:26px;min-height:26px;border:0}#slide-true-false-first{margin-top:13px}.page-swipe-space{margin:0;padding:0;border:0;width:100%;height:13px;min-height:13px}.page-title{margin:1px 1px 0;display:flex;min-height:23px;height:23px;padding-left:0;align-items:center;color:#000;font-family:Roboto,sans-serif;font-weight:400}.device-popup-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.35);z-index:2200;display:flex;justify-content:center;align-items:center}.device-popup{background:#fff;padding:2rem 2.5rem 1.5rem;border-radius:12px;box-shadow:0 8px 32px rgba(40,40,70,.18);z-index:2300;min-width:340px;max-width:96vw;min-height:350px;max-height:70vh;position:relative;animation:pop-in .2s cubic-bezier(.25,1.3,.4,1.1);display:flex;flex-direction:column}@keyframes pop-in{0%{transform:scale(.92) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.device-popup h3{margin-top:0;margin-bottom:1.1rem;font-size:1.15rem;font-weight:700}.device-list{flex:1 1 auto;overflow-y:auto;margin-bottom:1rem;border:1px solid #e2e6ed;border-radius:7px;padding:.5rem;background:#fafcff;max-height:45vh}.device-checkbox-label{display:flex;align-items:center;margin-bottom:.4rem;padding:2px 0;font-size:1rem}.device-checkbox-label input[type=checkbox]{accent-color:#2470ee;margin-right:.7em;width:18px;height:18px}.device-popup .popup-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.5rem}.device-popup button{border:none;border-radius:4px;font-size:1rem;padding:.47em 1.2em;cursor:pointer;transition:background .16s,color .13s}.device-popup button:disabled{background:#e3e8ee;color:#888;cursor:not-allowed}.device-popup .confirm-btn{background:#2470ee;color:#fff;font-weight:600}.device-popup .confirm-btn:disabled{background:#b1cbf7}.device-popup .cancel-btn{background:#f6f7f8;color:#444}#project-edit{margin-top:3px;justify-content:space-between;height:44px}#project-edit,#project-name{display:flex;align-items:center;border-radius:5px}#project-name{outline:none;margin:3px;min-height:25px;padding-left:5px;flex:1;width:148px;font-family:Roboto,sans-serif;font-weight:400;font-size:15px;background-color:#fff;color:#000;border:none}.project-title{display:flex;margin:1px 4px 1px 1px;color:#000}.project-item{margin:3px;display:flex;min-height:25px;padding-left:5px;flex:1;border-radius:5px;width:146px;font-family:Roboto,sans-serif;font-weight:400;background-color:#fff;align-items:center;color:#000}.page-item{background-color:#fff}.page-item,.page-item-selected{margin:1px;min-height:25px;padding-left:0;border-radius:5px;display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-weight:400;align-items:center;color:#000;border:1px solid #fff}.page-item-selected{background-color:#27aae1}.page-number{display:flex;width:35px;height:100%;margin:0;padding:0;align-items:center;justify-content:center;border-radius:5px 0 0 5px}.page-single{display:flex;flex:1;font-size:15px;font-family:Roboto,sans-serif;font-weight:400;width:100%;background-color:transparent;color:#000;border:none;border-left:2px solid #595a5c;padding-left:5px;outline:none}.page-single:focus{outline:none}.page-item:hover{border:1px solid #27aae1}#edit-tool{width:645px;height:100%;display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-weight:400}#preview-tool{width:297px;height:100%}.file-input{font-family:Roboto,sans-serif;font-weight:400;font-size:15px;color:#000;flex-direction:column;margin:2px 7px;max-height:400px;overflow:auto}.file-input,.file-row{display:flex;justify-content:space-between;align-items:center;border-radius:3px}.file-row{flex-direction:row;width:100%;background-color:#fff;margin-top:2px;margin-bottom:2px;height:27px;padding-left:3px}.file-name{margin-left:3px;flex:1}.file-update{width:165px;text-align:right;margin-right:3px}.file-delete{width:80px}.dev-wraper{margin:7px;width:450px}.admin-files-list,.admin-json-wraper{display:flex;flex-direction:row}.admin-json{width:100%}.admin-json,.admin-mid{display:flex;flex-direction:column;margin:7px}.admin-mid{width:6%}.admin-json-button{display:flex;flex-direction:row;width:125px;height:27px;text-align:left;border:1px solid #babcbe;border-radius:5px;margin-bottom:2px;align-items:center;padding:3px 5px;justify-content:space-between}.admin-json-button:hover{background-color:#e8e8e8}.admin-json-button:active{background-color:#f4f4f4}.admin-title{font-family:Roboto,sans-serif;font-weight:700;border-bottom:2px solid #babcbe;width:1126px;margin-top:30px;margin-left:7px}.admin-firmware-wraper{width:1126px;display:flex;flex-direction:column;margin-left:7px}.admin-firmware-input{width:50px;height:27px;align-items:center}.admin-firmware{width:100%;display:flex;flex-direction:row;justify-content:center}.admin-button-img{width:25px;height:20px}.admin-json-text{min-height:60px;border-radius:5px;height:auto!important;border:1px solid #babcbe;resize:none;padding:3px;box-sizing:border-box}.admin-firmware-notes{flex:1;height:27px}.admin-upload-wrapper{width:100%}.user-line{justify-content:space-between;height:24px;padding-left:4px;align-items:center;width:100%;border-bottom:1px solid #babcbe}.user-add,.user-line{font-family:Roboto,sans-serif;font-weight:400;font-size:15px;color:#000;display:flex;flex-direction:row;margin:0;border-radius:3px}.user-add{padding:0;width:530px}.user-add-email{font-family:Roboto,sans-serif;font-weight:400;font-size:15px;color:#000;width:230px;margin-left:-3px;padding-left:10px;border-width:0;background-color:#fff;height:24px;border-radius:3px}.projects-remove-button{margin-top:0;margin-bottom:0;padding-left:3px;padding-right:3px;height:23px;background-color:#fff}.projects-remove-button:hover{background-color:#f0f0f0}.projects-remove-button:active{background-color:#e0e0e0}.active-emails{width:24px;height:24px}.active-devices{display:flex;align-items:center}.login-header{font-family:Roboto,sans-serif;font-weight:700;font-size:96px;color:#4764af}.login-outer{width:100%;margin:0 auto;text-align:center}.active-devices-name{background-color:#fff;padding-left:5px;border-radius:3px;border-width:0}.active-devices-id,.active-devices-name{font-family:Roboto,sans-serif;font-weight:400;font-size:15px;color:#000;height:24px;flex:1}.active-devices-id{padding:0;margin:0;line-height:24px;box-sizing:border-box}.led-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:5px;border:1px solid #000}.fixed-height{padding-left:5px;display:flex;align-items:center;transform:translateY(2px);min-height:23px;height:23px!important;line-height:23px!important;padding:0!important;margin:0!important;border:none!important;box-sizing:border-box!important}.led-red{background-color:red}.led-white{background-color:#fff}.led-blue{background-color:#0b77f9}.user-add-header,.user-add-text{padding-top:2px;font-size:15px}.user-add-header{font-family:Roboto,sans-serif;font-weight:700;padding-left:4px;padding-bottom:3px}.user-add-text2{padding-top:16px;font-size:15px;padding-left:5px}#dev-mode{margin-left:0}.dev-button{padding:2px}#my-footer{height:auto;margin-top:10px;margin-left:15px;width:1157px;border-radius:5px;border:0 solid #999;padding:0}#edit-grid-and-layters{display:flex;flex-direction:column;flex:1;justify-content:space-between}.tool-bar{width:100%;height:44px;display:flex;justify-content:space-evenly;color:#191970;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.copy-line{display:flex;flex-direction:row;margin-top:3px}.copy-line,.copy-value{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;height:22px}.copy-value{background-color:#fff;width:100px;padding-top:0;padding-bottom:0;padding-left:2px}.copy-value,.popup-button{color:#000;border-width:1px;border-radius:3px}.popup-button{background-color:#e5e5e6;font-family:Roboto,sans-serif;font-weight:400;display:flex;font-size:16px;width:100%;height:22px;text-align:center}.feature-text{margin:0;padding:0 0 4px;height:100%}.feature-checkbox{display:flex;align-items:center;margin:5px 5px 0}.feature-add{background-color:#e5e5e6;color:#000;margin-right:3px;border-width:1px;border-radius:3px}#feature-add,.feature-add{width:22px;height:22px;font-family:Roboto,sans-serif;font-weight:400}#feature-add{margin-left:5px;font-size:16px}#tools-grid-and-detials{display:flex;justify-content:space-between;flex:1}#edit-grid{max-height:494px;width:281px;border:1px solid #999;margin-top:15px;font-size:16px;margin-bottom:15px}#edit-details{height:494px;max-height:553px}#edit-details,#edit-location{width:355px;border:1px solid #999;margin-top:15px;display:flex;overflow-y:auto;flex-direction:column}#edit-location{height:100%}.tool-bar button{flex:1}.edit-tools{margin:10px}.tool-thing-active{background-color:#27aae1}.tool-thing-active,.tool-thing-inactive{border:1px solid #999;border-radius:10px}.tool-thing-inactive{margin:0;padding:0;background-color:#fff;transition:background-color .3s ease}.tool-thing-inactive:hover{background-color:#f0f0f0}.tool-thing-inactive:active{background-color:#e0e0e0!important}.tool-thing-datatypes-active{background-color:#27aae1}.tool-thing-datatypes-active,.tool-thing-datatypes-inactive{margin:1px 2px 1px 13px;border:1px solid #999;border-radius:3px;text-align:left;height:20px;padding-left:.18em;font-family:Roboto,sans-serif;font-weight:400;font-size:12px}.tool-thing-datatypes-inactive:hover{background-color:#babcbe}.tool-enter-number{display:flex;margin-top:3px;flex-direction:col}.tool-enter-number-input{border-radius:3px;border:1px solid #999;margin-right:3px;width:100px}.tool-enter-number-button{border-radius:3px;border:1px solid #999;width:20px}.fleet-add{background-color:#fff;border-radius:5px;min-width:32px;min-height:24px;height:24px;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-weight:700;font-size:20px;border:1px solid #babcbe;margin-left:-8px;padding-left:5px;position:relative;z-index:1;text-align:center;transition:background-color .3s ease}.fleet-add:hover{background-color:#f0f0f0}.fleet-add:active{background-color:#e0e0e0}.delete-button:hover{background-color:#f0f0f0}.delete-button:active{background-color:#e0e0e0}.projects-identify-button{min-width:29px}.projects-identify-button,.projects-identify-button-radar{background-color:#fff;border-radius:5px;min-height:23px;height:23px;display:flex;align-items:center;justify-content:center;font-family:"Roboto, sans-serif";font-weight:400;border:1px solid #babcbe;margin-left:-5px;position:relative;z-index:1;transition:background-color .3s ease}.projects-identify-button-radar{min-width:23px}.projects-identify-button img{width:20px;height:20px;margin-left:3px;transition:transform 0s}.projects-identify-button-radar:hover,.projects-identify-button:hover{background-color:#f0f0f0}.projects-identify-button-radar:hover img,.projects-identify-button:hover img{transform:rotate(1turn);transition:transform 4s linear}.projects-identify-button-radar:active,.projects-identify-button:active{background-color:#e0e0e0}.projects-identify-button:active img{transition:transform 0s}.projects-identify-button-radar:active img{transform:rotate(1turn);transition:transform 4s linear;transition:transform 0s}.device-list{margin-left:3px;margin-right:3px;height:24px;font-family:"Roboto, sans-serif";font-weight:400;font-size:15px;border-radius:3px;flex-grow:1;border:none}.device-list:focus{border:1px solid #babcbe}.button-image{display:block;margin:auto;width:var(--button-size);height:var(--button-size)}.tool-thing-jump-to-tag{margin:3px;border:1px solid #999;border-radius:3px;text-align:center;height:20px;font-family:Roboto,sans-serif;font-weight:400;font-size:16px}.popup-left{margin:0;width:30%;height:100%;display:flex;border-radius:9px 0 0 9px;flex-direction:column;justify-content:center}.feature-header{display:flex;flex-direction:row}.feature-border{border:1px solid #999;border-radius:3px;margin:4px 6px 2px;padding:3px;font-family:Roboto,sans-serif;font-weight:400;font-size:16px}#popup-arrow{position:absolute;color:#999;width:25px;height:44px}#popupText1{margin-top:2px;margin-left:3px}#popupText2{margin-top:6px;margin-left:3px}#popupText3{margin-top:3px;margin-left:3px}#popupText4{margin-top:4px;width:123px;display:flex;flex-direction:row;justify-content:space-between}#popupText5{margin-left:3px}#popupText6{color:#fcb856}#popupRole{border-radius:3px;border:1px solid #999;margin-right:3px;width:123px;font-family:Roboto,sans-serif;font-weight:400;font-size:12px}#popupTagSelect{display:flex;flex-direction:column;width:142px;height:270px;overflow-y:scroll}#outerModal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.popupTagSelectItem{display:flex;flex-direction:row;width:123px;justify-content:space-between;margin-top:1px;margin-bottom:1px;border-radius:3px;border:1px solid #999}.popupTagSelectItem:hover{background-color:#babcbe}.popupTagSelectItemTag{margin-left:3px;text-align:left;color:#000}.popupTagSelectItemSize{margin-right:3px;text-align:left;color:#fcb856}#text-align{background-color:#e5e5e6;width:100%;height:23px;display:flex;justify-content:space-evenly;color:#191970;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#text-align img{height:21px}#edit-img{height:22px;width:22px}#edit-img,#eye-img{margin:0;padding:0;color:#fff}#eye-img{height:26px;width:18px}.users-and-remove{margin:0;padding:0}.align,.users-and-remove{display:flex;flex-direction:row}.align{padding:6px;margin:5px}.align-numeric{padding:6px 0 3px;display:flex;flex-direction:row}.sent-wrapper{display:grid;grid-gap:10px;grid-template-columns:300px 75px;grid-template-rows:60px 60px 30px 30px;color:#444;padding-top:20px;background-color:#e4e3e3}.sent-box{color:#fff;border-radius:8px;padding:10px;font-size:150%}.sent-a{padding:0;margin:0;grid-column:1;grid-row:1;flex-direction:column;height:100%}#sent-a-inner,.sent-a{display:flex;align-items:center;justify-content:center}#sent-a-inner{width:100%}.sent-a-text{color:#000;font-family:Roboto,sans-serif;font-weight:700;font-size:16px;text-align:left;width:100%}.sent-b{grid-column:2;grid-row:1}.sent-b,.sent-c{padding:0;margin:0;display:flex;align-items:center;justify-content:center}.sent-c{grid-column:1/3;grid-row:2;flex-direction:column;height:100%}.sent-d{padding:0;margin:0;grid-column:1/3;grid-row:3;background-color:red}.sent-d-button{background-color:#07f;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;margin-left:auto;transition:background-color .3s ease-in-out}.sent-d-button:hover{color:#000;background-color:#ff0}.sent-d-text{color:#000;font-family:Roboto,sans-serif;font-weight:700;font-size:20px;margin-right:auto}.sent-e{padding:0;margin:0;grid-column:1/3;grid-row:4;background-color:#ff0}.wrapper{display:grid;grid-gap:10px;grid-template-columns:300px 300px 300px;grid-template-rows:170px 400px;color:#444;padding-top:20px;background-color:#e4e3e3}.box{color:#fff;border-radius:8px;padding:10px;font-size:150%}.a{padding:0;margin:0;grid-column:1/3;grid-row:1}.a-header{color:#295dff;font-size:70px}.a-header,.a-second{font-family:Roboto,sans-serif;font-weight:700}.a-second{color:#000;font-size:45px}.a-third{color:#295dff;font-family:Roboto,sans-serif;text-align:right;font-weight:700;font-size:20px}.b{background-color:#babcbe;grid-column:3;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.b-header{font-size:20px;margin-right:auto}.b-email,.b-header{color:#000;font-family:Roboto,sans-serif;font-weight:400}.b-email{border:none;border-bottom:2px solid #07f;outline:none;font-size:16px;padding:10px;margin-top:5px;margin-bottom:5px;width:100%;background-color:#fff;transition:border-bottom-color .3s ease-in-out}.b-email:focus{border-bottom-color:#ff0}.b-invalid-email{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;color:red;margin-right:auto}.b-button{background-color:#07f;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;margin-left:auto;transition:background-color .3s ease-in-out}.b-button:hover{color:#000;background-color:#ff0}.c{background-color:#fff;color:#000;grid-column:1;grid-row:2;position:relative}.c-header{font-weight:700;font-size:24px}.c-header,.c-text{color:#000;font-family:Roboto,sans-serif;margin-right:auto}.c-text{font-weight:400;font-size:20px}.c-image{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:90%}.d{background-color:#fff;color:#000;grid-column:2;grid-row:2}#preview-tool{margin:none;padding:none}#canvas-design{width:279px;height:492px}.real-phone{background-color:#fff;height:100%;width:100%;margin:0;border:0}.image-outer{position:relative;height:300px;margin:5px}#__next{height:100%;width:100%;margin:0;border:0}[contenteditable]:focus{outline:0 solid transparent}[contenteditable=true]{white-space:nowrap;overflow:hidden}[contenteditable=true] br{display:none}[contenteditable=true] *{display:inline;white-space:nowrap}.viewer{position:relative;height:50vh;display:flex;align-items:center;justify-content:center}.toolbar-button,.toolbar-button *,.toolbar-button img,.toolbar-button span{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.toolbar-button img,.toolbar-button span{background-color:transparent!important}.toolbar-button:hover{background-color:#e5e7eb!important}.toolbar-button:hover img,.toolbar-button:hover span{background-color:transparent!important}.toolbar-button-selected:hover{background-color:#3b82f6!important}
/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.p-6{padding:1.5rem}.italic{font-style:italic}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}