:root{--al-ink: #10163a;--al-muted: #6b7194;--al-faint: #9aa0bf;--al-bg: #f5f6fb;--al-surface: #fff;--al-line: #e4e7f2;--al-line-soft: #eef0f8;--al-violet: #6d4aff;--al-teal: #14b8a6;--al-amber: #f59e0b;--al-red: #e5484d;--al-green: #16a34a;--al-blue: #2563eb;--al-gradient: linear-gradient(100deg, #6d4aff 0%, #14b8a6 100%);--al-radius: 14px;--al-shadow: 0 1px 2px rgb(16 22 58 / 5%), 0 6px 18px rgb(16 22 58 / 5%);--al-sidebar-width: 238px;--al-card-padding: 1rem;--al-motion-duration: .16s;--al-font-display: "Bricolage Grotesque", Georgia, serif;--al-font-body: "Inter", system-ui, sans-serif;--al-font-mono: "JetBrains Mono", ui-monospace, monospace}@media(max-width:32.5rem){:root{--al-card-padding: .75rem}}@media(prefers-reduced-motion:reduce){:root{--al-motion-duration: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.settings-demo-editor{display:grid;gap:1rem;color:var(--al-ink)}.settings-demo-editor .page-head,.settings-demo-editor .card-head,.settings-demo-editor .preset-row,.settings-demo-editor .count,.settings-demo-editor footer{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.settings-demo-editor .page-head h2,.settings-demo-editor .card h3{margin:0;font:700 1.1rem var(--al-font-display)}.settings-demo-editor p{margin:.2rem 0 0;color:var(--al-muted);font-size:.75rem}.settings-demo-editor .demo,.settings-demo-editor .status{border-radius:999px;background:color-mix(in srgb,var(--al-violet) 12%,var(--al-surface));color:var(--al-violet);font-size:.68rem;font-weight:700;padding:.25rem .6rem;text-transform:uppercase}.settings-demo-editor .status.dirty{background:#fffbeb;color:#b45309}.settings-demo-editor .card{background:var(--al-surface);border:1px solid var(--al-line);border-radius:var(--al-radius);box-shadow:var(--al-shadow);padding:1.2rem}.settings-demo-editor .preset-row{align-items:flex-end;border-bottom:1px solid var(--al-line-soft);padding:1rem 0}.settings-demo-editor .preset-row label{display:grid}.settings-demo-editor .preset-row span,.settings-demo-editor .count span,.settings-demo-editor footer small,.settings-demo-editor .legend>small{color:var(--al-muted);font-size:.7rem}.settings-demo-editor .preset-row select{min-width:15rem}.settings-demo-editor .count{align-items:center;padding:1rem 0}.settings-demo-editor .rows{display:grid}.settings-demo-editor .check,.settings-demo-editor .remove{border:0;border-radius:6px;height:1.6rem;width:1.6rem}.settings-demo-editor .check{background:var(--al-line);color:transparent}.settings-demo-editor .check.on{background:var(--al-violet);color:#fff}.settings-demo-editor .remove{background:none;color:var(--al-muted);font-size:1.1rem}.settings-demo-editor input,.settings-demo-editor select{background:var(--al-surface);border:1px solid var(--al-line);border-radius:8px;color:var(--al-ink);font:inherit;padding:.45rem .6rem}.settings-demo-editor .add-box{border:1px dashed var(--al-line);border-radius:10px;margin-top:.9rem;padding:.75rem}.settings-demo-editor .add-box>label{color:var(--al-muted);font-size:.65rem;font-weight:700;text-transform:uppercase}.settings-demo-editor .add-box>div{display:flex;gap:.55rem;margin-top:.45rem}.settings-demo-editor .add-box input{flex:1}.settings-demo-editor .add-box button,.settings-demo-editor footer button{background:var(--al-violet);border:0;border-radius:8px;color:#fff;padding:.5rem .8rem}.settings-demo-editor .legend{background:var(--al-canvas);border-radius:10px;margin-top:1rem;padding:.8rem}.settings-demo-editor .legend p{line-height:1.5}.settings-demo-editor .legend span{border-radius:5px;font-weight:700;margin-right:.45rem;padding:.15rem .4rem}.settings-demo-editor footer{align-items:center;border-top:1px solid var(--al-line-soft);margin-top:1rem;padding-top:1rem}.settings-demo-editor button{cursor:pointer}.settings-demo-editor button:disabled{cursor:not-allowed;opacity:.45}.settings-demo-editor input:focus-visible,.settings-demo-editor select:focus-visible,.settings-demo-editor button:focus-visible{outline:2px solid var(--al-violet);outline-offset:2px}@media(max-width:40rem){.settings-demo-editor .page-head,.settings-demo-editor .card-head,.settings-demo-editor .preset-row,.settings-demo-editor footer{align-items:stretch;flex-direction:column}.settings-demo-editor .preset-row select{min-width:0;width:100%}.settings-demo-editor .add-box>div{align-items:stretch;flex-direction:column}}:root{--fl-surface: var(--lpx-card-bg, #fff);--fl-border: color-mix(in srgb, currentColor 14%, transparent);--fl-muted: color-mix(in srgb, currentColor 64%, transparent);--fl-positive: #137a55;--fl-negative: #b42318;--fl-warning: #9a6700;--fl-radius: .75rem;--lpx-theme-light-bg: url("./media/login-bg-img-light-YMKE7EY5.svg");--lpx-theme-dim-bg: url("./media/login-bg-img-dim-SWWWEPJE.svg");--lpx-theme-dark-bg: url("./media/login-bg-img-dark-JYHL77E3.svg");--lpx-logo-icon: url("./media/icon-lite-NS7GQYNX.svg");--lpx-logo-url: var(--lpx-logo-icon);--lpx-logo: var(--lpx-logo-icon)}:root .abp-logo{background-repeat:no-repeat}:root .abp-support{width:178px;height:30px;background-image:url("./media/abp-support-HUD6V6NA.svg")}:root .abp-community{width:215px;height:30px;background-image:url("./media/abp-community-TWKX3PKP.svg")}:root .abp-blog{width:142px;height:30px;background-image:url("./media/abp-blog-CXMRJLUT.svg")}:root .logo-x{width:20px;height:20px;background-image:url("./media/x-PXBBTONJ.svg")}
