@layer components{.ds{--ds-brand:#6563ff;--ds-brand-hover:#5957e0;--ds-brand-press:#4d4cc2;--ds-brand-soft:#f0f0ff;--ds-brand-soft-hover:#e0e0ff;--ds-brand-text:#6563ff;--ds-on-brand:#fff;--ds-text:#131311;--ds-muted:#6f6f6a;--ds-line:#1313111a;--ds-line-strong:#13131138;--ds-surface:#fff;--ds-surface-alt:#f4f4f5;--ds-danger:#b3261e;--ds-danger-hover:#9a2019;--ds-danger-press:#7f1a14;--ds-danger-soft:#fbe9e7;--ds-danger-text:#b3261e;--ds-success:#1d8a4a;--ds-success-soft:#e3f4ea;--ds-success-text:#1d8a4a;--ds-warning:#c26a05;--ds-warning-soft:#fcf0de;--ds-warning-text:#a65a04;--ds-neutral:#3a3d45;--ds-neutral-soft:#ececee;--ds-neutral-text:#3a3d45;--ds-shadow:0 1px 2px #1313110f, 0 8px 24px -8px #13131124;--ds-r:10px;--ds-r-card:16px;--ds-font:var(--font-sans);font-family:var(--ds-font);color:var(--ds-text)}.ds[data-mode=dark]{--ds-brand-soft:#6563ff38;--ds-brand-soft-hover:#6563ff52;--ds-brand-text:#a9a8ff;--ds-text:#f5f4f0;--ds-muted:#9a9a94;--ds-line:#f5f4f01a;--ds-line-strong:#f5f4f038;--ds-surface:#1d1e23;--ds-surface-alt:#2a2c33;--ds-danger-soft:#e5483c2e;--ds-danger-text:#f08a80;--ds-success-soft:#2eaa622e;--ds-success-text:#6fd39a;--ds-warning-soft:#e68c1e2e;--ds-warning-text:#f2b766;--ds-neutral:#c9c9cf;--ds-neutral-soft:#f5f4f01a;--ds-neutral-text:#d9d9de;--ds-shadow:0 1px 2px #0000004d, 0 8px 24px -8px #00000080}.ds-surface{background:var(--ds-surface);color:var(--ds-text)}.ds-btn{border-radius:var(--ds-r);height:40px;font-family:var(--ds-font);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5em;padding:0 16px;font-size:14px;font-weight:500;line-height:1;transition:background-color .15s,color .15s,border-color .15s,transform .1s,border-radius .3s;display:inline-flex;position:relative}.ds-btn[data-size=xs]{height:28px;padding:0 10px;font-size:12px}.ds-btn[data-size=s]{height:32px;padding:0 12px;font-size:13px}.ds-btn[data-size=l]{height:48px;padding:0 20px;font-size:16px}.ds-btn[data-icon-only]{width:40px;padding:0}.ds-btn[data-icon-only][data-size=xs]{width:28px}.ds-btn[data-icon-only][data-size=s]{width:32px}.ds-btn[data-icon-only][data-size=l]{width:48px}.ds-btn[data-variant=primary]{background:var(--ds-brand);color:var(--ds-on-brand)}.ds-btn[data-variant=primary]:hover:not(:disabled),.ds-btn[data-variant=primary][data-state=hover]{background:var(--ds-brand-hover)}.ds-btn[data-variant=primary]:active:not(:disabled),.ds-btn[data-variant=primary][data-state=active]{background:var(--ds-brand-press)}.ds-btn[data-variant=secondary]{background:var(--ds-brand-soft);color:var(--ds-brand-text)}.ds-btn[data-variant=secondary]:hover:not(:disabled),.ds-btn[data-variant=secondary][data-state=hover],.ds-btn[data-variant=secondary]:active:not(:disabled),.ds-btn[data-variant=secondary][data-state=active]{background:var(--ds-brand-soft-hover)}.ds-btn[data-variant=outline]{border-color:var(--ds-line-strong);color:var(--ds-text);background:0 0}.ds-btn[data-variant=outline]:hover:not(:disabled),.ds-btn[data-variant=outline][data-state=hover]{background:var(--ds-surface-alt)}.ds-btn[data-variant=outline]:active:not(:disabled),.ds-btn[data-variant=outline][data-state=active]{background:var(--ds-surface-alt);border-color:var(--ds-text)}.ds-btn[data-variant=ghost]{color:var(--ds-brand-text);background:0 0}.ds-btn[data-variant=ghost]:hover:not(:disabled),.ds-btn[data-variant=ghost][data-state=hover],.ds-btn[data-variant=ghost]:active:not(:disabled),.ds-btn[data-variant=ghost][data-state=active]{background:var(--ds-brand-soft)}.ds-btn[data-variant=danger]{background:var(--ds-danger);color:#fff}.ds-btn[data-variant=danger]:hover:not(:disabled),.ds-btn[data-variant=danger][data-state=hover]{background:var(--ds-danger-hover)}.ds-btn[data-variant=danger]:active:not(:disabled),.ds-btn[data-variant=danger][data-state=active]{background:var(--ds-danger-press)}.ds-btn:active:not(:disabled),.ds-btn[data-state=active]{transform:scale(.97)}.ds-btn:focus-visible,.ds-btn[data-state=focus]{outline:2px solid var(--ds-brand);outline-offset:2px}.ds-btn[data-variant=danger]:focus-visible,.ds-btn[data-variant=danger][data-state=focus]{outline-color:var(--ds-danger)}.ds-btn:disabled,.ds-btn[data-state=disabled]{opacity:.38;cursor:not-allowed}.ds-btn[aria-busy=true]{cursor:progress}.ds-input{border:1px solid var(--ds-line-strong);border-radius:var(--ds-r);background:var(--ds-surface);width:100%;height:40px;color:var(--ds-text);font-family:var(--ds-font);align-items:center;gap:8px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s,border-radius .3s;display:flex}.ds-input>input,.ds-input>textarea{min-width:0;height:100%;color:inherit;font:inherit;background:0 0;outline:none;flex:1}.ds-input>input::placeholder,.ds-input>textarea::placeholder{color:var(--ds-muted)}.ds-input>svg{color:var(--ds-muted);flex-shrink:0}.ds-input[data-variant=filled]{background:var(--ds-surface-alt);border-color:#0000}.ds-input:hover,.ds-input[data-state=hover]{border-color:var(--ds-muted)}.ds-input:focus-within,.ds-input[data-state=focus],.ds-input[data-state=typing]{border-color:var(--ds-brand);box-shadow:0 0 0 3px var(--ds-brand-soft)}.ds-input[data-state=error]{border-color:var(--ds-danger);box-shadow:0 0 0 3px var(--ds-danger-soft)}.ds-input[data-state=disabled]{border-color:var(--ds-line);background:var(--ds-surface-alt);color:var(--ds-muted);opacity:.6;cursor:not-allowed}.ds-label{margin-bottom:6px;font-size:13px;font-weight:500;display:block}.ds-label small{font-size:inherit;color:var(--ds-muted);margin-left:4px;font-weight:400}.ds-help{color:var(--ds-muted);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.ds-help[data-error]{color:var(--ds-danger-text)}.ds-caret{background:var(--ds-brand);width:1px;height:16px;margin-left:1px;animation:1s step-end infinite ds-mruganie;display:inline-block}@keyframes ds-mruganie{50%{opacity:0}}.ds-choice{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:inline-flex}.ds-choice input{opacity:0;width:1px;height:1px;position:absolute}.ds-box{border:1.5px solid var(--ds-line-strong);border-radius:min(var(--ds-r), 5px);background:var(--ds-surface);width:18px;height:18px;color:var(--ds-on-brand);flex-shrink:0;place-items:center;transition:background-color .15s,border-color .15s;display:grid}.ds-box svg{opacity:0;transition:opacity .15s}.ds-choice input:checked+.ds-box{background:var(--ds-brand);border-color:var(--ds-brand)}.ds-choice input:checked+.ds-box svg{opacity:1}.ds-choice input:focus-visible+.ds-box{outline:2px solid var(--ds-brand);outline-offset:2px}.ds-choice .ds-box[data-radio]{border-radius:999px}.ds-choice input:checked+.ds-box[data-radio]{background:var(--ds-surface);border:5px solid var(--ds-brand)}.ds-switch{border-radius:calc(var(--ds-r) * 2);background:var(--ds-line-strong);cursor:pointer;flex-shrink:0;width:36px;height:22px;transition:background-color .2s,border-radius .3s;position:relative}.ds-switch:after{content:"";border-radius:calc(var(--ds-r) * 2 - 3px);background:#fff;width:16px;height:16px;transition:transform .2s,border-radius .3s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #13131140}.ds-switch[aria-checked=true]{background:var(--ds-brand)}.ds-switch[aria-checked=true]:after{transform:translate(14px)}.ds-switch:focus-visible{outline:2px solid var(--ds-brand);outline-offset:2px}.ds-badge{--b:var(--ds-brand);--b-soft:var(--ds-brand-soft);--b-text:var(--ds-brand-text);border-radius:min(var(--ds-r), 12px);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;height:24px;padding:0 9px;font-size:12px;font-weight:500;line-height:1;transition:border-radius .3s;display:inline-flex}.ds-badge[data-palette=neutral]{--b:var(--ds-neutral);--b-soft:var(--ds-neutral-soft);--b-text:var(--ds-neutral-text)}.ds-badge[data-palette=success]{--b:var(--ds-success);--b-soft:var(--ds-success-soft);--b-text:var(--ds-success-text)}.ds-badge[data-palette=danger]{--b:var(--ds-danger);--b-soft:var(--ds-danger-soft);--b-text:var(--ds-danger-text)}.ds-badge[data-palette=warning]{--b:var(--ds-warning);--b-soft:var(--ds-warning-soft);--b-text:var(--ds-warning-text)}.ds-badge[data-type=filled]{background:var(--b);color:#fff}.ds-badge[data-palette=neutral][data-type=filled]{color:var(--ds-surface)}.ds-badge[data-type=tonal]{background:var(--b-soft);color:var(--b-text)}.ds-badge[data-type=bare]{color:var(--b-text);padding:0 2px}.ds-badge[data-type=outline]{color:var(--b-text);border-color:currentColor}.ds-badge-dot{background:currentColor;border-radius:999px;width:6px;height:6px}.ds-chip{border:1px solid var(--ds-line-strong);border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 6px 0 4px;font-size:13px;display:inline-flex}.ds-avatar{border-radius:999px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:inline-grid;position:relative}.ds-avatar[data-shape=rounded]{border-radius:min(var(--ds-r), 10px)}.ds-card{border:1px solid var(--ds-line);border-radius:var(--ds-r-card);background:var(--ds-surface);transition:border-radius .3s}.ds-tooltip{border-radius:min(var(--ds-r), 8px);background:var(--ds-text);color:var(--ds-surface);padding:6px 10px;font-size:12px;font-weight:500;display:inline-block;position:relative}.ds-tooltip:after{content:"";background:inherit;width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.ds-page{border-radius:min(var(--ds-r), 8px);min-width:30px;height:30px;color:var(--ds-muted);place-items:center;padding:0 6px;font-size:13px;display:inline-grid}.ds-page[aria-current=page]{background:var(--ds-brand);color:var(--ds-on-brand)}.ds-seg{border-radius:calc(min(var(--ds-r), 12px) + 3px);background:var(--ds-surface-alt);gap:2px;padding:3px;display:inline-flex}.ds-seg>button{border-radius:min(var(--ds-r), 12px);height:28px;color:var(--ds-muted);padding:0 12px;font-size:12px;font-weight:500;transition:background-color .2s,color .2s}.ds-seg>button[aria-pressed=true]{background:var(--ds-surface);color:var(--ds-text);box-shadow:0 1px 2px #1313111f}.ds-anim,.ds-anim *{transition-property:background-color,color,border-color,box-shadow,opacity;transition-duration:.6s;transition-timing-function:ease}}