.sys-collapse{margin-top:calc(-1 * var(--sys-collapse-gap,0px));opacity:0;transition:grid-template-rows var(--motion-duration-container) var(--motion-easing-enter), margin-top var(--motion-duration-container) var(--motion-easing-enter), opacity var(--motion-duration-feedback) var(--motion-easing-exit) var(--motion-duration-feedback);grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);display:grid}.sys-collapse[data-gone]{display:none}.sys-collapse[data-state=open]{opacity:1;transition:grid-template-rows var(--motion-duration-container) var(--motion-easing-enter), margin-top var(--motion-duration-container) var(--motion-easing-enter), opacity var(--motion-duration-state) var(--motion-easing-interaction);grid-template-rows:1fr;margin-top:0}.sys-collapse>[data-slot=inner]{--sys-collapse-gap:0px;min-height:0;overflow:hidden}.sys-collapse[data-state=open]>[data-slot=inner]{animation:sys-collapse-clip var(--motion-duration-container) step-end;overflow:visible}@keyframes sys-collapse-clip{0%{overflow:hidden}}.sys-presence{align-items:center;display:inline-flex}.sys-presence[data-still],.sys-presence-slot[data-still][data-open]>span{animation:none}.sys-presence-slot{--sys-presence-gap:0px;vertical-align:middle;transition:grid-template-columns var(--motion-duration-container) var(--motion-easing-enter), margin var(--motion-duration-container) var(--motion-easing-enter);grid-template-columns:0fr;display:inline-grid}.sys-presence-slot[data-axis=height]{transition:grid-template-rows var(--motion-duration-container) var(--motion-easing-enter), margin var(--motion-duration-container) var(--motion-easing-enter);grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);display:grid}.sys-presence-slot:not([data-open])[data-gap-side=end]{margin-inline-end:calc(-1 * var(--sys-presence-gap))}.sys-presence-slot:not([data-open])[data-gap-side=start]{margin-inline-start:calc(-1 * var(--sys-presence-gap))}.sys-presence-slot[data-axis=height]:not([data-open])[data-gap-side=end]{margin-inline-end:0;margin-bottom:calc(-1 * var(--sys-presence-gap))}.sys-presence-slot[data-axis=height]:not([data-open])[data-gap-side=start]{margin-inline-start:0;margin-top:calc(-1 * var(--sys-presence-gap))}.sys-presence-slot[data-open]{grid-template-columns:1fr}.sys-presence-slot[data-axis=height][data-open]{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr)}.sys-presence-slot>span{min-width:0;min-height:0;display:flex;overflow:hidden}.sys-presence-slot[data-open]>span{animation:sys-collapse-clip var(--motion-duration-container) step-end;overflow:visible}.sys-swap{vertical-align:bottom;white-space:nowrap;display:inline-block;position:relative}.sys-swap-old{padding:inherit;pointer-events:none;position:absolute;top:0;left:0}.sys-swap[data-align=end]>.sys-swap-old{left:auto;right:0}.sys-swap[data-align=center]>.sys-swap-old{left:50%;translate:-50%}.sys-swap[data-roll]>*{display:inline-block}.sys-swap[data-block]{white-space:normal;display:block}.sys-swap[data-block]>*{display:block}.sys-swap[data-block]>.sys-swap-old{right:0}.sys-number{vertical-align:bottom;white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-block}.sys-accordion{grid-template-columns:minmax(0,1fr);display:grid}.sys-accordion-item{border-bottom:1px solid var(--semantic-border-subtle)}.sys-accordion-item>[data-slot=heading]{margin:0}.sys-accordion-item>[data-slot=heading]>button{align-items:center;gap:var(--space-2);width:100%;min-height:52px;padding:0 var(--space-5);text-align:left;cursor:pointer;transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;display:flex}@media (hover:hover){.sys-accordion-item>[data-slot=heading]>button:hover{background:var(--component-row-bg-hover)}}.sys-accordion-item>[data-slot=heading]>button:focus-visible{box-shadow:inset 0 0 0 2px var(--semantic-focus-ring-default)}.sys-accordion-item>[data-slot=heading] [data-slot=title]{font:var(--text-label-md);color:var(--semantic-text-primary);flex:none;font-weight:600}.sys-accordion-item>[data-slot=heading] [data-slot=summary]{justify-content:flex-end;align-items:center;gap:var(--space-1-5);min-width:0;color:var(--semantic-text-secondary);font:var(--text-label-md);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;flex:1;display:inline-flex;overflow:hidden}.sys-accordion-item>[data-slot=heading] [data-slot=summary]>.sys-swap{text-overflow:ellipsis;min-width:0;transition:margin var(--motion-duration-container) var(--motion-easing-enter);overflow:hidden}.sys-accordion-item>[data-slot=heading] [data-slot=summary]>.sys-swap:has(>.sys-swap-cur:empty){margin-inline-start:calc(-1 * var(--space-1-5))}.sys-accordion-item>[data-slot=heading] [data-slot=chevron]{color:var(--semantic-text-muted);transition:transform var(--motion-duration-container) var(--motion-easing-exit);flex:none;font-size:14px}.sys-accordion-item[data-state=open]>[data-slot=heading] [data-slot=chevron]{transition-timing-function:var(--motion-easing-enter);transform:rotate(180deg)}.sys-accordion-item [data-slot=content]{gap:var(--space-3);padding:var(--space-1) var(--space-5) var(--space-5);flex-direction:column;display:flex}.sys-tooltip-anchor{display:inline-flex}@media (hover:none) and (pointer:coarse){.sys-tooltip-anchor{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sys-tooltip-anchor :is(input,textarea,[contenteditable]){-webkit-user-select:text;user-select:text}.sys-kbd{display:none!important}}.sys-tooltip{z-index:var(--z-tooltip);align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-md);background:var(--component-tooltip-bg);color:var(--component-tooltip-text);font:var(--text-label-sm);overflow-wrap:anywhere;pointer-events:none;max-width:min(360px,100vw - 16px);box-shadow:var(--shadow-overlay);opacity:0;transform-origin:bottom;display:inline-flex;position:fixed;top:0;left:0}.sys-tooltip[data-placed]{opacity:1}.sys-tooltip[data-side=bottom]{transform-origin:top}.sys-tooltip[data-side=left]{transform-origin:100%}.sys-tooltip[data-side=right]{transform-origin:0}.sys-tooltip[data-detail]{align-items:stretch;gap:var(--space-1);flex-direction:column;max-width:min(260px,100vw - 16px)}.sys-tooltip-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sys-tooltip>.sys-swap,.sys-tooltip-head>.sys-swap{white-space:normal;min-width:0}.sys-tooltip-detail{color:color-mix(in srgb, currentColor 64%, transparent)}.sys-kbd{gap:var(--space-0-5);display:inline-flex}.sys-kbd kbd{min-width:18px;height:18px;padding:0 var(--space-1);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, currentColor 24%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);color:var(--semantic-text-muted);font:var(--text-mono-xs);place-items:center;font-size:10px;font-weight:500;display:inline-grid}.sys-kbd[data-tone=inverse] kbd{color:inherit}.sys-button,.sys-icon-button{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction), border-color var(--motion-duration-feedback) var(--motion-easing-interaction), color var(--motion-duration-feedback) var(--motion-easing-interaction), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction), filter var(--motion-duration-feedback) var(--motion-easing-interaction), transform var(--motion-duration-feedback) var(--motion-easing-interaction);border:1px solid #0000;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.sys-button:active:not(:disabled),.sys-icon-button:active:not(:disabled){transform:scale(var(--press-scale))}.sys-button:disabled,.sys-icon-button:disabled{cursor:not-allowed;color:var(--semantic-text-disabled)}.sys-button{--sys-button-gap:var(--space-1-5);gap:var(--sys-button-gap);height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-lg);font:var(--text-label-md)}.sys-button[data-size=sm]{--sys-button-gap:var(--space-1);height:var(--control-sm);padding:0 10px}.sys-button[data-size=xs]{--sys-button-gap:var(--space-0-5);height:var(--control-xs);padding:0 var(--space-1-5);border-radius:var(--radius-md);font:var(--text-label-sm)}.sys-button>[data-slot=label]{min-width:0;padding:0 var(--space-0-5);text-overflow:ellipsis;overflow:hidden}.sys-button>[data-slot=icon],.sys-icon-button>svg{font-size:16px;display:inline-flex}.sys-button>[data-slot=icon]>*{display:flex}.sys-button[data-size=xs]>[data-slot=icon]{font-size:14px}.sys-button>[data-slot=icon]{transition:margin var(--motion-duration-container) var(--motion-easing-enter)}.sys-button>[data-slot=icon]:first-child:has(>.sys-swap-cur:empty){margin-inline-end:calc(-1 * var(--sys-button-gap))}.sys-button>[data-slot=icon]:last-child:has(>.sys-swap-cur:empty){margin-inline-start:calc(-1 * var(--sys-button-gap))}.sys-button[data-variant=primary]{background:var(--component-button-bg);color:var(--component-button-text)}.sys-button[data-variant=brand]{background:var(--component-button-brand-bg);color:var(--component-button-brand-text)}.sys-button[data-variant=primary]:disabled,.sys-button[data-variant=brand]:disabled{background:var(--component-button-bg-disabled)}.sys-button[data-variant=secondary]{background:var(--component-button-secondary-bg);border-color:var(--component-button-secondary-border)}.sys-button[data-variant=ghost]{color:var(--semantic-text-secondary);background:0 0}.sys-button[aria-pressed=true]{background:var(--component-button-bg);border-color:var(--component-button-bg);color:var(--component-button-text)}@media (hover:hover){.sys-button[data-variant=primary]:hover:not(:disabled){background:var(--component-button-bg-hover)}.sys-button[data-variant=brand]:hover:not(:disabled){filter:brightness(1.06)}.sys-button[data-variant=secondary]:hover:not(:disabled),.sys-button[data-variant=ghost]:hover:not(:disabled){background:var(--component-button-secondary-bg-hover)}.sys-button[data-variant=ghost]:hover:not(:disabled){color:var(--semantic-text-primary)}.sys-button[aria-pressed=true]:hover:not(:disabled){background:var(--component-button-bg-hover)}}.sys-icon-button{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-lg);color:var(--semantic-text-secondary);background:0 0;padding:0}.sys-icon-button[data-size=xs]{width:var(--control-xs);height:var(--control-xs);border-radius:var(--radius-md)}.sys-icon-button[data-size=xs]>svg{font-size:14px}.sys-icon-button[data-size=md]{width:var(--control-md);height:var(--control-md)}.sys-icon-button[data-size=md]>svg{font-size:18px}.sys-icon-button[data-variant=secondary]{background:var(--component-button-secondary-bg);border-color:var(--component-button-secondary-border)}.sys-icon-button[data-variant=overlay]{color:var(--semantic-text-primary)}.sys-icon-button[aria-pressed=true]{background:var(--component-button-bg);color:var(--component-button-text)}@media (hover:hover){.sys-icon-button:hover:not(:disabled){background:var(--component-button-ghost-bg-hover);color:var(--semantic-text-primary)}.sys-icon-button[data-variant=secondary]:hover:not(:disabled){background:var(--component-button-secondary-bg-hover)}.sys-icon-button[aria-pressed=true]:hover:not(:disabled){background:var(--component-button-bg-hover);color:var(--component-button-text)}}@media (hover:none) and (pointer:coarse){.sys-button:after,.sys-icon-button:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.sys-tooltip-anchor,:has(>.sys-tooltip-anchor:only-child)):has(>.sys-icon-button,>.sys-tooltip-anchor>.sys-icon-button)+:is(.sys-tooltip-anchor,:has(>.sys-tooltip-anchor:only-child)):has(>.sys-icon-button,>.sys-tooltip-anchor>.sys-icon-button){margin-inline-start:12px}.sys-tooltip-anchor:has(>.sys-icon-button[data-size=xs])+.sys-tooltip-anchor:has(>.sys-icon-button[data-size=xs]){margin-inline-start:20px}:is(:is(button,.sys-tooltip-anchor:has(>.sys-button))+.sys-tooltip-anchor:has(>.sys-icon-button),.sys-tooltip-anchor:has(>.sys-icon-button)+:is(button,.sys-tooltip-anchor:has(>.sys-button))){margin-inline-start:6px}}.sys-alert{align-items:start;column-gap:var(--space-2);padding:10px var(--space-3);border:1px solid var(--component-alert-border);border-radius:var(--radius-lg);background:var(--component-alert-bg);color:var(--component-alert-text);font:var(--text-text-xs);transition:border-color var(--motion-duration-state) var(--motion-easing-interaction), background-color var(--motion-duration-state) var(--motion-easing-interaction), color var(--motion-duration-state) var(--motion-easing-interaction);grid-template-columns:auto minmax(0,1fr);font-size:12.5px;display:grid}.sys-alert>[data-slot=icon]{transition:color var(--motion-duration-state) var(--motion-easing-interaction)}.sys-collapse>[data-slot=inner]>.sys-alert{animation:none}.sys-alert[data-tone=info]{border-color:var(--semantic-border-subtle);background:var(--semantic-bg-secondary);color:var(--semantic-text-secondary)}.sys-alert[data-tone=info]>[data-slot=icon]{color:var(--semantic-text-muted)}.sys-alert>[data-slot=icon]{margin-top:1px;font-size:16px;display:flex}.sys-alert>[data-slot=icon]>*{display:flex}.sys-alert [data-slot=body],.sys-alert [data-slot=detail]{overflow-wrap:anywhere}.sys-alert[data-dismiss]{grid-template-columns:auto minmax(0,1fr) auto}.sys-alert>[data-slot=main]{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.sys-alert [data-slot=body]{flex:auto;min-width:0}.sys-alert p{margin:0}.sys-alert [data-slot=toggle]{color:inherit;font:inherit;text-align:left;cursor:pointer;transition:box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;padding:0;display:inline}.sys-alert [data-slot=tail]{white-space:nowrap}.sys-alert [data-slot=toggle]:focus-visible{border-radius:var(--radius-sm)}@media (hover:none) and (pointer:coarse){.sys-alert>[data-slot=main]{position:relative}.sys-alert [data-slot=toggle]:after{content:"";inset:min(-11px, (100% - 44px) / 2) calc(-1 * var(--space-3)) min(-11px, (100% - 44px) / 2) 0;position:absolute}}.sys-alert [data-slot=chevron]{margin-left:var(--space-1);vertical-align:-1px;opacity:.7;transition:transform var(--motion-duration-container) var(--motion-easing-exit);font-size:10px}.sys-alert [aria-expanded=true] [data-slot=chevron]{transition-timing-function:var(--motion-easing-enter);transform:rotate(180deg)}.sys-alert>.sys-collapse{grid-column:2/-1}.sys-alert [data-slot=detail]{padding-top:var(--space-1);white-space:pre-line;color:var(--semantic-text-muted)}.sys-alert [data-slot=actions]{gap:var(--space-1);display:flex}.sys-alert-fix>[data-slot=actions],.sys-alert-dismiss>[data-slot=dismiss]{margin:-3px -4px -3px 0}.sys-alert-dismiss,.sys-alert-dismiss>[data-slot=dismiss]{display:flex}.sys-alert [data-slot=actions][data-row],.sys-alert [data-slot=more]{padding-top:var(--space-2)}.sys-alert-link{color:var(--semantic-text-secondary);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--semantic-border-subtle-alt);text-decoration-color:var(--semantic-border-subtle-alt);text-underline-offset:3px;cursor:pointer;transition:color var(--motion-duration-feedback) var(--motion-easing-interaction), text-decoration-color var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;padding:0;position:relative}@media (hover:hover){.sys-alert-link:hover{color:var(--semantic-text-primary);transition-duration:var(--motion-duration-hover-in);text-decoration-color:currentColor}}.sys-alert-link:focus-visible{border-radius:var(--radius-sm)}@media (hover:none) and (pointer:coarse){.sys-alert-link:after{content:"";position:absolute;inset:min(-11px,50% - 22px) -6px}}.sys-alert>[data-slot=below]{grid-column:2/-1;min-width:0}.sys-alert-list{gap:var(--space-1-5);flex-direction:column;display:flex}.sys-card{gap:var(--space-3);border-radius:var(--radius-xl);transition:border-color var(--motion-duration-state) var(--motion-easing-interaction);display:grid}.sys-card[data-tone=outline]{border:1px solid var(--semantic-border-subtle);background:var(--semantic-bg-primary);padding:var(--space-3)}.sys-card[data-tone=inset]{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--semantic-bg-secondary);border:1px solid var(--semantic-border-subtle)}.sys-card[data-state=selected]{border-color:var(--semantic-border-solid)}.sys-card-header{align-items:center;gap:var(--space-2);display:flex}.sys-card-header [data-slot=index]{font:var(--text-label-md);font-variant-numeric:tabular-nums;color:var(--semantic-text-muted)}.sys-card-actions{gap:var(--space-2)}.sys-card-header>[data-slot=title]{min-width:0;font:var(--text-label-md);flex:1}@property --fade-l{syntax:"<length>";inherits:false;initial-value:0}@property --fade-r{syntax:"<length>";inherits:false;initial-value:0}.sys-chip-group{gap:var(--space-1-5);overscroll-behavior-x:contain;scrollbar-width:none;margin:calc(var(--space-1) * -1) calc(var(--space-5) * -1);padding:var(--space-1) var(--space-5);--fade-l:0px;--fade-r:24px;-webkit-mask-image:linear-gradient(to right, transparent, var(--black) var(--fade-l), var(--black) calc(100% - var(--fade-r)), transparent);mask-image:linear-gradient(to right, transparent, var(--black) var(--fade-l), var(--black) calc(100% - var(--fade-r)), transparent);scroll-padding-inline:var(--space-5);transition:--fade-l var(--motion-duration-state) var(--motion-easing-interaction), --fade-r var(--motion-duration-state) var(--motion-easing-interaction);display:flex;overflow-x:auto}.sys-chip-group:not([data-at-start]){--fade-l:24px}.sys-chip-group[data-at-end]{--fade-r:0px}.sys-chip-group::-webkit-scrollbar{display:none}.sys-chip{align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-3);border:1px solid var(--semantic-border-default);border-radius:var(--radius-full);background:var(--semantic-bg-primary);font:var(--text-label-sm);color:var(--semantic-text-secondary);cursor:pointer;transition:border-color var(--motion-duration-feedback) var(--motion-easing-interaction), color var(--motion-duration-feedback) var(--motion-easing-interaction), background-color var(--motion-duration-feedback) var(--motion-easing-interaction), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction), transform var(--motion-duration-feedback) var(--motion-easing-interaction);flex:none;display:inline-flex}@media (hover:hover){.sys-chip:hover{border-color:var(--semantic-border-solid);color:var(--semantic-text-primary)}}.sys-chip:active{transform:scale(var(--press-scale))}.sys-chip>svg{font-size:14px}.sys-dropzone{gap:var(--space-2);padding:var(--space-6) var(--space-4);border:1px dashed var(--semantic-border-default);border-radius:var(--radius-xl);background:var(--semantic-bg-secondary);text-align:center;transition:border-color var(--motion-duration-feedback) var(--motion-easing-interaction), background-color var(--motion-duration-feedback) var(--motion-easing-interaction);justify-items:center;display:grid;position:relative}.sys-dropzone[data-state=over]{border-color:var(--semantic-border-solid);background:var(--semantic-bg-subtle)}.sys-dropzone:before{content:"";border:1px solid var(--semantic-border-solid);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-feedback) var(--motion-easing-interaction);position:absolute;inset:-1px}.sys-dropzone[data-state=over]:before{opacity:1}.sys-dropzone>[data-slot=icon]{border-radius:var(--radius-lg);border:1px solid var(--semantic-border-subtle);background:var(--semantic-bg-primary);width:36px;height:36px;box-shadow:var(--shadow-raised);transition:transform var(--motion-duration-state) var(--motion-easing-enter);place-items:center;font-size:18px;display:grid}.sys-dropzone[data-state=over]>[data-slot=icon]{transform:translateY(-3px)}.sys-dropzone>[data-slot=title]{font:var(--text-label-md)}.sys-dropzone>[data-slot=hint]{max-width:300px;font:var(--text-text-sm);color:var(--semantic-text-muted);text-wrap:pretty}.sys-dropzone>label{margin-top:var(--space-1)}.sys-dropzone:has(input:focus-visible)>label{box-shadow:0 0 0 4px var(--semantic-focus-ring-default)}.sys-field-row{align-items:center;gap:var(--space-3);grid-template-columns:fit-content(50%) minmax(0,1fr);display:grid}.sys-field-row>[data-slot=label]{min-width:56px;font:var(--text-label-sm);color:var(--semantic-text-secondary)}.sys-field-row>.sys-segmented{justify-self:end}.sys-switch{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--control-sm);cursor:pointer;transition:opacity var(--motion-duration-state) var(--motion-easing-interaction);display:flex;position:relative}.sys-switch[data-disabled]{cursor:not-allowed;opacity:.5}.sys-switch>[data-slot=text]{min-width:0;display:grid}.sys-switch [data-slot=label]{font:var(--text-label-sm);color:var(--semantic-text-secondary)}.sys-switch [data-slot=hint]{font:var(--text-label-sm);color:var(--semantic-text-muted)}.sys-switch>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.sys-switch>[data-slot=track]{border-radius:var(--radius-full);background:var(--component-toggle-track-bg);width:36px;height:20px;transition:background-color var(--motion-duration-state) var(--motion-easing-interaction), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction);flex:none;position:relative}.sys-switch>[data-slot=track]>[data-slot=thumb]{background:var(--component-toggle-thumb-bg);width:16px;height:16px;box-shadow:var(--shadow-raised);transition:transform var(--motion-duration-state) var(--motion-easing-enter), width var(--motion-duration-feedback) var(--motion-easing-interaction);border-radius:50%;position:absolute;top:2px;left:2px}.sys-switch:active>[data-slot=track]>[data-slot=thumb]{width:19px;transition-duration:0s}.sys-switch>input:checked+[data-slot=track]{background:var(--component-toggle-track-bg-checked)}.sys-switch>input:checked+[data-slot=track]>[data-slot=thumb]{background:var(--component-toggle-thumb-bg-checked);transform:translate(16px)}.sys-switch:active>input:checked+[data-slot=track]>[data-slot=thumb]{transform:translate(13px)}.sys-switch>input:focus-visible+[data-slot=track]{box-shadow:0 0 0 4px var(--semantic-focus-ring-default)}@media (hover:none) and (pointer:coarse){.sys-switch:after{content:"";position:absolute;inset:min(0px,50% - 22px) 0}}.sys-input{align-items:center;gap:var(--space-1-5);height:var(--control-sm);border:1px solid var(--component-input-border);border-radius:var(--radius-lg);background:var(--component-input-bg);transition:border-color var(--motion-duration-feedback) var(--motion-easing-interaction), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction);padding:0 10px;display:flex}@media (hover:hover){.sys-input:hover{border-color:var(--component-input-border-hover);transition-duration:var(--motion-duration-hover-in)}}.sys-input:focus-within{border-color:var(--component-input-border-hover);box-shadow:0 0 0 4px var(--semantic-focus-ring-default)}.sys-input>[data-slot=leading]{color:var(--semantic-text-muted);font-size:14px;display:inline-flex}.sys-input>input{min-width:0;height:100%;font:var(--text-text-sm);background:0 0;border:0;flex:1;padding:0}.sys-input>input:focus-visible{box-shadow:none}@media (hover:none) and (pointer:coarse){.sys-input>input{height:44px}}.sys-input>input::placeholder,.sys-textarea::placeholder{color:var(--component-input-text-placeholder)}.sys-textarea{width:100%;padding:var(--space-2) 10px;border:1px solid var(--component-input-border);border-radius:var(--radius-lg);background:var(--component-input-bg);font:var(--text-mono-sm);resize:vertical;transition:border-color var(--motion-duration-feedback) var(--motion-easing-interaction), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction)}.sys-textarea:focus-visible{border-color:var(--component-input-border-hover)}@media (hover:hover){.sys-textarea:hover{border-color:var(--component-input-border-hover);transition-duration:var(--motion-duration-hover-in)}}.sys-kv{gap:var(--space-2) var(--space-3);padding:var(--space-3);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-xl);font:var(--text-label-sm);grid-template-columns:72px minmax(0,1fr);margin:0;display:grid}.sys-kv dt{color:var(--semantic-text-muted)}.sys-kv dd{font:var(--text-mono-sm);overflow-wrap:anywhere;margin:0;font-weight:500}.sys-list{border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-xl);background:var(--semantic-bg-primary);overflow:clip}.sys-list>[data-slot=rows]{display:flow-root}.sys-list-header{z-index:1;padding:var(--space-2) var(--space-3);background:var(--semantic-bg-secondary);border-bottom:1px solid var(--semantic-border-subtle);font:var(--text-label-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--semantic-text-secondary);position:sticky;top:0}:is(.sys-list-item+.sys-list-header,.sys-collapse:has(>[data-slot=inner]>.sys-list-item)+.sys-list-header){border-top:1px solid var(--semantic-border-subtle)}.sys-list-item{align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-1-5) var(--space-3);font:var(--text-label-md);transition:background-color var(--motion-duration-feedback) var(--motion-easing-interaction);grid-template-columns:minmax(0,1fr) auto;display:grid}@media (hover:hover){.sys-list-item:hover{background:var(--component-row-bg-hover);transition-duration:var(--motion-duration-hover-in)}}.sys-list-item+.sys-list-item{border-top:1px solid var(--semantic-border-subtle)}.sys-collapse:has(>[data-slot=inner]>.sys-list-item)+.sys-collapse>[data-slot=inner]>.sys-list-item{border-top:1px solid var(--semantic-border-subtle)}.sys-list-item>[data-slot=title]{overflow-wrap:anywhere;min-width:0;transition:color var(--motion-duration-state) var(--motion-easing-interaction);display:grid}.sys-list-item>[data-slot=value]{color:var(--semantic-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;justify-items:end;display:grid}.sys-list-item>[data-slot=value]>.sys-swap{white-space:nowrap}.sys-list-item:has(>.sys-list-action){padding-right:var(--space-1-5);grid-template-columns:minmax(0,1fr) auto auto}.sys-list-item small{color:var(--semantic-text-muted);font:inherit;padding-top:2px;display:block}.sys-list-item>[data-slot=value] small{align-items:center;gap:var(--space-1-5);display:flex}.sys-list-item[data-tone=warning]>[data-slot=title]{color:var(--semantic-text-warning)}.sys-progress{border-radius:var(--radius-full);background:var(--component-progress-track);height:3px;transition:opacity var(--motion-duration-state) var(--motion-easing-enter);position:relative;overflow:hidden}.sys-progress[data-done]{opacity:0;transition:opacity var(--motion-duration-container) var(--motion-easing-exit) var(--motion-duration-container)}.sys-progress>[data-slot=fill]{transform-origin:0;background:var(--component-progress-fill);border-radius:inherit;transition:transform var(--motion-duration-container) var(--motion-easing-enter);position:absolute;inset:0}.sys-progress[data-reset]>[data-slot=fill]{transition:none}.sys-scroll{isolation:isolate;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.sys-scroll-viewport{scrollbar-width:none;flex:auto;min-width:0;min-height:0;overflow:auto}.sys-scroll[data-axis=y]>.sys-scroll-viewport{overflow-x:hidden}.sys-scroll[data-axis=x]>.sys-scroll-viewport{overflow-y:hidden}.sys-scroll-viewport::-webkit-scrollbar{display:none}.sys-scrollbar{z-index:3;opacity:0;touch-action:none;transition:opacity var(--motion-duration-container) var(--motion-easing-exit);position:absolute}.sys-scrollbar[data-axis=y]{top:var(--space-0-5);right:0;bottom:var(--space-0-5);width:12px}.sys-scrollbar[data-axis=x]{left:var(--space-0-5);right:var(--space-0-5);height:12px;bottom:0}.sys-scrollbar[data-page]{z-index:var(--z-scrollbar);position:fixed}.sys-scrollbar[data-hover],.sys-scrollbar[data-active],.sys-scrollbar[data-dragging]{opacity:1;transition-duration:var(--motion-duration-feedback);transition-timing-function:var(--motion-easing-enter)}@media (hover:hover){.sys-scrollbar:hover{opacity:1;transition-duration:var(--motion-duration-hover-in);transition-timing-function:var(--motion-easing-enter)}}.sys-scrollbar.sys-scrollbar[data-hidden]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-duration-container) var(--motion-easing-exit), visibility 0s var(--motion-duration-container)}@media (hover:none) and (pointer:coarse){.sys-scrollbar{pointer-events:none}}.sys-scrollbar-thumb{border-radius:var(--radius-full);background:var(--component-scrollbar-thumb);will-change:transform;position:absolute;top:0;left:0}.sys-scrollbar[data-axis=y]>.sys-scrollbar-thumb{width:4px;transition:width var(--motion-duration-feedback) var(--motion-easing-interaction), left var(--motion-duration-feedback) var(--motion-easing-interaction), background-color var(--motion-duration-feedback) var(--motion-easing-interaction);left:6px}.sys-scrollbar[data-axis=x]>.sys-scrollbar-thumb{height:4px;transition:height var(--motion-duration-feedback) var(--motion-easing-interaction), top var(--motion-duration-feedback) var(--motion-easing-interaction), background-color var(--motion-duration-feedback) var(--motion-easing-interaction);top:6px}.sys-scrollbar[data-active]>.sys-scrollbar-thumb{background:var(--component-scrollbar-thumb-active)}.sys-scrollbar[data-dragging]>.sys-scrollbar-thumb{background:var(--component-scrollbar-thumb-hover)}.sys-scrollbar[data-axis=y][data-dragging]>.sys-scrollbar-thumb{width:7px;left:3px}.sys-scrollbar[data-axis=x][data-dragging]>.sys-scrollbar-thumb{height:7px;top:3px}@media (hover:hover){.sys-scrollbar:hover>.sys-scrollbar-thumb{background:var(--component-scrollbar-thumb-hover);transition-duration:var(--motion-duration-hover-in)}.sys-scrollbar[data-axis=y]:hover>.sys-scrollbar-thumb{width:7px;left:3px}.sys-scrollbar[data-axis=x]:hover>.sys-scrollbar-thumb{height:7px;top:3px}}.sys-section{gap:var(--space-2);flex-direction:column;display:flex}.sys-section[data-gap=md]{gap:var(--space-3)}.sys-section>[data-slot=title]{justify-content:space-between;align-items:baseline;gap:var(--space-2);font:var(--text-label-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--semantic-text-muted);margin:0;display:flex}.sys-section>[data-slot=title] em{font:inherit;text-transform:none;letter-spacing:0;color:var(--semantic-text-secondary);text-align:right;font-style:normal}.sys-section>[data-slot=title] em>.sys-swap{white-space:normal}.sys-note{font:var(--text-text-xs);color:var(--semantic-text-muted);text-wrap:pretty;margin:0}.sys-segmented{isolation:isolate;gap:var(--space-0-5);width:-moz-fit-content;width:fit-content;min-width:0;max-width:100%;height:var(--control-sm);border:1px solid var(--component-segment-border);border-radius:var(--radius-lg);background:var(--component-segment-bg);padding:1px;display:flex;position:relative}.sys-segmented[data-size=md]{height:var(--control-md)}.sys-segmented[data-fill]{grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;width:100%;display:grid}.sys-segmented>[data-slot=indicator]{z-index:-1;border:1px solid var(--component-segment-indicator-border);border-radius:var(--radius-md);background:var(--component-segment-indicator-bg);box-shadow:var(--shadow-raised);opacity:0;transition:transform var(--motion-duration-state) var(--motion-easing-enter), width var(--motion-duration-state) var(--motion-easing-enter), opacity var(--motion-duration-state) var(--motion-easing-interaction);position:absolute;top:1px;bottom:1px;left:0}.sys-segmented[data-resizing]>:is([data-slot=segment],.sys-segmented-tip){flex-shrink:0}.sys-segmented>.sys-segmented-tip{min-width:calc(var(--control-sm) + var(--space-1));flex:0 auto}.sys-segmented-tip>[data-slot=segment]{flex:auto}.sys-segmented [data-slot=segment]{min-width:calc(var(--control-sm) + var(--space-1));justify-content:center;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--component-segment-text);font:var(--text-label-sm);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;touch-action:manipulation;transition:color var(--motion-duration-feedback) var(--motion-easing-interaction), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;display:inline-flex;overflow:hidden}.sys-segmented[data-tone=mono] [data-slot=segment]{font:var(--text-mono-sm);font-weight:500}@media (hover:hover){.sys-segmented [data-slot=segment]:hover:not(:disabled,[aria-disabled=true]){color:var(--component-segment-text-selected)}}.sys-segmented [aria-checked=true]{color:var(--component-segment-text-selected)}.sys-segmented [data-slot=segment]:is(:disabled,[aria-disabled=true]){color:var(--semantic-text-disabled);cursor:not-allowed}.sys-segmented [data-slot=segment]:focus-visible{box-shadow:inset 0 0 0 2px var(--semantic-focus-ring-default)}@media (pointer:coarse){.sys-segmented{height:auto;min-height:44px}}@media (hover:none) and (pointer:coarse){.sys-segmented{padding-block:0}.sys-segmented [data-slot=segment],.sys-segmented>.sys-segmented-tip{min-width:44px}.sys-segmented [data-slot=segment]{margin-block:-1px}}.sys-slider{--slider-h:var(--control-sm);--slider-cap:calc(var(--slider-h) - 2px);isolation:isolate;align-items:center;gap:var(--space-2);width:100%;min-width:0;height:var(--slider-h);padding:0 var(--space-3);border:1px solid var(--component-segment-border);border-radius:var(--radius-lg);background:var(--component-segment-bg);font:var(--text-label-sm);font-variant-numeric:tabular-nums;color:var(--semantic-text-primary);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color var(--motion-duration-feedback) var(--motion-easing-interaction), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction), opacity var(--motion-duration-state) var(--motion-easing-interaction);outline:none;display:flex;position:relative}.sys-slider[data-size=xs]{--slider-h:var(--control-xs);padding:0 var(--space-2)}@media (hover:none) and (pointer:coarse){.sys-slider:after{content:"";z-index:-1;position:absolute;inset:min(0px,50% - 22px) -1px}}.sys-slider[data-dragging]{border-color:var(--semantic-border-default)}@media (hover:hover){.sys-slider:hover{border-color:var(--semantic-border-default);transition-duration:var(--motion-duration-hover-in)}}.sys-slider:focus-visible{box-shadow:0 0 0 2px var(--semantic-focus-ring-default)}.sys-slider[data-disabled]{cursor:not-allowed;opacity:.5}.sys-slider>[data-slot=fill],.sys-slider>[data-slot=blocked]{z-index:-1;border-radius:calc(var(--radius-lg) - 2px);position:absolute;top:1px;bottom:1px;left:1px}.sys-slider>[data-slot=fill]{width:calc(var(--slider-cap) + (100% - 2px - var(--slider-cap)) * var(--slider-pos));border:1px solid var(--component-segment-indicator-border);background:var(--component-segment-indicator-bg);box-shadow:var(--shadow-raised);transition:width var(--motion-duration-state) var(--motion-easing-interaction)}.sys-slider>[data-slot=thumb]{top:50%;left:calc(1px + var(--slider-cap) + (100% - 2px - var(--slider-cap)) * var(--slider-pos) - 7px);width:2px;height:calc(var(--slider-h) / 2.4);background:var(--semantic-text-secondary);opacity:0;transition:left var(--motion-duration-state) var(--motion-easing-interaction), opacity var(--motion-duration-feedback) var(--motion-easing-interaction);border-radius:1px;position:absolute;translate:0 -50%}.sys-slider:focus-visible>[data-slot=thumb],.sys-slider[data-dragging]>[data-slot=thumb]{opacity:1}@media (hover:hover){.sys-slider:hover>[data-slot=thumb]{opacity:1}}.sys-slider[data-dragging]>[data-slot=fill],.sys-slider[data-dragging]>[data-slot=thumb]{transition:none}.sys-slider>[data-slot=blocked]{left:calc(1px + var(--slider-cap) + (100% - 2px - var(--slider-cap)) * var(--slider-from));background:repeating-linear-gradient(135deg, var(--semantic-bg-muted) 0 2px, transparent 2px 6px);opacity:0;transition:opacity var(--motion-duration-state) var(--motion-easing-interaction), left var(--motion-duration-state) var(--motion-easing-interaction);border-top-left-radius:0;border-bottom-left-radius:0;right:1px}.sys-slider>[data-slot=blocked][data-on]{opacity:1}.sys-slider[data-size=xs],.sys-slider[data-size=xs]>[data-slot=fill],.sys-slider[data-size=xs]>[data-slot=blocked]{border-radius:var(--radius-full)}.sys-slider[data-size=xs]>[data-slot=blocked]{border-top-left-radius:0;border-bottom-left-radius:0}.sys-slider>[data-slot=inline]{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--semantic-text-secondary);pointer-events:none;overflow:hidden}.sys-slider>[data-slot=value]{white-space:nowrap;cursor:text;margin-left:auto;position:relative}.sys-slider[data-disabled]>[data-slot=value]{pointer-events:none}.sys-slider>[data-slot=value] small{font:inherit;color:var(--semantic-text-secondary)}.sys-slider[data-editing]>[data-slot=thumb]{opacity:0}.sys-slider:has(>[data-slot=value]:hover)>[data-slot=thumb]{opacity:0}.sys-slider>[data-slot=value]:before{content:"";z-index:-1;border-radius:var(--radius-md);opacity:0;transition:opacity var(--motion-duration-feedback) var(--motion-easing-interaction), background-color var(--motion-duration-feedback) var(--motion-easing-interaction), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction);position:absolute;inset:-3px -5px}.sys-slider[data-size=xs]>[data-slot=value]:before{inset:-2px -4px}@media (hover:hover){.sys-slider>[data-slot=value]:hover:before{opacity:1;background:var(--semantic-bg-hover);transition-duration:var(--motion-duration-hover-in)}}.sys-slider[data-editing]>[data-slot=value]:before{opacity:1;background:var(--component-input-bg);box-shadow:inset 0 0 0 1px var(--component-input-border-hover), 0 0 0 2px var(--semantic-focus-ring-default)}.sys-slider[data-editing]{box-shadow:none}.sys-slider>[data-slot=value]>input{box-sizing:content-box;width:calc(var(--chars) * 1ch);min-width:1ch;font:inherit;font-variant-numeric:tabular-nums;color:var(--semantic-text-primary);text-align:right;background:0 0;border:0;outline:none;margin:0;padding:0}.sys-stat-group{border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-xl);background:var(--semantic-bg-secondary);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.sys-stat{gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-3) 10px;display:grid}.sys-stat+.sys-stat{border-left:1px solid var(--semantic-border-subtle)}.sys-stat>[data-slot=caption]{font:var(--text-label-md);color:var(--semantic-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sys-stat>[data-slot=value]{font:var(--text-label-md);font-variant-numeric:tabular-nums;color:var(--semantic-text-primary);white-space:nowrap}.sys-stat>[data-slot=value] small{font:inherit;color:var(--semantic-text-muted);margin-left:2px}.sys-swatch-picker{gap:var(--space-3);grid-template-columns:fit-content(50%) minmax(0,1fr);align-items:center;display:grid}.sys-swatch-picker>[data-slot=label]{min-width:56px;font:var(--text-label-sm);color:var(--semantic-text-secondary)}.sys-swatch-picker>[data-slot=swatches]{gap:var(--space-1-5);flex-wrap:wrap;display:flex}@property --sys-swatch-scale{syntax:"<number>";inherits:false;initial-value:1}.sys-swatch-picker [data-slot=swatches]>*>:where(button){cursor:pointer;width:24px;height:24px;transition:transform var(--motion-duration-feedback) var(--motion-easing-interaction), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction);background:0 0;border:0;border-radius:50%;padding:0;position:relative}.sys-swatch-picker [data-slot=swatches]>*>:where(button):before{content:"";background:var(--swatch);box-shadow:inset 0 0 0 calc(1px / var(--sys-swatch-scale)) var(--gray-a5);scale:var(--sys-swatch-scale);transition:--sys-swatch-scale var(--motion-duration-state) var(--motion-easing-interaction);border-radius:50%;position:absolute;inset:0}@media (hover:hover){.sys-swatch-picker [data-slot=swatches]>*>:where(button):hover{transition-duration:var(--motion-duration-hover-in);transform:scale(1.08)}.sys-swatch-picker [data-slot=swatches]>*>:is([aria-checked=true],[data-mark=default]):hover{transform:none}}.sys-swatch-picker [data-slot=swatches]>*>[data-mark=default]{cursor:default}.sys-swatch-picker [data-slot=swatches]>*>:where(button):after{content:"";border:1.5px solid var(--semantic-border-solid);opacity:0;--sys-swatch-scale:.85;scale:var(--sys-swatch-scale);transition:opacity var(--motion-duration-state) var(--motion-easing-enter), --sys-swatch-scale var(--motion-duration-state) var(--motion-easing-enter), border-color var(--motion-duration-feedback) var(--motion-easing-interaction);border-radius:50%;position:absolute;inset:0}.sys-swatch-picker [data-slot=swatches]>*>:is([aria-checked=true],[data-checked],[aria-expanded=true]):before{--sys-swatch-scale:calc(17 / 24)}.sys-swatch-picker [aria-checked=true]:after,.sys-swatch-picker [data-slot=custom][data-checked]:after{opacity:1;--sys-swatch-scale:1}.sys-swatch-picker [data-slot=swatches]>*>[data-mark=hidden]:before{--sys-swatch-scale:calc(17 / 24)}.sys-swatch-picker [data-mark=hidden][aria-checked=false]:after{opacity:1;--sys-swatch-scale:1;border-style:dashed;border-color:var(--semantic-text-secondary)}@media (hover:hover){.sys-swatch-picker [data-mark=hidden][aria-checked=false]:hover:after{border-color:var(--semantic-border-solid)}}.sys-swatch-picker [data-slot=swatches]>*>[data-mark=hidden][aria-checked=true]:before{--sys-swatch-scale:1;background:radial-gradient(circle, var(--swatch) calc(7px / var(--sys-swatch-scale)), var(--semantic-text-secondary) 0);box-shadow:none;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='5.75'/><circle cx='12' cy='12' r='7.5' fill='none' stroke='black' stroke-width='1' pathLength='24' stroke-dasharray='1.1 0.9'/></svg>") center / calc(100% / var(--sys-swatch-scale)) no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='5.75'/><circle cx='12' cy='12' r='7.5' fill='none' stroke='black' stroke-width='1' pathLength='24' stroke-dasharray='1.1 0.9'/></svg>") center / calc(100% / var(--sys-swatch-scale)) no-repeat}@property --sys-swatch-bite{syntax:"<length>";inherits:true;initial-value:-1px}.sys-swatch-picker [role=radio]{transition:transform var(--motion-duration-feedback) var(--motion-easing-interaction), box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction), --sys-swatch-bite var(--motion-duration-state) var(--motion-easing-interaction)}.sys-swatch-picker :is([data-mark=default],[data-mark=star]){--sys-swatch-bite:6.5px}.sys-swatch-picker [data-slot=swatches]{--sys-swatch-star:7px}.sys-swatch-picker [data-slot=star]{top:calc(50% - var(--sys-swatch-star) - 7px);right:calc(50% - var(--sys-swatch-star) - 7px);z-index:1;width:14px;height:14px;color:var(--semantic-text-primary);pointer-events:none;opacity:0;transition:opacity var(--motion-duration-state) var(--motion-easing-interaction), scale var(--motion-duration-state) var(--motion-easing-interaction);place-items:center;display:grid;position:absolute;scale:.4}.sys-swatch-picker :is([data-mark=default],[data-mark=star])>[data-slot=star]{opacity:1;scale:1}.sys-swatch-picker [data-slot=star]>svg{width:10px;height:10px}.sys-swatch-picker [role=radio]:before,.sys-swatch-picker [role=radio]:after{-webkit-mask:radial-gradient(circle at calc(50% + var(--sys-swatch-star) / var(--sys-swatch-scale)) calc(50% - var(--sys-swatch-star) / var(--sys-swatch-scale)), transparent calc(var(--sys-swatch-bite) / var(--sys-swatch-scale)), var(--black) calc((var(--sys-swatch-bite) + .5px) / var(--sys-swatch-scale)));mask:radial-gradient(circle at calc(50% + var(--sys-swatch-star) / var(--sys-swatch-scale)) calc(50% - var(--sys-swatch-star) / var(--sys-swatch-scale)), transparent calc(var(--sys-swatch-bite) / var(--sys-swatch-scale)), var(--black) calc((var(--sys-swatch-bite) + .5px) / var(--sys-swatch-scale)))}.sys-swatch-picker .sys-swatch-well{margin-left:var(--space-1)}.sys-swatch-picker [data-slot=custom]:before{background:radial-gradient(circle, var(--component-rail-bg) 0 42%, transparent 44%), var(--gradient-spectrum)}.sys-swatch-picker [data-slot=custom][data-checked]:before{background:radial-gradient(circle, var(--swatch) 0 42%, transparent 44%), var(--gradient-spectrum)}.sys-swatch-picker [data-slot=custom][aria-expanded=true]:after{opacity:1;--sys-swatch-scale:1;border-style:dashed}.sys-swatch-picker [data-slot=swatches]>*>:where(button):focus-visible{box-shadow:0 0 0 2px var(--semantic-focus-ring-default)}.sys-swatch-picker[data-layout=hue]>[data-slot=swatches]{justify-content:space-between;column-gap:0;row-gap:var(--space-2);grid-template-columns:repeat(12,24px);margin-inline:-4px;padding:4px;display:grid}.sys-swatch-picker[data-layout=hue]{container-type:inline-size}@container (width<332px){.sys-swatch-picker[data-layout=hue]>[data-slot=swatches]{grid-template-columns:repeat(10,24px)}}.sys-swatch-picker[data-layout=hue] .sys-swatch-row-start{grid-column-start:1}.sys-swatch-picker[data-layout=hue] .sys-swatch-well{grid-area:1/-2;margin-left:0}.sys-color-popover{z-index:var(--z-popover);gap:var(--space-3);width:240px;padding:var(--space-3);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-xl);background:var(--semantic-bg-floating);box-shadow:var(--shadow-overlay);opacity:0;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;top:0;left:0}.sys-color-popover[data-placed]{opacity:1}.sys-color-popover>[data-slot=field],.sys-color-popover>[data-slot=hue]{touch-action:none;cursor:crosshair;outline:none;position:relative}.sys-color-popover>[data-slot=field]{border-radius:var(--radius-lg);background:linear-gradient(to top, var(--black), transparent), linear-gradient(to right, var(--white), var(--hue));height:148px;box-shadow:inset 0 0 0 1px var(--gray-a5)}.sys-color-popover>[data-slot=hue]{border-radius:var(--radius-full);background:var(--gradient-hue);height:16px;box-shadow:inset 0 0 0 1px var(--gray-a5);cursor:ew-resize}.sys-color-popover [data-slot=thumb]{border:2px solid var(--white);background:var(--swatch);width:14px;height:14px;box-shadow:var(--shadow-thumb);pointer-events:none;transition:box-shadow var(--motion-duration-feedback) var(--motion-easing-interaction);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.sys-color-popover>[data-slot=hue]>[data-slot=thumb]{background:var(--hue);top:50%}.sys-color-popover>:focus-visible>[data-slot=thumb]{box-shadow:var(--shadow-thumb), 0 0 0 5px var(--semantic-focus-ring-default)}.sys-color-popover>[data-slot=footer]{align-items:center;gap:var(--space-2);display:flex}.sys-color-popover [data-slot=preview]{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-lg);background:var(--swatch);box-shadow:inset 0 0 0 1px var(--gray-a5);flex:none}.sys-color-popover .sys-input{flex:1;min-width:0}.sys-color-popover .sys-input>[data-slot=leading]{font:var(--text-mono-sm)}.sys-color-popover .sys-input>input{font:var(--text-mono-sm);letter-spacing:.04em;text-transform:uppercase}.sys-dot{width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--gray-a5);transition:background-color var(--motion-duration-state) var(--motion-easing-interaction);border-radius:50%;flex:none;display:inline-block}.sys-dot[data-size=sm]{width:6px;height:6px}.sys-tabs{gap:var(--space-5);box-shadow:inset 0 -1px 0 var(--component-tabs-rule);display:flex;position:relative}.sys-tabs [role=tab]{align-items:center;gap:var(--space-1-5);height:var(--control-md);color:var(--component-tabs-text);font:var(--text-label-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--motion-duration-feedback) var(--motion-easing-interaction), outline-color var(--motion-duration-feedback) var(--motion-easing-interaction);border-radius:var(--radius-sm);background:0 0;border:0;padding:0;display:inline-flex}@media (forced-colors:none){.sys-tabs [role=tab]{outline-offset:-2px;outline:2px solid #0000}}.sys-tabs [aria-selected=true]{color:var(--component-tabs-text-selected)}@media (hover:hover){.sys-tabs [role=tab]:hover{color:var(--component-tabs-text-selected)}}.sys-tabs [role=tab]:is(:disabled,[aria-disabled=true]){color:var(--semantic-text-disabled);cursor:not-allowed}.sys-tabs [role=tab]:focus-visible{box-shadow:none;outline:2px solid var(--semantic-focus-ring-default);outline-offset:-2px}.sys-tabs [role=tab] [data-slot=badge]{min-width:20px;height:20px;padding:0 var(--space-1-5);border-radius:var(--radius-full);background:var(--component-badge-bg);color:var(--component-badge-text);font:var(--text-label-xs);font-variant-numeric:tabular-nums;place-items:center;display:inline-grid}@media (hover:none) and (pointer:coarse){.sys-tabs [role=tab]{position:relative}.sys-tabs [role=tab]:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sys-tabs>[data-slot=indicator]{pointer-events:none}}.sys-tabs>[data-slot=indicator]{background:var(--component-tabs-indicator);height:2px;transition:transform var(--motion-duration-state) var(--motion-easing-enter), width var(--motion-duration-state) var(--motion-easing-enter), opacity var(--motion-duration-state) var(--motion-easing-interaction);border-radius:1px;position:absolute;bottom:0;left:0}.sys-tabpanel[data-leaving]{pointer-events:none;position:absolute}:where(:has(>.sys-tabpanel[data-leaving])){position:relative}.sys-toaster{left:var(--gutter);right:var(--gutter);bottom:calc(env(safe-area-inset-bottom,0px) + 72px);z-index:var(--z-toast);pointer-events:none;place-items:end center;display:grid;position:fixed}html[data-phone] .sys-toaster{translate:0 calc(var(--phone-drawer-top,calc(100dvh - env(safe-area-inset-bottom,0px) - 72px)) - 100% - 10px);top:0;bottom:auto}.sys-toast{align-items:center;gap:var(--space-2);max-width:min(560px,100%);padding:10px var(--space-4) 10px var(--space-3);border:1px solid var(--semantic-border-subtle-alt);border-radius:var(--radius-xl);background:var(--semantic-bg-floating);box-shadow:var(--shadow-modal);font:var(--text-label-md);text-align:left;overflow-wrap:anywhere;pointer-events:auto;grid-area:1/1;display:inline-flex}.sys-toast>[data-slot=icon]{color:var(--semantic-text-primary);font-size:18px}