.lx-demo{--lxd-ink:#151c26;--lxd-muted:#59616b;--lxd-blue:#365fad;--lxd-line:#dcdedb;color:var(--lxd-ink);border:1px solid var(--lxd-line);text-align:start;background:#fdfcf9;border-radius:16px;min-width:0;padding:clamp(20px,3vw,38px)}.lx-demo *,.lx-demo :before,.lx-demo :after{box-sizing:border-box}.lx-demo-heading{margin-block-end:28px}.lx-demo-eyebrow{color:#596775;letter-spacing:.08em;margin-block-end:14px;font-size:11px;font-weight:650;display:block}.lx-demo h3{letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(23px,2.5vw,32px);font-weight:600;line-height:1.25}.lx-demo p{margin:0;line-height:1.7}.lx-demo-heading p{color:var(--lxd-muted);font-size:15px}.lx-demo button,.lx-demo input,.lx-demo select,.lx-demo textarea{font:inherit}.lx-demo button{border:1px solid var(--lxd-line);min-height:44px;color:var(--lxd-ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:9px 15px;font-size:13px;line-height:1.4;transition:background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.lx-demo button:hover:not(:disabled){background:#f0f3f7;border-color:#8496b0}.lx-demo button:disabled{opacity:.46;cursor:default}.lx-demo :is(button,input,textarea,select):focus-visible,.lx-demo h4:focus-visible{outline-offset:4px;outline:3px solid #365fad}.lx-demo input:not([type=checkbox]),.lx-demo select,.lx-demo textarea{width:100%;min-width:0;color:var(--lxd-ink);background:#fff;border:1px solid #cbd0d2;border-radius:8px;padding:12px;font-size:14px;line-height:1.55;display:block}.lx-demo input:not([type=checkbox]),.lx-demo select{min-height:46px}.lx-demo textarea{resize:vertical;min-height:94px}.lx-demo textarea::-moz-placeholder{color:#747c83;opacity:1}.lx-demo input::-moz-placeholder{color:#747c83;opacity:1}.lx-demo textarea::placeholder,.lx-demo input::placeholder{color:#747c83;opacity:1}.lx-demo input[aria-invalid=true]{border-color:#a13b35}.lx-demo label,.lx-demo legend{margin-block-end:9px;font-size:12px;font-weight:600;display:block}.lx-demo fieldset{border:0;min-width:0;margin:0;padding:0}.lx-demo .lx-demo-primary{color:#fff;background:var(--lxd-blue);border-color:var(--lxd-blue)}.lx-demo .lx-demo-primary:hover:not(:disabled){background:#294f97;border-color:#294f97}.lx-demo-actions{flex-wrap:wrap;gap:10px;margin-block-start:20px;display:flex}.lx-demo .lx-demo-note{color:var(--lxd-muted);margin-block-start:13px;font-size:11px;line-height:1.7}.lx-prompt-context{background:#f0efeb;border-radius:10px;gap:14px;padding:20px;font-size:14px;display:flex}.lx-prompt-context strong{margin-block-end:6px;font-size:12px;display:block}.lx-demo-avatar{color:#fff;background:#263a34;border-radius:9px;flex-shrink:0;place-items:center;width:29px;height:29px;font-family:Georgia,serif;display:grid}.lx-suggestion{color:#365fad;align-items:flex-start;gap:10px;padding:20px 0;display:flex}.lx-suggestion>span{font-size:22px}.lx-suggestion p{flex:1;padding-block-start:7px;font-size:13px}.lx-suggestion button{flex-shrink:0;gap:8px;font-size:11px}.lx-suggestion kbd{color:#59616b;border:1px solid #cbd0d2;border-radius:4px;padding:3px 5px;font:10px ui-monospace,monospace}.lx-demo-receipt{background:#eef3ee;border:1px solid #d2ded2;border-radius:10px;margin-block-start:24px;padding:20px;font-size:13px}.lx-demo-receipt blockquote{overflow-wrap:anywhere;white-space:pre-wrap;border-inline-start:2px solid #6c8b71;margin:12px 0;padding-inline-start:13px}.lx-demo-receipt small{color:#53635a;margin-block-start:14px;font-size:10px;display:block}.lx-interaction-card{border:1px solid var(--lxd-line);background:#fff;border-radius:12px;overflow:hidden}.lx-demo-card-bar{border-block-end:1px solid var(--lxd-line);background:#f3f3ef;align-items:center;gap:10px;padding:16px 20px;font-size:12px;display:flex}.lx-demo-card-bar>span:first-child{color:#365fad;font-size:20px}.lx-demo-step{color:#68717a;white-space:nowrap;margin-inline-start:auto;font-size:10px}.lx-demo-fields{padding:22px}.lx-demo-fields>:is(input,textarea){margin-block-end:18px}.lx-demo-field-row{grid-template-columns:1fr 1fr;gap:16px;margin-block-end:18px;display:grid}.lx-demo-checks{flex-wrap:wrap;gap:14px;display:flex;padding-block-start:2px!important}.lx-demo-checks legend{margin-block-end:12px}.lx-demo-checks label{cursor:pointer;align-items:center;gap:9px;min-height:36px;margin:0;font-size:12px;font-weight:400;display:flex}.lx-demo-checks input{accent-color:#365fad;width:17px;height:17px}.lx-demo .lx-demo-error{color:#9d342c;margin-block-start:12px;font-size:12px}.lx-demo h4{margin:0 0 18px;font-size:19px;font-weight:600}.lx-demo-summary{margin:0}.lx-demo-summary>div{border-block-end:1px solid #eceeea;grid-template-columns:minmax(90px,1fr) 2fr;gap:20px;padding-block:12px;font-size:13px;display:grid}.lx-demo-summary dt{color:#667078}.lx-demo-summary dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.lx-demo .lx-demo-reset{margin-block-start:14px}.lx-demo--appearance{container:lily-appearance/inline-size}.lx-appearance-controls{grid-template-columns:minmax(0,1fr) max-content minmax(160px,220px);align-items:start;gap:20px;margin-block-end:24px;display:grid}.lx-skin-options,.lx-mode-options{flex-wrap:wrap;gap:6px;display:flex}.lx-demo .lx-skin-choice{gap:8px;padding:9px 11px}.lx-skin-choice>span{background:#728e82;border:1px solid #0002;border-radius:50%;width:13px;height:13px}.lx-skin-choice[data-skin=cinnabar]>span{background:#a3493e}.lx-skin-choice[data-skin=titanium]>span{background:#708399}.lx-skin-choice[data-skin=pine-ink]>span{background:#364b42}.lx-demo button[aria-pressed=true]{background:#ebf0f8;border-color:#365fad;box-shadow:inset 0 0 0 1px #365fad}.lx-background-control{width:100%;min-width:0;max-width:none}.lx-appearance-stage{background-color:#e4e9e3;background-position:50%;background-size:cover;border:1px solid #d4dad6;border-radius:12px;margin:0;padding:clamp(12px,3vw,42px) clamp(10px,3vw,40px) 14px;transition:background-color .3s}.lx-appearance-stage[data-mode=dark]{background-color:#26342f;border-color:#3d4944}.lx-appearance-window{background:#f2f1ec;border:1px solid #0002;border-radius:9px;overflow:hidden;box-shadow:0 18px 45px #17281b22}.lx-demo-window-bar{color:#626b70;background:#f4f3ef;border-block-end:1px solid #0001;justify-content:space-between;align-items:center;gap:14px;min-height:32px;padding:7px 12px;font-size:9px;display:flex}.lx-demo-window-bar>span:first-child{color:#b4b9b7;letter-spacing:3px;direction:ltr;font-size:9px}.lx-appearance-window img{aspect-ratio:3/2;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;width:100%;height:auto;display:block}.lx-appearance-stage figcaption{color:#3c4845;background:#fdfcf9ed;border-radius:5px;width:fit-content;max-width:100%;margin:14px auto 0;padding:5px 9px;font-size:10px;line-height:1.5;display:block}.lx-image-fallback{text-align:center;aspect-ratio:3/2;color:#59616b;place-items:center;padding:24px;font-size:13px;display:grid}.lx-demo--compact{padding:24px}.lx-demo--compact h3{font-size:25px}.lx-demo--compact .lx-demo-heading{margin-block-end:22px}.lx-demo[dir=rtl] .lx-demo-eyebrow{letter-spacing:0}@media (max-width:640px){.lx-suggestion{flex-wrap:wrap}.lx-suggestion p{flex-basis:calc(100% - 35px)}.lx-suggestion button{margin-inline-start:30px}.lx-demo-field-row{grid-template-columns:1fr}.lx-demo-fields{padding:18px}.lx-demo-summary>div{grid-template-columns:1fr;gap:5px}.lx-appearance-controls{gap:18px}.lx-appearance-controls>fieldset:first-child{flex-basis:100%}.lx-skin-options{grid-template-columns:1fr 1fr;display:grid}.lx-demo-window-bar>span:last-child{display:none}.lx-demo-card-bar{padding:14px}.lx-demo--compact{padding:20px}}@media (prefers-reduced-motion:reduce){.lx-demo *,.lx-demo :before,.lx-demo :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.lx-demo .lx-gallery-toggle{min-height:36px;color:var(--lxd-blue);background:0 0;border-color:#0000;margin-block-start:10px;padding:5px 0;font-size:12px;display:flex}.lx-demo .lx-gallery-toggle:hover:not(:disabled){background:0 0;border-color:#0000;text-decoration:underline}.lx-skin-choice[data-skin=classic]>span{background:#e0ded7}.lx-skin-choice[data-skin=emirati]>span,.lx-skin-choice[data-skin=champagne]>span{background:#b6a172}.lx-skin-choice[data-skin=sandstone]>span{background:#c5aa8c}.lx-skin-choice[data-skin=platinum]>span{background:#a9b4bc}.lx-skin-choice[data-skin=obsidian]>span{background:#383b41}.lx-skin-choice[data-skin=forest]>span{background:#657760}.lx-skin-choice[data-skin=nord]>span{background:#6d829c}.lx-skin-choice[data-skin=lavender]>span{background:#9887a7}.lx-skin-choice[data-skin=sand]>span{background:#c6b695}.lx-skin-choice[data-skin=ink]>span{background:#334b65}.lx-skin-choice[data-skin=pearl]>span{background:#e9e5db}.lx-appearance-controls>fieldset>legend{padding:0}.lx-appearance-controls :is(.lx-skin-choice,.lx-mode-options button){min-height:46px}.lx-appearance-controls .lx-mode-options{flex-wrap:nowrap}.lx-demo .lx-background-control select{appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235d6e63' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;height:46px;min-height:46px;padding-block:10px;padding-inline:12px 36px}.lx-demo[dir=rtl] .lx-background-control select{background-position:12px}.lx-demo .lx-background-control select:focus-visible{outline:2px solid var(--lxd-blue);outline-offset:3px}@container lily-appearance (max-width:760px){.lx-appearance-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 16px}.lx-appearance-controls>fieldset:first-child{grid-column:1/-1}.lx-appearance-controls .lx-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lx-appearance-controls .lx-mode-options button{min-width:0;padding-inline:8px}.lx-appearance-controls .lx-skin-options{flex-wrap:wrap;display:flex}}@container lily-appearance (max-width:420px){.lx-appearance-controls .lx-skin-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lx-appearance-controls .lx-skin-choice{justify-content:flex-start;min-width:0;padding-inline:9px}}