body{margin:0;padding:0}.material-symbols-outlined{color:#ccc;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.material-symbols-outlined.activeNavigationIcon{font-variation-settings:"FILL" 1,"wght" 200,"GRAD" 0,"opsz" 24}#global-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex!important;justify-content:center;align-items:center;z-index:9999}.loader-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}#global-loader.d-none{display:none!important}#global-loader .spinner-border{width:3rem;height:3rem;color:#212529}#global-loader .text-dark{font-size:1.1rem;font-weight:500;color:#212529!important}a{cursor:pointer}.app_builder{position:relative;width:100%}.navbar a,.navbar a:focus{color:#fff}.navbar .dropdown-menu a{color:#333}.right-aside{border:1px solid #808080;background-color:#333;position:sticky;top:.5rem;overflow-y:auto;max-height:100vh;height:calc(100vh - 42px)}.right-aside p{color:#ccc}.row input[readonly]{background-color:#aaa!important}.column-title{color:#ccc;background:#555;border:1px solid #808080;padding:4px 12px;align-items:center}.column-title h3{font-size:.875rem;margin:0;line-height:1.5}.widgets_entry{padding:0 .5rem .5rem;margin-bottom:1rem}.widgets_entry>ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}.widgets_entry>ul>li{width:31%;margin:.25rem;border:1px solid #eee;border-radius:.25rem}.widgets_entry li a{box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px;padding:.5rem .25rem;cursor:move;display:flex;align-items:center;justify-content:start;gap:.25rem;font-size:.85rem}.widgets_entry li a:hover,.widgets_entry li a:focus{background-color:#efefef}.widgets_entry li a:active{background-color:#dedede;outline:1px dashed #dedede}.widgets_entry li a>span{color:#ccc;position:relative}.dragging{background-color:#bebebe}.added-widget-container{padding:4px 0}.widget_container{margin:2px 0;cursor:pointer;position:relative;z-index:0;border:1px solid transparent}.widget_selected,.widget_selected:hover{border:1px solid #a125e1}.element-selected,.element-selected:hover{border:1px solid #00c057}.widget_container>*{pointer-events:auto}.drag_widget{cursor:move}.drag_widget span{color:#777}.widget_delete{width:5%;text-align:center}.widget_delete span{color:#c10d0d}.content-target .widget .form-control[readonly]{background-color:#fff}router-link{cursor:pointer}router-link:hover,router-link:focus{opacity:.7}router-link::part(link){text-decoration:none;color:#fff}router-link::part(link):hover,router-link::part(link):focus{opacity:.7}.a-dialog{background:#fff;border-radius:.5em;border:none;padding:0}.a-dialog-header{background-color:#eee;padding:20px;font-size:25px;font-weight:700}.a-dialog-body{padding:20px 40px}.btn.btn-info{color:#fff}.midContent{padding-left:50px;padding-right:0!important}.rightContent{padding-left:0!important;padding-right:0!important;background-color:#333;position:relative}.hover-element:after,.hover-element:after *{z-index:0}.widget-toolbar{z-index:1}#contentTargetAndCodeViewWrapper{height:calc(100vh - 83px);display:flex;flex-direction:column;position:relative;overflow:hidden}.content-target{position:relative;flex:100%;overflow-y:auto}.navbar-dropdown{display:none;position:absolute;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;padding:.5rem 0;margin:0;list-style:none;text-align:left;z-index:1000}.navbar-dropdown.show{display:block}.navbar-dropdown .dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#333;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.navbar-dropdown .dropdown-item:hover,.navbar-dropdown .dropdown-item:focus{color:#16181b;text-decoration:none;background-color:#f8f9fa}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:#212529;min-width:160px;box-shadow:0 2px 5px #0000004d;border-radius:4px;padding:.5rem 0;margin:0;list-style:none;z-index:1500}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-item{display:block;padding:.5rem 1rem;color:#ffffff8c;text-decoration:none;white-space:nowrap}.nav-dropdown-item:hover{background-color:#444;color:#fff;text-decoration:none}.nav-dropdown .nav-link{display:flex;align-items:center;gap:4px}.nav-dropdown .material-symbols-outlined{font-size:18px}.wb-initial-empty{outline:1px dashed #555!important;outline-offset:-1px!important;box-shadow:inset 0 0 0 4px #0000001a,inset 0 0 0 4px #fff3,inset 0 0 0 1px #ffffff4d;padding:1rem;vertical-align:middle;border:1px solid rgb(238,238,238)}.wb-block{display:block}.wb-inline{display:inline}.wb-inline-block{display:inline-block}#login-info{display:flex}#profileIcon{height:34px;width:34px;border-radius:100%;text-transform:uppercase;font-weight:bolder;background-color:#3232ff;display:flex;justify-content:center;align-items:center;font-size:larger;z-index:51;cursor:pointer;user-select:none}#uiModel{position:fixed;top:0;left:0;display:none}#profileDropdown{position:absolute;top:45px;right:.5rem;background-color:#555;min-width:180px;padding:6px;display:none;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000}#profileDropdown:before{content:"";position:absolute;top:-6px;right:8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #555}#profileDropdown .user-email{color:#ccc;padding:6px;border-bottom:1px solid #808080;margin-bottom:6px;font-size:12px;display:flex;align-items:flex-start;gap:6px;cursor:default}#profileDropdown .user-info{display:flex;flex-direction:column;gap:2px}#profileDropdown .user-info .full-name{color:#fff;font-weight:500;font-size:13px}#profileDropdown .user-info .email{color:#ccc;font-size:11px}#profileDropdown .user-email .material-symbols-outlined{font-size:32px;color:#ccc}#profileDropdown .dropdown-item{display:flex;align-items:center;gap:6px;padding:6px;color:#ccc;text-decoration:none;border-radius:4px;transition:background-color .2s;font-size:12px}#profileDropdown .dropdown-item.danger{color:#ff6b6b;font-weight:700}#profileDropdown .dropdown-item.danger>span{color:#ff6b6b}#profileDropdown .dropdown-item.danger:hover{background-color:#ff6b6b26;color:#ffa5a5}.auth-buttons{display:flex;gap:8px}.auth-buttons .btn{padding:6px 12px;font-size:14px}@media (min-width: 768px) and (max-width: 1024px){#profileDropdown .user-email .material-symbols-outlined{font-size:18px}#profileDropdown .dropdown-item.danger{font-size:8px}#profileDropdown .user-info .email{color:#ccc;font-size:8px}}.custom-confirm-modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.custom-confirm-dialog{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center;min-height:400px;min-width:300px}:root{--base-fonts-size: 14px;--base-max-width: 15rem;--base-padding: .75rem;--base-icon-size: 1.5rem}.right_sidebar{border:1px solid #eee;color:#ccc;background-color:#333}.right_sidebar .style-category{background-color:#333;color:#ccc;padding:0 4px}#widget-properties .row{background-color:#555!important;border-radius:10px!important}.properties_entry{padding:20px;min-height:400px}.property{display:flex;justify-content:space-between;margin:10px 0}.property label{margin-right:10px}.code_blocks{display:flex;flex-direction:column}.accordion-wrapper:hover{background-color:#555;color:#aaa!important}.accordion-wrapper a{text-decoration:none;color:#ccc;display:flex;align-items:center;justify-content:space-between}.accordion-wrapper a:hover,.accordion-wrapper a:focus{text-decoration:none!important;color:#aaa!important}#navigator-container{position:relative}#tree-root>.tree-node{padding-left:.5rem;padding-right:.5rem}.tree-node{font-size:.875rem}.children .tree-node{padding-left:.75rem}.tree-item{display:flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:.25rem;cursor:pointer;margin:.125rem 0}.tree-item:hover{background-color:#ccc}.tree-item:hover .toggle-btn .material-symbols-outlined{color:#000}.tree-item.active{background-color:#f3f59e}.toggle-btn{width:20px;height:20px;border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#6b7280}.toggle-btn:hover{background-color:#e5e7eb;border-radius:.25rem}.element-tag{color:#2563eb}.element-id{color:#7c3aed}.element-class{color:#059669}.hidden{display:none}#widget-name,#widgetNameValue{font-size:var(--base-font-size)}#widget-type{font-size:var(--base-font-size);margin-bottom:8px}#widgetTypeValue{font-size:var(--base-font-size)}.widget-tree-node{background-color:#dbc8fc;border-radius:.25rem}.widget-tree-node:hover,.widget-tree-node:focus{background-color:#dbc8fc}.toggle-all-btn{position:absolute;top:.7rem;right:.5rem;display:none;align-items:center;justify-content:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.25rem;padding:.25rem;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.toggle-all-btn .material-symbols-outlined{font-size:1rem}.toggle-all-btn:hover{background-color:#e5e7eb}.list{list-style:none;padding:0;margin-bottom:.5rem}.list-item{display:flex;align-items:center;padding:.25rem;background:#fff;margin-bottom:.25rem;border-radius:4px;cursor:move}.list-item:hover{background:#f6f8fa}.drag-handle{margin-right:1rem;color:#6e7681;cursor:move}.list-item input{flex:1;padding:.25rem .5rem;border:1px solid #e1e4e8;border-radius:4px;margin-left:.5rem;margin-right:.5rem;font-size:.75rem}.remove-button{background:none;border:none;color:#aaa;cursor:pointer;padding:.25rem;display:flex}.remove-button .material-symbols-outlined{font-size:1.25rem}.remove-button:hover{color:#c82333}.add-button{padding:.25rem .5rem;background:#0366d6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;display:flex;margin:0 auto}.add-button:hover{background:#0255b3}.dragging{opacity:.5;background:#f6f8fa}#library-section a p{font-size:12px}#library-section a span{font-size:15px}.css-library-container{padding:.5rem 0 .75rem;border-bottom:1px solid #ddd}.js-library-container{padding:.5rem 0 .75rem}.style-category{border-bottom:2px solid #ccc}.category-header{display:flex;justify-content:space-between;align-items:center;padding:8px;cursor:pointer;background-color:#333}.category-title{font-weight:500;font-size:14px}.category-content{display:none;padding:8px;color:#ccc;background-color:#555;margin-top:.25rem;margin-bottom:.5rem;border-radius:10px}.category-content.show{display:block}.my-3{margin-bottom:0!important}.category-header .material-symbols-outlined{font-size:20px;transition:transform .2s ease}.category-header[aria-expanded=true] .material-symbols-outlined{transform:rotate(45deg)}.category-header.accordion-wrapper:hover{background-color:#555;color:#ccc!important;border-radius:10px}.attribute-row{display:flex;flex-direction:row;align-items:center;margin-bottom:12px}.attribute-name{color:#ccc;white-space:nowrap}.attribute-row input,.attribute-row select,.attribute-row textarea{background-color:#eee!important;color:#555!important}.attribute-row input:checked{background-color:#0d6efd!important;color:#eee!important}.attribute-row input,.attribute-row select{flex:1;padding:6px 8px;border:1px solid #ddd;border-radius:4px;min-width:0}.color-input-wrapper{display:flex;gap:8px;width:100%}.color-picker-input{flex:.5!important;min-width:20px!important;max-width:30px!important;width:30px!important;height:28px!important;padding:0!important;border:none!important;cursor:pointer;background-color:transparent}.color-code-input{flex:1;height:28px;line-height:28px;padding:0 8px;font-family:monospace;text-transform:uppercase}.float-button-group{display:flex;border:1px solid #e2e8f0;border-radius:4px;overflow:hidden;width:60%;height:28px}.float-btn{flex:1;padding:6px;background:#fff;border:none;border-right:1px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center}.float-btn:last-child{border-right:none}.float-btn.active,.float-btn.active:hover{background:#86b7fe}.float-btn>span{color:#555;pointer-events:none}.float-btn:hover{background:#f7fafc}.align-button-group{display:flex;border:1px solid #e2e8f0;border-radius:4px;overflow:hidden;width:80%;height:28px}.align-btn{flex:1;padding:6px;background:#fff;border:none;border-right:1px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center}.align-btn:last-child{border-right:none}.align-btn.active,.align-btn.active:hover{background:#86b7fe}.align-btn>span{color:#555;pointer-events:none}.align-btn:hover{background:#f7fafc}.more-size-option.accordion-wrapper:hover{background-color:inherit!important}.more-size-option.accordion-wrapper a{border:2px solid #ccc;text-decoration:none;color:#ccc;display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:#333;border-radius:4px;height:38px}.more-size-option.accordion-wrapper a:hover{background-color:gray;color:#ccc!important;text-decoration:none!important}.more-size-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px;background-color:#444;color:#ccc;cursor:pointer;border-radius:4px;margin:8px 0}.more-size-button:hover{background-color:#555}.margin-control{position:relative;width:180px;height:140px;margin:2px auto;background:#eee;border-radius:2px;padding:15px}.margin-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:50px;border:2px solid #ccc;background:#fff;box-shadow:0 0 5px #0000000d}.margin-edge{position:absolute;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px;color:#333;font-weight:500;border-radius:2px}.margin-edge.editing{background:#fff}.margin-edge .edge-value{display:block}.margin-edge.editing .edge-value{display:none}.margin-edge .edge-input{display:none;width:100%;height:100%;border:none;background:transparent;text-align:center;color:#333;font-size:12px;padding:0}.margin-edge.editing .edge-input{display:block}.margin-edge.top,.margin-edge.bottom{height:24px;width:148px;left:50%;transform:translate(-50%);z-index:2}.margin-edge.left,.margin-edge.right{width:24px;height:137px;top:50%;transform:translateY(-50%);z-index:3}.margin-edge.top:hover,.margin-edge.right:hover,.margin-edge.bottom:hover,.margin-edge.left:hover{background-color:#ccc}.margin-edge.top{top:-45px}.margin-edge.right{right:-40px}.margin-edge.bottom{bottom:-45px}.margin-edge.left{left:-40px}.margin-edge input:focus{outline:none}.spacing-tabs{display:flex;gap:1px;margin-bottom:15px}.spacing-tab-btn{flex:1!important;padding:8px!important;background:#333!important;border:1px solid #ccc!important;color:#ccc!important;cursor:pointer!important;transition:all .2s ease!important;border-radius:10px}.spacing-tab-btn.active{background:#eee!important;color:#333!important}.spacing-tab-btn:hover{background:#ccc!important;color:#333!important}.hidden{display:none!important}.padding-control{position:relative;width:180px;height:140px;margin:2px auto;background:#eee;border-radius:2px;padding:15px}.padding-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:50px;border:2px solid #ccc;background:#fff;box-shadow:0 0 5px #0000000d}.padding-edge{position:absolute;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px;color:#333;font-weight:500;border-radius:2px}.padding-edge.editing{background:#fff}.padding-edge .edge-value{display:block}.padding-edge.editing .edge-value{display:none}.padding-edge .edge-input{display:none;width:100%;height:100%;border:none;background:transparent;text-align:center;color:#333;font-size:12px;padding:0}.padding-edge.editing .edge-input{display:block}.padding-edge.top,.padding-edge.bottom{height:24px;width:143px;left:50%;transform:translate(-50%);z-index:2}.padding-edge.left,.padding-edge.right{width:22px;height:97px;top:50%;transform:translateY(-50%);z-index:3}.padding-edge.top:hover,.padding-edge.right:hover,.padding-edge.bottom:hover,.padding-edge.left:hover{background-color:#ccc}.padding-edge.top{top:-25px}.padding-edge.right{right:-24px}.padding-edge.bottom{bottom:-25px}.padding-edge.left{left:-24px}.padding-edge input:focus{outline:none}.aside p,#widget-name,#widget-type,#widgetTypeValue,#widgetNameValue,#widgetVersionValue{font-size:var(--base-fonts-size)}@media (min-width: 768px) and (max-width: 1045px){:root{--base-font-size: 11px;--base-max-width: 12rem;--base-padding: .5rem;--base-icon-size: 1.25rem}.right-aside{overflow-y:auto;max-height:100vh;height:calc(100vh - 34.9px)}.column-title h3{font-size:var(--base-font-size)}.text-truncate span{font-size:10px}.tree-item{display:flex;align-items:center;gap:.1rem;padding:0;border-radius:.25rem;cursor:pointer}#tree-root p{font-size:10px}.tree-item .toggle-btn{font-size:8px}#widget-name,#widgetTypeValue,#widgetNameValue,#widgetVersionValue{font-size:var(--base-font-size)}.right-aside p{font-size:10px}#library-section{padding:var(--base-padding)}#library-section a p{font-size:var(--base-font-size)}#library-section a span{font-size:15px}.accordion-wrapper p{max-width:calc(100% - var(--base-icon-size) - .8rem)}.css-library-container,.js-library-container{padding:.245rem}.add-button{padding:.375rem .75rem}.add-button{font-size:10px}#widget-builder{max-width:var(--base-max-width)}.list-item input{flex:1;padding:.5rem .3rem;border:1px solid #e1e4e8;border-radius:4px;margin-left:.2rem;margin-right:.2rem;font-size:.55rem}.category-title,#general-content,.form-control,#size-content,#spacing-content,#display-content{font-size:var(--base-font-size)}.attribute-name{color:#ccc;white-space:wrap;font-size:10px}.attribute-row{display:flex;flex-direction:row;align-items:center;margin-bottom:12px;justify-content:left;margin-left:8;font-size:10px}.edge-value{font-size:11px}.col-7{width:100%;display:flex;flex-direction:column;justify-content:left}.col-6{width:100%}.form-select{font-size:var(--base-font-size)}.margin-control{position:relative;width:160px;height:140px;margin:2px auto;background:#eee;border-radius:2px;padding:15px}.margin-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:50px;border:2px solid #ccc;background:#fff;box-shadow:0 0 5px #0000000d}.category-header .material-symbols-outlined{font-size:14px;transition:transform .2s ease}}@media (min-width: 1025px) and (max-width: 1450px){.category-title,#general-content,.form-control,#size-content,#spacing-content,#display-content{font-size:15px}.attribute-name{color:#ccc;white-space:wrap;font-size:14px}.attribute-row{display:flex;flex-direction:row;align-items:center;margin-bottom:12px;justify-content:left;margin-left:8;font-size:12px}.edge-value{font-size:14px}.col-7,.col-6{width:100%}.form-select{font-size:14px}}.onFullscreen{position:fixed!important;top:0;height:100vh;width:100vw;left:0;z-index:101}#lifecycle-editor .cm-editor{min-height:400px;height:100%}#lifecycle-editor .cm-editor:focus{height:400px;height:100%}#library-section,#library-css,#library-js,#navigator-container,#widget-properties,#element-attributes,#lifecycle-editor,#onmount-container,#onupdate-container,#addevents-container,#mountchildwidgets-container{display:none;position:relative}.onFullscreen>div{height:100%}button.sub-tab-btn.custom-service-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-right:.25rem;position:relative}#widget-prompt-modal,#widget-prompt-tab{position:absolute;top:auto;left:auto;bottom:.5rem;right:.5rem;border:none;border-radius:.5rem;padding:0;min-height:340px;display:flex;flex-direction:column;background:#363535;color:#fff;z-index:2;overflow:hidden}#widget-prompt-modal{height:500px;max-height:70vh}#widget-prompt-tab{min-height:auto}.icon-minimize,.icon-maximize{cursor:pointer;opacity:.7}.chat-content{flex-grow:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:1rem;max-height:320px;min-height:208px}.message-user{background:#555;color:#fff;margin-left:4rem;padding:.625rem 1rem;border-radius:1.5rem 1.5rem .5rem}.prompt-container{display:flex;align-items:flex-end;background-color:#555;color:#fff;border-radius:1.5rem;margin:1rem;padding:1rem}.prompt-container textarea{background-color:transparent;border:none;width:100%;color:#fff;outline:none;resize:none;height:44px;overflow-y:auto}.prompt-container textarea::placeholder{color:#aaa}.button-send{border:none;outline:none;background-color:#fff;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center}.button-send span{color:#333}#prompt-loader{text-align:center;margin:1rem 0;color:#aaa;position:relative}#prompt-loader:after{content:"";position:absolute;top:0;font-size:inherit;white-space:nowrap;animation:dotAnimation 1.5s infinite steps(1) forwards}@keyframes dotAnimation{0%{content:""}35%{content:"."}50%{content:".."}75%{content:"..."}to{content:"..."}}#prototypeWidget{min-height:316px;height:100%;width:100%;background-color:#d8d8d8;color:#000;position:relative;overflow:auto}.aiAssistantTabs{display:flex;gap:1rem;border-bottom:1px solid #e5e7eb}.aiAssistantTabs button{padding:.5rem 1rem;border:none;border-bottom:3px solid transparent;background:none;cursor:pointer;color:#d2d2d2;transition:all .2s ease}.aiAssistantTabs button.active{color:#f2f2f2;border-bottom:3px solid #007bff}#aiChatContainer,#prototypeWidget{display:none!important}#aiChatContainer.active,#prototypeWidget.active{display:block!important;overflow:auto}.suggestion-prompt{margin:.5rem 0}@media (min-width: 768px) and (max-width: 1024px){.d-flex{font-size:12px}#widget-prompt-modal{width:60%}}.template-item{display:block;width:100%;margin-bottom:12px}.template-card{display:flex;flex-direction:column;width:100%;height:140px;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000001a;cursor:grab;transition:transform .2s,box-shadow .2s;background-color:#fff}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.template-image-container{height:100px;width:100%;overflow:hidden;position:relative;box-shadow:0 1px 2px #0000000d}.template-image{width:100%;height:100%;object-fit:cover;pointer-events:none}.template-name{padding:8px;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;border-top:1px solid #e0e0e0;background-color:#f8f8f8;position:relative;display:flex;justify-content:space-between;align-items:center}.delete-template-icon{font-size:18px;color:#888;cursor:pointer;margin-left:5px;transition:color .2s}.delete-template-icon:hover{color:#dc3545}#fslayout-template-container{display:flex;flex-direction:column;padding:8px}.template-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0}.template-loader-container .spinner-border{width:2rem;height:2rem}.template-loader-container p{color:#6c757d;font-size:14px;margin-top:10px}.layout-type-selector select{width:100%;padding:8px 10px;border-radius:4px;border:1px solid #e0e0e0;background-color:#eee;font-size:14px;color:#333;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:right 10px center;background-size:10px;box-shadow:0 1px 2px #0000000d;transition:border-color .2s,box-shadow .2s}.layout-type-selector select:hover{border-color:#ccc}.layout-type-selector select:focus{outline:none;border-color:#aaa;box-shadow:0 1px 3px #0000001a}.attribute_single{margin:10px 0 18px}.attr_action{color:navy;text-decoration:none}.attr_action span{font-size:30px}.cancel_add_attr{color:#e00909}.selected_attr_list{list-style:none;margin:20px 10px;padding:0;max-width:350px}.selected_attr_list li{padding:8px 20px;position:relative;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;margin:12px 0}.selected_attr_list li span{width:30px;height:30px;border-radius:50%;box-shadow:#00000026 1.95px 1.95px 2.6px;display:inline-block;font-size:22px;line-height:30px;text-align:center;position:absolute;right:-10px;top:-10px;background:#fff}.project-page-item{list-style:none;position:relative}.project-page-item router-link.active{background-color:#bd04bd;color:#fff}.project-page-item router-link.active:hover,.project-page-item router-link.active:focus{background-color:purple;color:#fff}.project-page-item router-link:hover,.project-page-item router-link:focus{background-color:#efefef}.project-page-item:hover .delete-icon{display:inline-block;cursor:pointer}.add-icon{position:absolute;right:2rem;top:.5rem;cursor:pointer}.add-icon img{pointer-events:none}.home-icon{position:absolute;right:2rem;top:.5rem;cursor:pointer}.add-icon:hover,.add-icon:focus,.dropdown-icon:hover,.dropdown-icon:focus{color:#0d6efd}#add-page-project-dialog{width:400px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0003;z-index:1000}.multi-select{width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;position:relative}.selected-items{border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;gap:5px;min-height:40px;padding:5px}.selected-item{background:#0d6efd;color:#fff;padding:2px;border-radius:5px;display:flex;align-items:center;height:30px}.selected-item-text{padding:0 0 3px 6px}.remove-item{cursor:pointer;font-weight:700;color:#fff}.options-container{background:#fff;width:100%;height:30vh;overflow-y:auto;scrollbar-width:thin}.options-container::-webkit-scrollbar{width:6px}.hide{display:none}.option{display:flex;align-items:center;gap:12px;padding:7px 16px;border-radius:4px;border:1px solid #DDD;background:#fff;width:100%}.option input{width:16px;height:16px;margin:0;flex-shrink:0}.option span{flex:1;font:400 16px Roboto,sans-serif;color:#000000de;display:flex;align-items:center}.option:hover{background:#f0f0f0}.close-icon{cursor:pointer}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;z-index:1000}.modal.open{display:flex}.m-content{background:#fff;padding:16px;border-radius:8px;width:90%;max-width:400px;position:relative;box-shadow:4px 4px 4px 6px #0000001a}.m-header{padding:16px 0;font-family:Inter;font-size:24px;font-style:normal;font-weight:600;line-height:120%}.m-body label{padding-bottom:8px}.m-body input{width:100%;padding:8px 16px;border-radius:8px;border:1px solid #ccc;margin-bottom:16px}.m-body .options-container .option input{width:16px;padding:8px 16px;border-radius:8px;border:1px solid #ccc;margin-bottom:0}.close-modal{display:flex;width:20px;height:20px;position:absolute;top:16px;right:16px;cursor:pointer;justify-content:center;align-items:center}.close-modal:hover{color:#007bff}.m-submit-btn{width:100%;display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:12px;border-radius:8px;border:none;background:#007bff;color:#fff;margin:8px 0}.m-large{width:100%;max-width:600px}.add-page-option{display:flex;padding:7px 16px;align-items:center;gap:12px;align-self:stretch;border-radius:4px;border:1px solid #ddd;background:#fff}.search-pages{background:#fff;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;align-self:stretch;position:relative}.search-pages input{width:100%;padding:16px;border-radius:4px;border:1px solid #ccc;margin-bottom:16px;height:6vh}.m-footer{display:flex;justify-content:right;align-items:center;gap:16px}.selected-pages-container{display:flex;flex-direction:column;gap:8px;justify-content:flex-start;align-self:stretch;position:relative;padding:12px 0;margin-top:2vh}.selected-page{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid #ddd;border-radius:4px;width:calc(50% - 4px);position:relative}.selected-page:focus,.selected-page:hover{background:#f5f5f5}.remove-page{border-radius:65px;right:0;top:0;padding:4px;position:absolute;background:#fff;box-shadow:0 3.879px 3.879px #00000040;cursor:pointer}.selected-pages{display:flex;flex-wrap:wrap;gap:8px;border-radius:4px;border:1px solid #ddd;padding:8px;justify-content:space-between;min-height:8vh;max-height:20vh;overflow-y:auto;scrollbar-width:thin}.selected-pages::-webkit-scrollbar{width:6px}.cancel-page,.add-page{display:flex;width:120px;justify-content:center;align-items:center;border-radius:8px}#create-project-form{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.project-label{padding:0!important;margin:0!important}@media (min-width: 768px) and (max-width: 1024px){.m-content{width:40%;max-width:700px;padding:20px}#modalHeader{font-size:14px}#fs-create-page-form,#title,#slug,#fs-save-page-button{font-size:12px}#fs-save-page-button .icon{height:14px;width:14px}#create-project-form,#projectName{font-size:12px}#addPages{font-size:12px;margin-bottom:6px}#search-pages{padding:4px}#searchInput{font-size:12px;height:6px;padding:16px}#options li span{font-size:12px}#options-container{background:#fff;width:100%;height:10vh;overflow-y:auto;scrollbar-width:thin}.selected-pages-container{font-size:12px}#closeModalBtn .icon{width:10px;height:10px}}:root{--primary-color: #a125e1;--base-font-size: 12px;--widget-mark-color: rgb(20, 173, 20)}.create_new_widget{text-decoration:none;color:inherit;line-height:40px}.create_new_widget span{position:relative;top:6px}.element-options{display:flex;position:absolute;top:-24px;background:var(--primary-color);border:1px solid var(--primary-color);left:-1px;z-index:1;pointer-events:auto}.element-options a,.element-options span{color:#fff;line-height:initial;padding:0 2px;font-size:1rem}.element-options a:hover,.element-options a:focus{background-color:#7f06bc}#iframe-wrapper{width:100%;height:100%}#widgetButtionCodeViewWrapper{flex:1;bottom:0;width:100%;background-color:#fff;text-align:end;border-top:2px solid #e3e3e3;height:fit-content;z-index:1}.tag-name{position:absolute;top:-21px;right:-1px;background-color:#a125e1;color:#fff;font-size:.75rem;padding:0 4px 2px;border-radius:4px;z-index:1;border:1px solid #a125e1;white-space:nowrap}#select-box,#element-info{border:1px solid var(--primary-color);display:none;position:absolute;pointer-events:none;z-index:1;transition:.2s ease all}.widget-marker{border:1px solid var(--widget-mark-color)!important}#select-box,#element-info{border:1px solid var(--primary-color);display:none;position:fixed;pointer-events:none;z-index:1}#edit-widget{display:none}#element-info_details{display:flex;position:absolute;right:-1px;left:auto;top:-24px;color:#fff;padding:.125rem .375rem;font-size:.75rem;background:var(--primary-color);border:1px solid var(--primary-color);z-index:1;pointer-events:auto}.widget-marker #element-info_details{background:var(--widget-mark-color)!important;border:1px solid var(--widget-mark-color)!important}#widget-btn-wrapper{position:relative;width:100%;margin:0;border:0}.column-title .material-symbols-outlined{font-size:18px}.code-tabs{border:1px solid #e5e7eb;border-radius:8px;overflow-y:hidden;background:#fff;height:100%}.tab-nav{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:8px}.tab-btn{padding:8px 16px;border:none;background:none;color:#64748b;font-weight:500;cursor:pointer;border-radius:6px 6px 0 0;transition:all .2s ease;position:relative}.tab-btn:hover{color:#1e40af;background:#eff6ff}.tab-btn.active{color:#1e40af;background:#fff;box-shadow:0 1px #fff}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#1e40af}.tab-content{display:none;background:#fff;height:100%}#lifecycle.tab-content{display:none;justify-content:flex-start;flex-direction:column;height:100%}.tab-content.active{display:block}#lifecycle.tab-content.active{display:flex}.close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#64748b}.close-btn:hover{color:#1e40af}.sub-tab-nav{display:flex;gap:4px;padding:8px;border-bottom:1px solid #e5e7eb}.sub-tab-btn{padding:6px 12px;border:none;background:none;color:#64748b;font-size:.9em;cursor:pointer;border-radius:4px;transition:all .2s ease}.life-cycle-button-wrapper{display:flex;justify-content:space-between;align-items:center;max-height:50px}.btn-add-service{padding:6px 12px;border:none;font-size:.9em;cursor:pointer;border-radius:4px;transition:all .2s ease}.sub-tab-btn:hover{background-color:#f1f5f9;color:#1e40af}.sub-tab-btn.active{background-color:#e0e7ff;color:#1e40af}.sub-tab-content{display:none;justify-content:center;align-items:center;border-radius:8px;overflow:hidden}#lifecycle.active>.sub-tab-content.active{display:flex;height:100%}.lifecycle-editor{height:320px;border:1px solid #e5e7eb;border-radius:4px;padding:8px}._codeSplitViewButton{position:absolute;bottom:35px;left:5px;background:#333;width:28px;height:28px;border:none;border-radius:28% 72% 48% 52%/70% 29% 71% 30%;cursor:pointer;transition:all .2s ease;color:#fff;font-family:-apple-system,sans-serif;font-size:12px;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:1;z-index:1;&:hover{background:#404040;transform:translateY(-1px)}&:active{transform:translateY(0);scale:.95}&:focus-visible{outline:2px solid #646464;outline-offset:2px}&:before{letter-spacing:-.5px}}#codeBlocksContainer{left:0;width:100%;height:0px;transition:all ease-out .5s;overflow:hidden;text-align:start;display:flex;flex-direction:column;justify-content:flex-start}#codeBlocksContainer.visible{height:50vh;opacity:1}#codeBlocksContainer .cm-editor{flex:1;height:100%}.editor-container{display:flex;justify-content:center;align-items:center;height:100%}.fullscreenicon{cursor:pointer}#widgetButtionCodeViewWrapper.fullscreen{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:100}#widgetButtionCodeViewWrapper.fullscreen *{height:100%}#codeBlocksContainer>.tab-nav,#codeBlocksContainer>.code-tabs>.tab-content>.sub-tab-nav,.crossFullscreenIcon>*,.cm-line,.cm-tooltip,.cm-panels,.cm-panels *{height:fit-content!important}.crossFullscreenIcon{display:flex;justify-content:center;align-items:center}.crossFullscreenIcon{top:16px;right:16px;z-index:100;display:flex;gap:12px;align-items:center}#synchronizeWidgetBtn{display:flex;align-items:center;justify-content:center;width:auto;border-radius:.25rem;padding:.5rem;gap:.25rem;cursor:pointer;color:green;border:none;background-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}#synchronizeWidgetBtn:hover{background-color:#f1f5f9cc;transform:scale(1.1)}#synchronizeWidgetBtn:active{transform:scale(.95)}#synchronizeWidgetBtn .material-symbols-outlined{color:green;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.fullscreenicon{font-size:28px!important;color:#64748b;padding:6px;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);&:hover{color:#1e40af;background-color:#f1f5f9cc;transform:scale(1.1)}&:active{transform:scale(.95)}}.close-btn{width:32px;height:32px;border:none;border-radius:50%;background:#f1f5f9cc;color:#64748b;font-size:24px;line-height:1;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding-bottom:4px;&:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}&:active{transform:scale(.95)}}@media (hover: hover){.fullscreenicon:hover,.close-btn:hover{box-shadow:0 2px 8px #0000001a}}.fullscreenicon:focus-visible,.close-btn:focus-visible{outline:2px solid #1e40af;outline-offset:2px}#preview-btn{color:#ccc}#preview-btn.active{background-color:#555;color:#fff;border-color:#ccc}#preview-btn.active .material-symbols-outlined{color:#ccc}#preview-btn>span{margin-top:1.5px}.content.preview{position:absolute;top:0;left:0;width:100%;height:100vh}.content.preview #contentTargetAndCodeViewWrapper{height:calc(100vh - 41px)}#ai-prompt-btn{display:flex;align-items:center;justify-content:center;color:#eee;padding:.2rem 1rem}@media (min-width: 768px) and (max-width: 1024px){:root{--base-font-size: 12px}#widget-builder{font-size:var(--base-font-size)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:6rem}#ai-prompt-btn{font-size:var(--base-font-size);padding:3px 4px}#preview-btn,#save-btn,#updateFsPage,#update-widget-btn,.btn,#fspage-save-button{font-size:var(--base-font-size)}#contentTargetAndCodeViewWrapper{height:calc(100vh - 75px);position:relative;overflow:hidden}.tab-nav .tab-btn,#synchronizeWidgetBtn,#synchronizeWidgetBtn .material-symbols-outlined{font-size:12px}.fullscreenicon{font-size:20px!important}.close-btn{font-size:18px}.ͼ1 .cm-gutter,.ͼ1a .cm-content,.ͼ18 .cm-content,.sub-tab-nav button,.ͼ4 .cm-content{font-size:11px}}@media (min-width: 1025px) and (max-width: 1140px){:root{--base-font-size: 14px}#widget-builder{font-size:var(--base-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10rem}#ai-prompt-btn{font-size:var(--base-font-size);padding:3px 4px}#preview-btn,#save-btn,#updateFsPage,#update-widget-btn,.btn,#fspage-save-button{font-size:var(--base-font-size)}}:root{--primary-color: #0d6efd;--color-light-gray: #eee;--color-medium-gray: #aaa;--color-dark-gray: #333;--color-black: #000;--color-white: #fff;--color-light-red: #ea868f;--sidebar-bg: var(--color-dark-gray);--sidebar-collapsed-bg: var(--color-medium-gray);--sidebar-border: var(--color-dark-gray);--nav-text-color: var(--color-black);--sub-sidebar-bg: var(--color-light-gray);--sub-sidebar-header-color: var(--color-black);--sidebar-width: 240px;--sidebar-collapsed-width: 50px;--menu-toggle-size: 40px;--nav-icon-size: 40px;--padding: 16px;--collapsed-padding: 5px;--action-dorpdown-width: 50px;--font-main: 400 18px/1.2 Inter, sans-serif;--font-secondary: 400 14px/1.2 Inter, sans-serif;--font-header: 600 16px/1.2 "Inter-SemiBold", sans-serif;--gap-small: 10px;--gap-medium: 12px;--gap-large: 16px;--gap-xlarge: 42px;--border-radius-small: 2px;--border-radius-medium: 4px;--border-radius-large: 8px;--font-size: 14px}.sidebar{background-color:var(--sidebar-bg);display:flex;flex-direction:column;padding:var(--padding);width:var(--sidebar-width);left:0;height:calc(100vh - 42px);overflow:auto;overflow-x:hidden;z-index:100;scrollbar-width:none;color:var(--color-white);border-right:1px solid var(--color-black)}.sidebar::-webkit-scrollbar{display:none}.sidebar-collapsed{width:var(--sidebar-collapsed-width)!important;padding:var(--collapsed-padding)!important}.menu-toggle{border-radius:var(--border-radius-medium);border:2px solid var(--color-medium-gray);background-color:#2a2a2a;align-self:end;align-items:center;justify-content:center;width:var(--menu-toggle-size);height:var(--menu-toggle-size);display:inline-flex;padding:calc(var(--menu-toggle-size) / 3) calc(var(--gap-small));flex-direction:column;gap:var(--gap-small)}.nav-menu{display:flex;margin-top:var(--gap-small);width:100%;flex-direction:column;align-items:start;padding:0 calc(var(--gap-large) * 2.6) 0 var(--padding)}.nav-item{display:flex;gap:var(--gap-medium);margin-top:var(--gap-small)}.nav-icon{border:2px solid var(--sidebar-border);display:flex;align-items:center;gap:var(--gap-small);width:var(--nav-icon-size);justify-content:center;height:var(--nav-icon-size)}.nav-icon svg path{stroke:#aaa}.nav-text{margin:auto 0}.sidebar-section{margin-top:var(--gap-small);gap:var(--gap-medium);font:var(--font-secondary);padding:8px 0 4px}.sidebar-collapsed .sidebar-section{padding:4px 0}.sidebar-section hr{display:none}.sidebar-collapsed .nav-text{display:none;pointer-events:none}.sidebar-collapsed .sidebar-section span{display:none}.sidebar-collapsed .sidebar-section hr{display:block;width:100%;margin:0;padding:0;height:2px;background:var(--color-white);opacity:.7}.menu-toggle:hover,.menu-toggle:focus,.nav-icon:hover,.nav-icon:focus{background-color:var(--color-medium-gray);border:1px solid var(--primary-color);border-radius:4px;cursor:pointer;svg path{stroke:var(--primary-color)}}.nav-item:hover{cursor:pointer}.active .nav-icon{background-color:var(--color-medium-gray);border:1px solid var(--primary-color);border-radius:4px;svg path{stroke:var(--primary-color)}}.sub-sidebar{background:var(--color-dark-gray);border:1px solid var(--color-dark-gray);width:calc(var(--sidebar-width) + 42px);min-height:339px;position:fixed;left:var(--sidebar-collapsed-width);z-index:100;color:var(--color-light-gray);border-radius:0 0 8px}.sub-sidebar-header{padding:calc(var(--padding) * 1.5) 0 0 var(--padding);text-align:left;font:var(--font-header);padding:1rem 1rem .5rem;display:flex;align-items:center;justify-content:space-between}.sub-sidebar-content{overflow-y:auto!important}.sub-sidebar-list-container{height:calc(100vh - 144px);overflow-y:auto;scrollbar-width:none;padding:.5rem .5rem 1rem}.sub-sidebar-list-container::-webkit-scrollbar{display:none}.sub-sidebar-list-container ul{padding:0;margin:0;list-style-type:none;width:100%}#created-elements{display:flex;flex-wrap:wrap;justify-content:center;padding:2px;width:100%}.element-item{width:68px;height:68px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--border-radius-large);background:#fff;margin:.5rem;color:var(--color-black);padding:0 4px;position:relative}.element-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-more-element{display:none;border:none;position:absolute;top:2px;right:2px;background:#999;border-radius:.5rem;padding:0}.element-item:hover .btn-more-element{display:flex}.btn-more-element span.material-symbols-outlined{font-size:14px}.element-item img{width:32px;height:32px;pointer-events:none;margin-bottom:8px}.element-details{display:flex;flex-direction:column;align-items:center;width:100%}.element-details img{width:24px;height:24px;margin-bottom:4px}.element-details span{font-size:12px;text-align:center;width:100%;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;max-height:28px}.element-item a{display:block;width:100%;text-align:center;text-decoration:none;color:var(--color-black);font-size:14px}.fslayout-icon{display:inline-flex;padding:14px;flex-direction:column;align-items:center;justify-content:center;margin:8px 5px;border-radius:var(--border-radius-medium);background-color:var(--color-light-gray)}.fslayout-icon img{width:40px;height:40px;pointer-events:none}.element-item img{width:30px;height:30px;pointer-events:none}#fslayout-list-container{border-radius:var(--border-radius-medium);margin-top:1vh;padding:1rem 1.5rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;height:420px}.sub-sidebar-search{display:flex;align-items:center;justify-content:space-between;padding:.5rem}.create-new{display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;margin:0 2px 0 5px}.create-new-icon{border-radius:var(--border-radius-medium);background-color:var(--color-light-gray)}.search-widgets{flex-grow:1}#myWidget-search{font-size:14px}.search-input-wrapper{display:flex;align-items:center;background-color:var(--color-white);padding:5px;border:1px solid var(--color-light-gray);border-radius:4px}.search-input-wrapper input{flex-grow:1;border:none;outline:none;font-size:14px}.upload-assets{color:#333;display:flex;width:100%;align-items:center;justify-content:center;gap:var(--gap-medium);padding:10.5px 16px;position:relative;background-color:var(--color-white);border-radius:var(--border-radius-medium)}.asset-item{width:72px;height:78px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--border-radius-large);margin:1vh;overflow:hidden}.asset-img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-large);background:#fff}.delete-asset{position:absolute;top:0;right:0;border-radius:50%;cursor:pointer;color:var(--color-black);display:flex;align-items:center;justify-content:center;padding:.25rem}.delete-asset img{width:8px}.delete-asset:hover{background:var(--color-light-red)}.fslayout-row{--bs-gutter-x: 0;--bs-gutter-y: 0}.widget-item,.page-item,.project-item{list-style:none;position:relative}.widget-item>router-link::part(link),.page-item router-link::part(link),.project-page-item router-link::part(link),.project-item>router-link{border-bottom:1px solid #454545;border-radius:.25rem;padding:.5rem 2rem .5rem .5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;word-break:break-word;color:#fff}.widget-item router-link::part(link):hover,.widget-item router-link::part(link):focus,.page-item router-link::part(link):hover,.page-item router-link::part(link):focus,.project-page-item router-link::part(link):hover,.project-page-item router-link::part(link):focus,.project-item router-link:hover,.project-item router-link:focus{background-color:#ddd;color:#333}.widget-item ul router-link::part(link),.widget-item ul router-link::part(link):hover,.widget-item ul router-link::part(link):focus,.widget-item ul router-link:hover,.widget-item ul router-link:focus{color:#212529;opacity:1}.delete-icon:hover,.delete-icon:focus{color:red}.widget-item:hover .delete-icon,.page-item:hover .delete-icon,.project-item:hover .delete-icon{display:inline-block;cursor:pointer}.post-icon:hover{color:#007bff}.widget-item:hover .post-icon{right:2rem;top:.5rem}.public-widget-item{list-style:none;position:relative}.public-widget-item router-link{border-bottom:1px solid #454545;padding:.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.public-widget-item router-link.active{background-color:#bd04bd;color:#fff}.public-widget-item router-link.active:hover,.public-widget-item router-link.active:focus{background-color:purple;color:#fff}.public-widget-item router-link:hover,.public-widget-item router-link:focus{border-radius:.25rem;background-color:#efefef;cursor:move;color:#333}.public-widget-item router-link:hover span{color:#333}.my-widgets,.widgets_entry,.public-widgets-list,.folder-widgets-list,.my-projects{padding:.5rem;max-height:50vh;overflow:auto;margin-bottom:1rem}.dropdown-menu{display:none;position:absolute;top:0;right:40px;background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:var(--border-radius-medium);z-index:10;user-select:none}.dropdown-menu.show{display:block;width:var(--action-dorpdown-width)}.dropdown-menu li{display:block;padding:8px 12px;cursor:pointer}.element-item .dropdown-menu{top:20px;right:-14px;min-width:96px}.element-item .dropdown-menu li{padding:.25rem .5rem}.dropdown-menu li:hover{background-color:#f1f1f1}.widget-item,.page-item,.project-item{position:relative}.dropdown-icon{position:absolute;right:.25rem;top:.5rem;cursor:pointer}.dropdown-menu ul{padding:0;margin:0}.dropdown-menu ul li{padding:8px 16px}.dropdown-menu ul li a{text-decoration:none;color:#333;display:block}.dropdown-menu ul li a:hover{background-color:#f0f0f0}@media (min-width: 768px) and (max-width: 1045px){.sidebar{height:calc(100vh - 34.9px);overflow-y:auto;overflow-x:hidden;z-index:100;scrollbar-width:none}svg{height:18px}.toggle-icon svg{height:14px;width:18px}.menu-toggle{border-radius:var(--border-radius-medium);border:2px solid var(--color-medium-gray);background-color:#2a2a2a;align-items:center;justify-content:center;width:32px;height:30px;padding:3px;margin-right:2.5px}.nav-menu{display:flex;margin-top:var(--gap-small);width:100%;flex-direction:column;align-items:start;padding:0 calc(var(--gap-large) * 2.6) 0 var(--padding)}.nav-item{display:flex;gap:12px;margin-top:var(--gap-small);font-size:12px}.nav-icon{border:2px solid var(--sidebar-border);display:flex;align-items:center;width:30px;height:30px;justify-content:center;margin-left:6px}.nav-icon svg path{stroke:#aaa}.nav-text{margin:auto 0}.sidebar-section{margin-top:var(--gap-small);gap:var(--gap-medium);font:var(--font-secondary);padding:8px 0 4px}.sidebar-section hr{display:none}.sidebar-collapsed .nav-text{display:none;pointer-events:none}.sidebar-collapsed .sidebar-section span{display:none}.sidebar-collapsed .sidebar-section hr{display:block;width:100%;margin:0;padding:0;height:2px;background:var(--color-white);opacity:.7}.nav-item:hover{cursor:pointer}.active .nav-icon{background-color:var(--color-medium-gray);border:1px solid var(--primary-color);border-radius:4px}.active .nav-icon svg path{stroke:var(--primary-color)}.element-item{width:66px;height:64px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--border-radius-large);background:#fff;margin:.5rem;color:var(--color-black);padding:0 4px;position:relative}.element-item:hover{transform:translateY(-1.8px);box-shadow:0 3.5px 7px #0000001a}.btn-more-element{top:1px;right:1px;border-radius:.3rem}.btn-more-element span.material-symbols-outlined{font-size:13.5px}.element-item img{width:28px;height:28px;margin-bottom:8px}.element-details img{width:22px;height:22px;margin-bottom:3.5px}.element-details span{font-size:12px;text-align:center;width:100%;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;max-height:28px}.element-item a{font-size:13.5px}.sub-sidebar{width:230px;min-height:350px;position:fixed}.sub-sidebar-list-container{height:calc(100vh - 129px);overflow-y:auto;scrollbar-width:none;padding:.5rem .5rem 1rem}.sub-sidebar-list-container ul{padding:0;margin:0;list-style-type:none;width:100%;font-size:12px}#fslayout-list-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:left;height:50px}.fslayout-icon{display:inline-flex;padding:8px;flex-direction:column;align-items:center;justify-content:center;margin:6px;border-radius:var(--border-radius-medium);background-color:var(--color-light-gray)}.fslayout-icon img{width:36px;height:36px;pointer-events:none}.upload-assets{font-size:12px}#uploadAssetsFile{padding:6px}.asset-item{width:52px;height:52px}.widget-actions{min-width:0}#element-search{font-size:12px;padding:3px}#layout-type-selector{font-size:12px}#publicWidget-search{font-size:12px;padding:3px}#myWidget-search{padding:3px;font-size:12px}#page-search{font-size:12px;padding:3px}.page-item router-link img{height:14px}#sub-sidebar-search{padding:.3rem;height:14px}.create-new-icon{padding:2.5px}.create-new-icon .icon{width:1.9rem;height:1.9rem}#project-search{padding:.2rem;font-size:12px}}@media (min-width: 768px) and (max-width: 1024px){.dropdown-menu{font-size:10px}}.dropdown-menu{position:absolute;background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0003;padding:5px 0;list-style-type:none;margin:0}#documentation router-link::part(link),#tutorials router-link::part(link),#community router-link::part(link){display:flex;gap:var(--gap-medium);width:100%}#widget-documentation-preview-modal{border:none}@media (min-width: 768px){#widget-documentation-preview-modal{flex:0 0 auto;width:66.66666667%}}#documentation-preview{border:1px solid #ccc;padding:1rem}#documentation-preview h3{font-size:1.5rem;margin-bottom:.5rem}.pre-wrapper{background:#f2f5f9;border:1px solid #cecece;display:block;padding:1rem;border-radius:.25rem}.pre-wrapper pre{margin:0;color:#e87aa2}.widget-doc-section pre{background-color:transparent}.widget-doc-section p{margin:0}.widget-doc-section code{color:#e87aa2;font-size:.875rem}.mv-3{margin-top:1rem;margin-bottom:1rem}.pv-3{padding-top:1rem;padding-bottom:1rem}.widget-documentation-heading{background-color:#6e757d;color:#eee;font-size:1.5rem;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.widget-documentation-heading h4{margin-bottom:0}.close-documentation-button{border:none;outline:none;background-color:transparent;line-height:0;margin:0;padding:0;cursor:pointer}.documentation-creator{text-align:right;color:#666;margin:0;padding-top:.5rem;padding-bottom:.5rem}.documentation-creator span{font-style:italic}.documentation-attachments{display:flex;flex-wrap:wrap}.documentation-attachments img{width:25%;height:auto;border:1px solid #ccc;padding:.25rem;margin-top:.5rem;margin-bottom:.5rem}.documentation-attachments iframe{width:50%;border:1px solid #ccc;padding:.25rem;margin-top:.5rem;margin-bottom:.5rem}.widget-documentation-footer{text-align:right;margin-top:1rem}.widget-documentation-footer button{border-radius:0;border:none;padding:.5rem 1.5rem;text-align:center;background:#6e757d;color:#eee}@media (min-width:768px) and (max-width:1024px){#documentation-preview h3{font-size:16px}.widget-documentation-heading h4{font-size:18px}.mv-3 h6,.mv-3 p{font-size:12px}.pre-wrapper pre{font-size:11px}dialog h4{font-size:15px;margin-bottom:2px}.mb-3 .form-label{font-size:13px}.mt-3{margin-top:0!important}#add-custom-service-dialog{width:40%!important}.widget-documentation-footer button{border-radius:0;border:none;font-size:13px;padding:.2rem 1rem;text-align:center;background:#6e757d;color:#eee}}body.modal-open{overflow:hidden}.login-modal{border:none;padding:0;max-width:900px;width:90%;border-radius:16px;overflow:hidden}.login-modal::backdrop{background:#00000080}.login-container{display:flex;background-color:#fff;min-height:500px}.login-form-wrapper{flex:1;max-width:420px;padding:24px 40px;display:flex;flex-direction:column;justify-content:center}.welcome-text{color:#000;font:600 28px/1.2 Inter,sans-serif;margin-bottom:4px}.subtitle-wrapper{color:#000000b3;font:14px/1.5 Roboto,sans-serif;margin-bottom:16px}.form-group{margin-bottom:0}.floating .input-field{height:40px;padding:8px 12px;font-size:14px;border:1px solid #ddd;border-radius:8px;background:#fff;width:100%}.input-field{width:100%;border-radius:8px;padding:10px 16px;border:1px solid #ddd;font-size:14px;transition:border-color .2s}.input-field:focus{border-color:#0d6efd;outline:none}.form-options{display:flex;justify-content:flex-start;align-items:center;margin:0 0 12px}.remember-wrapper{display:flex;align-items:center;gap:8px}.form-check-input{width:16px;height:16px;margin:0}.remember-text{color:#000000b3;font:400 14px Roboto,sans-serif}.login-button{width:100%;border-radius:8px;background-color:#0d6efd;color:#fff;padding:10px;font:500 16px Roboto,sans-serif;border:none;cursor:pointer;transition:background-color .2s;margin-bottom:8px}.login-button:hover{background-color:#0b5ed7}.divider{display:flex;align-items:center;text-align:center;margin:12px 0;color:#00000080;font:14px Roboto,sans-serif}.divider-line{flex-grow:1;height:1px;background:#0000001a;margin:0 16px}.signup-prompt{margin-top:12px;margin-bottom:0;font:400 14px Roboto,sans-serif;text-align:center;color:#000000b3}.signup-link{color:#0d6efd;text-decoration:none;font-weight:500}.signup-link:hover{text-decoration:underline}.image-section{flex:1;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:2px;min-height:500px;overflow:hidden}.hero-image{width:95%;height:95%;object-fit:contain;max-width:520px}#google-sign-in-button-login{margin-bottom:12px!important}@media (max-width: 991px){.login-modal{width:100%;max-width:420px;margin:16px}.login-form-wrapper{padding:24px}.image-section{display:none}}.error-message{background-color:#ffebee;color:#d32f2f;padding:8px 12px;border-radius:4px;font-size:14px;margin-top:8px;display:flex;align-items:center;gap:8px}.error-message .material-symbols-outlined{font-size:20px}.close-button{position:absolute;right:5px;top:5px;background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#00000080;transition:color .2s;z-index:10;outline:none!important}.close-button .material-symbols-outlined{font-size:20px}.close-button:focus{outline:none;color:#00000080}.close-button:hover{color:#000c}.signup-modal{border:none;padding:0;max-width:900px;width:90%;border-radius:16px;overflow:hidden}.signup-modal::backdrop{background:#00000080}.signup-container{display:flex;background-color:#fff;height:600px}.signup-form-wrapper{flex:0 0 45%;padding:16px 32px;display:flex;flex-direction:column;justify-content:center}.signup-image-section{flex:0 0 55%;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:2px;overflow:hidden}.signup-hero-image{width:95%;height:95%;object-fit:contain;max-width:520px}.form-content{display:flex;flex-direction:column;gap:8px}.form-group{margin-bottom:6px}.form-row{display:flex;gap:10px;width:100%;margin-bottom:0}.flex-1{flex:1}.form-group.floating{position:relative}.floating .input-field{height:40px;padding:8px 12px;font-size:14px;border:1px solid #ddd;border-radius:8px;background:#fff}.floating .floating-label{position:absolute;left:7px;top:50%;transform:translateY(-50%);font-size:14px;color:#666;pointer-events:none;transition:.2s ease all;background:#fff;padding:0 4px}.floating .input-field:focus~.floating-label,.floating .input-field:not(:placeholder-shown)~.floating-label{top:0;transform:translateY(-50%) scale(.85);color:#0d6efd}.floating .input-field:focus{border-color:#0d6efd;outline:none}.floating select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;color:#666}.floating select.input-field:invalid~.floating-label{top:50%;transform:translateY(-50%);font-size:14px;color:#666}.floating select.input-field:focus~.floating-label,.floating select.input-field:valid~.floating-label{top:0;transform:translateY(-50%) scale(.85);color:#0d6efd}.floating select.input-field option[value=""]{display:none}.password-field-wrapper{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#666;z-index:2;user-select:none;font-size:20px}.password-toggle:focus{outline:none;color:#0d6efd}.welcome-text{margin-bottom:2px;font-size:24px}.subtitle-wrapper{margin-bottom:8px}.remember-wrapper{margin:4px 0}.divider{margin:2px 0 8px}.login-button{margin-top:2px;margin-bottom:4px}@media (max-width: 991px){.signup-modal{width:100%;max-width:420px;margin:16px}.signup-form-wrapper{flex:1;padding:20px}.signup-image-section{display:none}}