.code-block .disclosure-heading{padding-right:96px}.code-block-name{font:400 14px/20px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.code-block .code-block-body{padding:0}.code-block .code-block-copy{position:absolute;top:0;right:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 8px;margin:0;border:0;border-radius:var(--radius-surface,2px);background:transparent;color:var(--ink-muted,#666);font-family:inherit;font-size:13px;font-weight:400;line-height:20px;cursor:pointer;transition:color var(--motion-link,.18s) var(--ease-ui,ease)}.code-block .code-block-copy:hover{color:var(--ink,#000)}.code-block :is(.code-block-copy,.code-block-source):focus-visible{outline:1px solid rgb(0 0 0/var(--underline-focus,.45));outline-offset:-3px}.code-block .code-block-source{box-sizing:border-box;max-height:480px;overflow:auto;margin:0;padding:16px;background:var(--surface-base,#fff);white-space:pre;tab-size:2;overscroll-behavior:contain}.code-block .code-block-source,.code-block .code-block-source code{font:400 13px/20px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:normal}.code-block-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion:reduce){.code-block .code-block-copy{transition:none}}.form-example,.form-field{display:grid;gap:calc(var(--space-unit, 4px) * 2);font-family:inherit;font-size:var(--font-size-compact,14px);font-weight:400;line-height:var(--line-height-compact,20px)}.form-example{gap:calc(var(--space-unit, 4px) * 4);width:100%;max-width:var(--form-width,420px)}.form-field-label{display:block;color:var(--ink,#000)}.form-field .form-field-hint,.form-required{color:var(--ink-muted,#666)}.form-field .form-field-error,.form-field .form-field-hint,.form-message.form-message{margin:0;font-size:var(--font-size-caption,12px);line-height:var(--line-height-caption,20px)}.form-field .form-field-error,.form-message[data-status=error]{color:var(--field-error,#b3261e)}.form-message[data-status=success]{color:var(--field-success,#276738)}.form-button.form-button,.form-input.form-input{box-sizing:border-box;min-height:var(--control-height,44px);border:0;border-radius:var(--radius-surface,2px);padding:calc(var(--space-unit, 4px) * 2) calc(var(--space-unit, 4px) * 3);color:var(--ink,#000);background-color:var(--control-rest,#ededed);font-family:inherit;font-size:var(--font-size-compact,14px);font-weight:400;line-height:var(--line-height-compact,20px);transition:background-color var(--motion-control,.18s) var(--ease-ui,ease),color var(--motion-control,.18s) var(--ease-ui,ease)}.form-input.form-input{width:100%;min-width:0}.form-select{position:relative;display:block}.form-select>select.form-input{appearance:none;padding-right:calc(var(--space-unit, 4px) * 10)}.form-select>svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--ink-muted,#666)}.form-input.form-textarea{min-height:112px;resize:vertical}.form-button.form-button{cursor:pointer;width:fit-content;max-width:100%;justify-self:start}.form-button.form-button[data-full-width]{width:100%;justify-self:stretch;align-self:stretch}.form-button.form-button[data-size=field]{min-height:var(--control-height,44px);padding-block:12px}.form-button[data-variant=primary]{color:var(--surface-base,#fff);background-color:var(--ink,#000)}.form-checkbox-label{position:relative;display:flex;gap:calc(var(--space-unit, 4px) * 2);align-items:center;min-height:var(--control-height,44px);cursor:pointer}.form-checkbox.form-checkbox{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:inherit;appearance:none}.form-checkbox-mark{border-radius:var(--radius-surface,2px);display:flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;background-color:var(--selection-surface,#a0a0a0);color:var(--surface-base,#fff)}.form-checkbox-mark svg{opacity:0}.form-checkbox:checked+.form-checkbox-mark{background-color:var(--ink,#000)}.form-checkbox:checked+.form-checkbox-mark svg{opacity:1}.form-checkbox:disabled+.form-checkbox-mark{background-color:var(--field-disabled-surface,#f2f2f2);color:var(--field-disabled-ink,#8a8a8a)}.form-checkbox:focus-visible+.form-checkbox-mark{outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:2px}.form-checkbox[aria-invalid=true]+.form-checkbox-mark{background-color:var(--field-error,#b3261e)}@media (hover:hover){.form-checkbox:enabled:not(:checked):hover+.form-checkbox-mark{background-color:var(--selection-surface-hover,#8c8c8c)}}.form-input[aria-invalid=true]{background-color:color-mix(in srgb,var(--field-error,#b3261e) 8%,var(--surface-base,#fff))}.form-button.form-button:focus-visible,.form-checkbox.form-checkbox:focus-visible,.form-input.form-input:focus-visible{outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:2px}.form-button:disabled,.form-input:disabled{color:var(--field-disabled-ink,#8a8a8a);background-color:var(--field-disabled-surface,#f2f2f2);cursor:not-allowed;opacity:1}.form-checkbox-label:has(:disabled){color:var(--field-disabled-ink,#8a8a8a);cursor:not-allowed}@media (hover:hover){.form-input:enabled:not([aria-invalid=true]):hover{background-color:var(--control-hover,#e3e3e3)}.form-button[data-variant=primary]:enabled:hover{background-color:var(--ink-muted,#666)}.form-button[data-variant=secondary]:enabled:hover{background-color:var(--control-hover,#e3e3e3)}}@media (prefers-reduced-motion:reduce){.form-button.form-button,.form-input.form-input{transition:none}}.form-button[data-variant=primary]:enabled:active{background-color:var(--control-pressed,#333)}.form-button[data-variant=secondary]:enabled:active{background-color:var(--control-hover,#e3e3e3)}.form-checkbox-mark{transition:background-color var(--motion-control,.18s) var(--ease-ui,ease)}.form-checkbox-mark svg{transition:opacity var(--motion-control,.18s) var(--ease-ui,ease)}@media (hover:hover){.form-checkbox:enabled:checked:hover+.form-checkbox-mark{background-color:var(--control-pressed,#333)}}@media (prefers-reduced-motion:reduce){.form-checkbox-mark,.form-checkbox-mark svg{transition:none}}@media (min-width:640px) and (pointer:fine){.form-input.form-input{min-height:var(--field-height,36px)}.form-button.form-button{min-height:var(--button-height,32px);padding-block:6px}.form-button.form-button[data-size=field]{min-height:var(--field-height,36px);padding-block:8px}.form-input.form-textarea{min-height:96px}}.form-button{position:relative}.form-button[data-loading] .button-label{opacity:0}.button-spinner{position:absolute;left:calc(50% - 7px);top:calc(50% - 7px);animation:button-spin 1s linear infinite}@keyframes button-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.button-spinner{animation:none}}.form-input.form-input:not(textarea){height:var(--control-height,44px)}@media (min-width:640px) and (pointer:fine){.form-input.form-input:not(textarea){height:var(--field-height,36px)}}@media (max-width:639px),(pointer:coarse){.form-button.form-button{min-width:var(--control-height,44px);border-block:calc((var(--control-height,44px) - var(--button-height,32px)) / 2) solid transparent;padding-block:6px;background-clip:padding-box}.form-button.form-button[data-size=field]{border-block-width:calc((var(--control-height,44px) - var(--field-height,36px)) / 2);padding-block:8px}}.selection-group,.selection-switch{font-family:inherit;font-size:var(--font-size-compact,14px);font-weight:400;line-height:var(--line-height-compact,20px);color:var(--ink,#000)}.selection-switch{display:flex;align-items:center;position:relative;gap:8px;min-height:var(--control-height,44px);cursor:pointer}.selection-group .selection-option>input,.selection-switch>input{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;cursor:inherit}.selection-switch-track{display:block;position:relative;flex:0 0 28px;width:28px;height:16px;box-sizing:border-box;border:0;border-radius:16px;background-color:var(--selection-surface,#a0a0a0);transition:background-color var(--motion-control,.18s) var(--ease-ui,ease)}.selection-switch-track>span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background-color:var(--surface-base,#fff);transition:transform var(--motion-control,.18s) var(--ease-ui,ease)}.selection-switch>input:checked+.selection-switch-track{background-color:var(--ink,#000)}.selection-switch>input:checked+.selection-switch-track>span{transform:translateX(12px)}.selection-switch>input:focus-visible+.selection-switch-track{outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:2px}.selection-switch:has(:disabled){color:var(--field-disabled-ink,#8a8a8a);cursor:not-allowed}.selection-switch>input:disabled+.selection-switch-track{background-color:var(--field-disabled-surface,#f2f2f2)}.selection-switch>input:disabled+.selection-switch-track>span{background-color:var(--field-disabled-ink,#8a8a8a)}.selection-group.selection-group{border:0;padding:0;margin:0;min-width:0}.selection-group>legend{padding:0;margin-bottom:8px;font:inherit}.selection-options{display:grid}.selection-option{display:flex;position:relative;align-items:center;gap:8px;min-width:0;min-height:var(--control-height,44px);cursor:pointer}.selection-option>span{overflow-wrap:anywhere}.selection-radio-mark{display:flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;border:0;border-radius:50%;background-color:var(--selection-surface,#a0a0a0);color:var(--surface-base,#fff);transition:background-color var(--motion-control,.18s) var(--ease-ui,ease)}.selection-radio-mark>svg{opacity:0}.selection-option>input:checked+.selection-radio-mark{background-color:var(--ink,#000)}.selection-option>input:checked+.selection-radio-mark>svg{opacity:1}.selection-option>input:focus-visible+.selection-radio-mark{outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:2px}.selection-option>input:disabled+.selection-radio-mark{background-color:var(--field-disabled-surface,#f2f2f2)}.selection-option>input:disabled:checked+.selection-radio-mark{background-color:var(--field-disabled-ink,#8a8a8a)}.selection-option:has(:disabled){color:var(--field-disabled-ink,#8a8a8a);cursor:not-allowed}.selection-group[data-variant=segmented]{width:fit-content;max-width:100%}.selection-group[data-variant=segmented] .selection-options{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;padding:2px;border-radius:var(--radius-surface,2px);background-color:var(--control-rest,#ededed)}.selection-group[data-variant=segmented] .selection-option{justify-content:center;box-sizing:border-box;padding:calc((var(--control-height-compact, 32px) - var(--line-height-compact, 20px)) / 2) 8px;min-height:var(--control-height-compact,32px);border:0;border-radius:var(--radius-surface,2px);color:var(--ink-muted,#666);text-align:center;transition:background-color var(--motion-control,.18s) var(--ease-ui,ease),color var(--motion-control,.18s) var(--ease-ui,ease)}.selection-group[data-variant=segmented] .selection-option:has(:checked){color:var(--ink,#000);background-color:var(--surface-base,#fff)}.selection-group[data-variant=segmented] .selection-option:has(:focus-visible){outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:2px}.selection-group[data-variant=segmented] .selection-option:has(:disabled){color:var(--field-disabled-ink,#8a8a8a);cursor:not-allowed}@media (hover:hover){.selection-switch:has(input:enabled:not(:checked)):hover .selection-switch-track{background-color:var(--selection-surface-hover,#8c8c8c)}.selection-switch:has(input:enabled:checked):hover .selection-switch-track{background-color:var(--control-pressed,#333)}.selection-option:has(input:enabled:not(:checked)):hover .selection-radio-mark{background-color:var(--selection-surface-hover,#8c8c8c)}.selection-group[data-variant=segmented] .selection-option:has(input:enabled:not(:checked)):hover{color:var(--ink,#000);background-color:var(--surface-paper,#fafafa)}}@media (max-width:639px),(pointer:coarse){.selection-group[data-variant=segmented] .selection-options{padding:2px}.selection-group[data-variant=segmented] .selection-option{min-height:calc(var(--control-height,44px) - 4px)}.selection-group[data-variant=segmented] .selection-option>input{top:-2px;height:calc(100% + 4px)}}@media (prefers-reduced-motion:reduce){.selection-group[data-variant=segmented] .selection-option,.selection-radio-mark,.selection-switch-track,.selection-switch-track>span{transition:none}}.selection-toolbar{--toolbar-segment-height:var(--control-height-compact,32px);--toolbar-row:var(--control-height,44px);display:flex;flex-wrap:wrap;align-items:flex-end;gap:24px}.selection-toolbar:has(>.selection-group[data-variant=segmented]){--toolbar-row:max(var(--control-height,44px),calc(var(--toolbar-segment-height) + 4px))}.selection-toolbar .selection-group[data-variant=segmented] .selection-options{margin-block:calc((var(--toolbar-row) - var(--toolbar-segment-height) - 4px) / 2)}.selection-toolbar>.selection-switch{min-height:var(--toolbar-row)}@media (max-width:639px),(pointer:coarse){.selection-toolbar{--toolbar-segment-height:var(--control-height,44px)}}.selection-toolbar{--toolbar-button-height:var(--button-height,32px)}.selection-toolbar>.form-button{margin-block:calc((var(--toolbar-row) - var(--toolbar-button-height)) / 2)}@media (max-width:639px),(pointer:coarse){.selection-toolbar{--toolbar-button-height:var(--control-height,44px)}}@media (max-width:639px),(pointer:coarse){.selection-toolbar:has(>.selection-group[data-variant=segmented]){--toolbar-row:var(--control-height,44px)}.selection-toolbar .selection-group[data-variant=segmented] .selection-options{margin-block:0}}.reading-slider{width:160px;max-width:100%;min-width:0;font:inherit}.reading-slider-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px)}.reading-slider-heading output{color:var(--ink-muted,#666)}.reading-slider .reading-slider-input{--slider-fill:var(--ink-muted,#666);--slider-rest:var(--control-rest,#ededed);appearance:none;display:block;box-sizing:border-box;width:100%;height:var(--control-height,44px);margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.reading-slider-input::-webkit-slider-runnable-track{height:2px;border:0;border-radius:var(--radius-surface,2px);background:linear-gradient(to right,var(--slider-fill) var(--slider-progress),var(--slider-rest) var(--slider-progress))}.reading-slider-input::-moz-range-track{height:2px;border:0;border-radius:var(--radius-surface,2px);background:var(--slider-rest)}.reading-slider-input::-moz-range-progress{height:2px;border-radius:var(--radius-surface,2px);background:var(--slider-fill)}.reading-slider-input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:14px;height:14px;margin-top:-6px;border:2px solid var(--surface-base,#fff);border-radius:50%;background:var(--slider-fill)}.reading-slider-input::-moz-range-thumb{box-sizing:border-box;width:14px;height:14px;border:2px solid var(--surface-base,#fff);border-radius:50%;background:var(--slider-fill)}.reading-slider .reading-slider-input:focus-visible{outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:2px}.reading-slider:has(:disabled){color:var(--field-disabled-ink,#8a8a8a)}.reading-slider .reading-slider-input:disabled{--slider-fill:var(--field-disabled-ink,#8a8a8a);--slider-rest:var(--field-disabled-surface,#f2f2f2);cursor:not-allowed}@media (hover:hover) and (pointer:fine){.reading-slider .reading-slider-input:enabled:hover{--slider-fill:var(--ink,#000)}}.motion-curve{margin:0;min-width:0}.motion-curve svg{display:block;width:100%;max-height:190px;overflow:visible}.motion-curve path{fill:none}.motion-curve text{font-size:12px;fill:var(--ink-muted)}.motion-axis,.motion-linear{stroke:var(--selection-surface);stroke-width:.75}.motion-linear{stroke-dasharray:3 3;opacity:.5}.motion-handles{stroke:var(--selection-surface);stroke-width:.75}.motion-curve-line{stroke:var(--ink);stroke-width:1.5}.motion-control-point{fill:var(--surface-base);stroke:var(--ink-muted);stroke-width:1}.motion-playhead{fill:var(--ink);stroke:var(--surface-base);stroke-width:2}.motion-curve figcaption{font-size:var(--font-size-caption);line-height:20px;color:var(--ink-muted);text-align:center;overflow-wrap:anywhere}.motion-curve code{font-size:12px!important}@media (max-width:639px){.motion-curve svg{max-height:164px}}.motion-curve-legend{display:block;margin-top:4px}.combobox-example,.combobox-field{display:grid;min-width:0;gap:8px;font-family:inherit;font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px);font-weight:400}.combobox-example{width:min(100%,var(--form-width,420px));gap:16px}.combobox-example.combobox-example>p{margin:0;font-size:var(--font-size-caption,12px);line-height:var(--line-height-caption,20px);color:var(--ink-muted,#666)}.combobox-example>p:empty{display:none}.combobox-label{color:var(--ink,#000)}.combobox-control{display:flex;align-items:center;min-width:0;min-height:var(--field-height,36px);padding:4px;box-sizing:border-box;background-color:var(--control-rest,#ededed);border-radius:var(--radius-surface,2px);transition:background-color var(--motion-link,.18s) var(--ease-ui,ease)}.combobox-input.combobox-input{width:100%;min-width:0;min-height:28px;height:28px;box-sizing:border-box;padding:4px 8px;border:0;border-radius:var(--radius-surface,2px);background-color:transparent;color:var(--ink,#000);font:inherit;outline:none}.combobox-input::placeholder{color:var(--ink-muted,#666);opacity:1}.combobox-chip-remove.combobox-chip-remove,.combobox-icon-button.combobox-icon-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-surface,2px);background-color:transparent;color:var(--ink-muted,#666);cursor:pointer;transition:background-color var(--motion-link,.18s) var(--ease-ui,ease),color var(--motion-link,.18s) var(--ease-ui,ease)}.combobox-control:has(.combobox-input:focus-visible){outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:2px}.combobox-chip-remove:focus-visible,.combobox-icon-button:focus-visible{outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:-2px}.combobox-control[data-disabled]{background-color:var(--field-disabled-surface,#f2f2f2)}.combobox-chip-remove:disabled,.combobox-icon-button:disabled,.combobox-input:disabled{color:var(--field-disabled-ink,#8a8a8a);cursor:not-allowed}.combobox-positioner{width:var(--anchor-width);max-width:calc(100vw - 16px);z-index:80}.combobox-popup{width:100%;overflow:hidden;border-radius:var(--radius-surface,2px);background-color:var(--surface-base,#fff);color:var(--ink,#000);box-shadow:0 4px var(--shadow-depth,8px) rgb(0 0 0/var(--shadow-center,.07));font-family:inherit;font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px);font-weight:400;opacity:1;transition:opacity var(--motion-link,.18s) var(--ease-ui,ease)}.combobox-popup[data-ending-style],.combobox-popup[data-starting-style]{opacity:0}.combobox-list{max-height:min(280px,var(--available-height));overflow-y:auto;overscroll-behavior:contain}.combobox-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--field-height,36px);padding:8px 12px;cursor:pointer;transition:background-color var(--motion-link,.18s) var(--ease-ui,ease)}.combobox-option>span:first-child{min-width:0;overflow-wrap:anywhere}.combobox-option[data-highlighted]{background-color:var(--surface-hover,#f3f3f3)}.combobox-option[data-disabled]{color:var(--field-disabled-ink,#8a8a8a);cursor:not-allowed}.combobox-option-mark{display:flex;flex:0 0 16px}.combobox-empty{padding:12px;color:var(--ink-muted,#666)}.combobox-empty:empty{display:none}.combobox-chips,.combobox-control-multiple{align-items:center;gap:4px}.combobox-chips{display:flex;flex:1;flex-wrap:wrap;min-width:0;padding:0}.combobox-chips>.combobox-input{width:120px;min-width:64px;flex:0 1 120px;min-height:28px;padding:4px 8px}.combobox-chip{display:inline-flex;max-width:100%;align-items:center;padding:4px 4px 4px 8px;gap:4px;min-width:0;background-color:var(--surface-base,#fff);border-radius:var(--radius-surface,2px)}.combobox-chip>span{min-width:0;overflow-wrap:anywhere}.combobox-chip .combobox-chip-remove{width:20px;height:20px}.combobox-chip[data-disabled]{background-color:var(--field-disabled-surface,#f2f2f2);color:var(--field-disabled-ink,#8a8a8a)}@media (hover:hover) and (pointer:fine){.combobox-control:not([data-disabled]):hover{background-color:var(--control-hover,#e3e3e3)}.combobox-control:not([data-disabled]):not([aria-disabled=true]) :is(.combobox-icon-button,.combobox-chip-remove):enabled:not([data-disabled]):not([aria-disabled=true]):hover{background-color:var(--surface-hover,#f3f3f3);color:var(--ink,#000)}}@media (max-width:639px),(pointer:coarse){.combobox-control,.combobox-option{min-height:var(--control-height,44px)}.combobox-input.combobox-input{min-height:36px;height:36px}.combobox-icon-button.combobox-icon-button{width:36px;height:36px}.combobox-chip{box-sizing:border-box;min-height:36px}.combobox-chip .combobox-chip-remove{width:28px;height:28px}.combobox-chip .combobox-chip-remove,.combobox-icon-button.combobox-icon-button{position:relative}.combobox-chip-remove:before,.combobox-icon-button:before{content:"";position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%,-50%)}.combobox-chips>.combobox-input{flex:1 1 64px;max-width:120px}}@media (prefers-reduced-motion:reduce){.combobox-chip-remove.combobox-chip-remove,.combobox-control,.combobox-icon-button.combobox-icon-button,.combobox-option,.combobox-popup{transition:none}}.combobox-control .combobox-input:focus-visible{outline:none;box-shadow:none}.combobox-control .combobox-input{background-color:transparent}.feedback-alert,.feedback-empty,.feedback-progress,.feedback-spinner,.feedback-toast{font-family:inherit;font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px);font-weight:400;color:var(--ink,#000)}.feedback-alert,.feedback-toast{--feedback-tone:var(--field-focus,#e8531c);border:0;border-radius:var(--radius-surface,2px);background:color-mix(in srgb,var(--feedback-tone) 6%,var(--surface-base,#fff))}.feedback-alert[data-tone=success],.feedback-toast[data-tone=success]{--feedback-tone:var(--field-success,#276738)}.feedback-alert[data-tone=error],.feedback-toast[data-tone=error]{--feedback-tone:var(--field-error,#b3261e)}.feedback-alert{display:flex;align-items:flex-start;gap:8px;padding:12px}.feedback-alert>svg,.feedback-toast-content>svg{flex:0 0 16px;margin-top:2px;color:var(--feedback-tone)}.feedback-alert .feedback-title,.feedback-empty .feedback-title,.feedback-toast .feedback-title{margin:0;font:inherit;font-weight:400}.feedback-empty .feedback-description,.feedback-toast .feedback-description{margin:0;font:inherit;color:var(--ink-muted,#666)}.feedback-empty{display:grid;gap:8px;border:0;border-radius:var(--radius-surface,2px);padding:24px;background:var(--surface-paper,#fafafa)}.feedback-spinner{display:inline-flex;align-items:center;gap:8px}.feedback-spinner>svg{flex:0 0 16px;animation:feedback-spin 1s linear infinite}.feedback-skeleton{max-width:100%;border-radius:var(--radius-surface,2px);background:var(--control-rest,#ededed);animation:feedback-pulse 1.4s ease-in-out infinite}.feedback-progress{display:grid;gap:8px;width:240px;max-width:100%}.feedback-progress>div{display:flex;justify-content:space-between;gap:8px}.feedback-progress>div>span{color:var(--ink-muted,#666)}.feedback-progress>progress{appearance:none;display:block;width:100%;height:4px;border:0;border-radius:var(--radius-surface,2px);overflow:hidden;background:var(--control-rest,#ededed);color:var(--ink-muted,#666)}.feedback-progress>progress::-webkit-progress-bar{background:var(--control-rest,#ededed);border-radius:var(--radius-surface,2px)}.feedback-progress>progress::-webkit-progress-value{background:var(--ink-muted,#666);border-radius:var(--radius-surface,2px)}.feedback-progress>progress::-moz-progress-bar{background:var(--ink-muted,#666);border-radius:var(--radius-surface,2px)}.feedback-example{display:grid;gap:16px}.feedback-example-actions{display:flex;flex-wrap:wrap;gap:8px}.feedback-toast-viewport{position:fixed;right:16px;bottom:16px;z-index:100;display:flex;flex-direction:column-reverse;gap:8px;width:320px;max-width:calc(100vw - 32px);outline:none}.feedback-toast{position:relative;display:flex;align-items:center;min-height:var(--control-height,44px);padding:8px 8px 8px 12px;box-shadow:0 2px 12px rgb(0 0 0/.08);transition:opacity var(--motion-control,.18s) var(--ease-ui,ease)}.feedback-toast[data-ending-style],.feedback-toast[data-starting-style]{opacity:0}.feedback-toast[data-limited]{display:none}.feedback-toast-content{display:flex;align-items:flex-start;flex:1;min-width:0;gap:8px}.feedback-toast-content>div{min-width:0;overflow-wrap:anywhere}.feedback-toast .feedback-toast-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--control-height,44px);width:var(--control-height,44px);height:var(--control-height,44px);padding:0;margin:0;border:0;border-radius:var(--radius-surface,2px);background:transparent;color:var(--ink-muted,#666);cursor:pointer;transition:background-color var(--motion-link,.18s) var(--ease-ui,ease),color var(--motion-link,.18s) var(--ease-ui,ease)}.feedback-toast .feedback-toast-close:focus-visible,.feedback-toast:focus-visible{outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.feedback-toast .feedback-toast-close:hover{background:var(--surface-hover,#f3f3f3);color:var(--ink,#000)}}@keyframes feedback-spin{to{transform:rotate(1turn)}}@keyframes feedback-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.feedback-skeleton,.feedback-spinner>svg{animation:none}.feedback-toast,.feedback-toast .feedback-toast-close{transition:none}}.icon-button.icon-button{width:var(--control-height);height:var(--control-height);padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-button>span{display:flex}.choicebox.choicebox{min-width:0;border:0;padding:0;margin:0;font-size:var(--font-size-compact);line-height:var(--line-height-compact)}.choicebox>legend{padding:0;margin-bottom:8px}.choicebox-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px}.choicebox-option{box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:var(--control-height);gap:4px;padding:12px;border-radius:var(--radius-surface);background:var(--control-rest);cursor:pointer;transition:background-color var(--motion-link)}.choicebox-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:inherit}.choicebox-option small{color:var(--ink-muted);font-size:var(--font-size-caption,12px);line-height:var(--line-height-caption,20px);font-weight:400}.choicebox-option:has(:checked){background:var(--control-hover)}.choicebox-mark{opacity:0;position:absolute;right:12px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--ink)}.choicebox-option>span{padding-right:16px}.choicebox-option:has(:checked) .choicebox-mark{opacity:1}.choicebox-option:has(:focus-visible){outline:var(--focus-ring-width) solid var(--field-focus);outline-offset:2px}.choicebox-option:has(:disabled){color:var(--field-disabled-ink);cursor:not-allowed;background:var(--field-disabled-surface)}@media(hover:hover) and (pointer:fine){.choicebox-option:has(:enabled):hover{background:var(--control-hover)}}@media(prefers-reduced-motion:reduce){.choicebox-option{transition:none}}@media (min-width:640px) and (pointer:fine){.icon-button.icon-button{width:var(--button-height,32px);height:var(--button-height,32px)}}.input-example{display:grid;justify-items:start;gap:8px;width:100%;max-width:var(--form-width,420px);font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px)}.input-example>.form-field{width:100%}.input-example-caption{display:block;margin:0;color:var(--ink-muted,#666);font-size:var(--font-size-caption,12px);line-height:var(--line-height-caption,20px)}.icon-button.icon-button[data-size=field]{width:var(--control-height,44px);height:var(--control-height,44px);padding:0}@media (min-width:640px) and (pointer:fine){.icon-button.icon-button[data-size=field]{width:var(--field-height,36px);height:var(--field-height,36px)}}@media (max-width:639px),(pointer:coarse){.icon-button.icon-button{border:calc((var(--control-height,44px) - var(--button-height,32px)) / 2) solid transparent;background-clip:padding-box;padding:0}.icon-button.icon-button[data-size=field]{border-width:calc((var(--control-height,44px) - var(--field-height,36px)) / 2)}}.content-accordion,.content-breadcrumbs,.content-example,.content-pagination,.content-table-scroll,.content-tabs{min-width:0;max-width:100%;font-family:inherit;font-size:var(--font-size-secondary,16px);font-weight:400;line-height:var(--line-height-secondary,24px)}.content-example{display:grid;gap:16px}.content-accordion-panel.content-accordion-panel>p,.content-example.content-example>p,.content-tab-panel.content-tab-panel>p{margin:0;font:inherit}.content-tabs-list{position:relative;display:flex;flex-wrap:wrap;gap:0;box-shadow:inset 0 -1px rgb(0 0 0/var(--rule-opacity,.07))}.content-tabs-indicator{--tabs-indicator-inset:12px;position:absolute;left:0;top:0;height:1px;width:calc(var(--active-tab-width) - 2 * var(--tabs-indicator-inset));transform:translate(calc(var(--active-tab-left) + var(--tabs-indicator-inset)),calc(var(--active-tab-top) + var(--active-tab-height) - 1px));background:var(--ink,#000);pointer-events:none;transition:transform var(--motion-link,.18s) var(--ease-reading,ease),width var(--motion-link,.18s) var(--ease-reading,ease)}.content-tabs[data-sticky]>.content-tabs-header{--surface-space:var(--tabs-surface-inset,0px);--header-inset:0px;padding-block:0;min-height:0;font-size:inherit;line-height:inherit;top:var(--tabs-sticky-offset,0);z-index:5;margin-inline:calc(-1 * var(--tabs-surface-inset,0px));width:calc(100% + 2 * var(--tabs-surface-inset,0px));max-width:none}.content-tabs-header>.content-tabs-list{box-shadow:none;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain}.content-tabs-header>.content-tabs-list:is([data-overflow-left],[data-overflow-right]){--tabs-fade-left:0px;--tabs-fade-right:0px;mask-image:linear-gradient(to right,transparent,#000 var(--tabs-fade-left),#000 calc(100% - var(--tabs-fade-right)),transparent)}.content-tabs-header>.content-tabs-list[data-overflow-left]{--tabs-fade-left:calc(4 * var(--space-unit,4px))}.content-tabs-header>.content-tabs-list[data-overflow-right]{--tabs-fade-right:calc(4 * var(--space-unit,4px))}.content-tabs-header .content-tab{flex-shrink:0}.content-tabs-header[data-sticky-attached]:before{--rule-edge-opacity:1;opacity:var(--scroll-depth,1)}.content-tabs-header[data-sticky-attached]:after{opacity:var(--scroll-depth,1)}[data-header-surface]:has(.content-tabs-header[data-sticky-attached])>.surface-header:after{opacity:0;height:0}.content-pagination.content-pagination button,.content-tab.content-tab{box-sizing:border-box;min-width:var(--control-height,44px);min-height:var(--control-height,44px);padding:10px 12px;border:0;border-radius:var(--radius-surface,2px);background:var(--control-rest,#ededed);color:var(--ink-muted,#666);font:inherit;text-decoration:none;cursor:pointer;transition:background-color var(--motion-link,.18s) var(--ease-ui,ease),color var(--motion-link,.18s) var(--ease-ui,ease)}.content-tab.content-tab[data-active]{background:var(--control-hover,#e3e3e3);color:var(--ink,#000)}.content-pagination button[aria-current]{background:var(--ink,#000);color:var(--surface-base,#fff)}.content-tab.content-tab{position:relative;isolation:isolate}.content-pagination[data-size=compact],.content-tabs[data-size=compact] .content-tab{font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px)}.content-pagination.content-pagination[data-size=compact] button,.content-tabs[data-size=compact] .content-tab{min-height:var(--control-height-compact,32px);padding-block:calc((var(--control-height-compact,32px) - var(--line-height-compact,20px)) / 2)}.content-pagination.content-pagination[data-size=compact] button{min-width:var(--control-height-compact,32px);padding-inline:8px}@media (max-width:639px),(pointer:coarse){.content-pagination.content-pagination[data-size=compact] button,.content-tabs[data-size=compact] .content-tab{min-height:var(--control-height,44px);padding-block:calc((var(--control-height,44px) - var(--line-height-compact,20px)) / 2)}.content-pagination.content-pagination[data-size=compact] button{min-width:var(--control-height,44px)}}.content-tab-panel{padding-top:16px;overflow-wrap:anywhere}.content-tab-panel[data-ending-style]{display:none}.content-table-scroll.content-table-scroll{overflow-x:auto;margin:0}.content-table.content-table{width:100%;border-collapse:collapse;table-layout:auto;border:1px solid rgb(0 0 0/var(--rule-opacity,.07));font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px)}.content-table.content-table caption{text-align:left;padding:0 0 12px;color:var(--ink-muted,#666);font-size:var(--font-size-caption,12px);line-height:var(--line-height-caption,20px)}.content-table.content-table :is(th,td){padding:12px;text-align:left;vertical-align:top;font-weight:400;border:1px solid rgb(0 0 0/var(--rule-opacity,.07));overflow-wrap:anywhere}.content-table :is(th,td):first-child{padding-left:12px}.content-table :is(th,td):last-child{padding-right:12px}.content-badge,.content-table th{color:var(--ink-muted,#666)}.content-badge{display:inline-block;max-width:100%;padding:2px 8px;border-radius:var(--radius-surface,2px);background:var(--control-rest,#ededed);font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px);overflow-wrap:anywhere}.content-badge[data-status=success]{color:var(--field-success,#276738);background:color-mix(in srgb,var(--field-success,#276738) 8%,var(--surface-base,#fff))}.content-badge[data-status=error]{color:var(--field-error,#b3261e);background:color-mix(in srgb,var(--field-error,#b3261e) 8%,var(--surface-base,#fff))}.content-breadcrumbs ol{display:block;list-style:none;margin:0;padding:0}.content-breadcrumbs li{display:inline}.content-breadcrumb-separator{padding-inline:8px}.content-breadcrumbs :is(a,span){display:inline-flex;align-items:center;min-height:var(--control-height,44px);overflow-wrap:anywhere}.content-breadcrumbs svg{flex:0 0 16px;color:var(--ink-muted,#666)}.content-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.content-pagination-item{display:inline-flex;align-items:center;gap:4px}.content-pagination-gap{color:var(--ink-muted,#666)}.content-pagination button{display:inline-flex;align-items:center;justify-content:center}.content-pagination.content-pagination button:disabled,.content-tab:disabled{color:var(--field-disabled-ink,#8a8a8a);background:var(--field-disabled-surface,#f2f2f2);cursor:not-allowed}.content-breadcrumbs a:focus-visible,.content-pagination button:focus-visible,.content-tab-panel:focus-visible,.content-tab:focus-visible,.content-table-scroll:focus-visible{outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:2px}@media (hover:hover){.content-pagination button:enabled:not([aria-current]):hover{background:var(--control-hover,#e3e3e3);color:var(--ink,#000)}}@media (prefers-reduced-motion:reduce){.content-pagination.content-pagination button,.content-tab.content-tab,.content-tabs-indicator{transition:none}}.content-tab.content-tab,.content-tab.content-tab:disabled,.content-tab.content-tab[data-active]{background:transparent}@media (hover:hover) and (pointer:fine){.content-tab.content-tab:enabled:hover{background:transparent}.content-tab.content-tab:enabled:hover:before{background:var(--surface-hover,#f3f3f3)}}.content-breadcrumbs{font-size:inherit;line-height:inherit}.content-breadcrumbs :is(a,span){display:inline;min-height:0}.content-breadcrumbs a{color:var(--ink-muted,#666)}.content-breadcrumb-separator,.content-breadcrumbs [aria-current=page]{color:var(--ink,#000)}.content-tabs-header.content-tabs-header:before{top:auto;bottom:0}[data-header-surface]:has(.content-tabs-header[data-sticky-attached])>.surface-header{z-index:6}.content-tabs[data-sticky] .content-tabs-header .content-tab{--tabs-row:var(--header-row,56px);min-height:var(--tabs-row);padding-block:calc((var(--tabs-row) - var(--line-height-secondary,24px)) / 2);font-size:var(--font-size-secondary,16px);line-height:var(--line-height-secondary,24px)}@media (max-width:1023px){.content-tabs[data-sticky] .content-tabs-header .content-tab{--tabs-row:60px}}.content-tabs[data-size=compact] .content-tab{padding-inline:8px}.content-tabs[data-size=compact] .content-tabs-indicator{--tabs-indicator-inset:8px}.content-tab:before{content:"";position:absolute;inset:4px;z-index:-1;border-radius:var(--radius-surface,2px);background:transparent;transition:background-color var(--motion-link,.18s) var(--ease-ui,ease)}@media (prefers-reduced-motion:reduce){.content-tab:before{transition:none}}.overlay-close.overlay-close,.overlay-menu-item.overlay-menu-item,.overlay-trigger.overlay-trigger{box-sizing:border-box;border:0;border-radius:var(--radius-surface,2px);min-height:var(--control-height,44px);padding:12px;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px);font-weight:400;color:var(--ink,#000);background:var(--control-rest,#ededed);cursor:pointer;transition:background-color var(--motion-link,.18s) var(--ease-ui,ease),color var(--motion-link,.18s) var(--ease-ui,ease)}.overlay-trigger.overlay-trigger{min-height:var(--control-height-compact,32px);padding-block:6px}.overlay-menu-item[data-disabled],.overlay-trigger:disabled{color:var(--field-disabled-ink,#8a8a8a);cursor:default}.overlay-close.overlay-close{background:transparent;min-height:28px;width:28px;flex:0 0 28px;padding:6px}.overlay-close:focus-visible,.overlay-menu-item:focus-visible,.overlay-trigger:focus-visible{outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:2px}.overlay-positioner{z-index:100}.overlay-surface{box-sizing:border-box;border:0;border-radius:var(--radius-surface,2px);background:var(--surface-base,#fff);color:var(--ink,#000);box-shadow:0 4px 24px rgb(0 0 0/var(--shadow-center,.07)),0 2px 8px rgb(0 0 0/var(--shadow-edge,.04));font-family:inherit;font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px);font-weight:400;opacity:1;transition:opacity var(--motion-link,.18s) var(--ease-ui,ease)}.overlay-backdrop[data-ending-style],.overlay-backdrop[data-starting-style],.overlay-surface[data-ending-style],.overlay-surface[data-starting-style]{opacity:0}.overlay-surface:focus{outline:none}.overlay-menu{padding:4px;min-width:180px;max-width:min(320px,var(--available-width));max-height:var(--available-height);overflow-y:auto}.overlay-menu-item.overlay-menu-item{display:flex;width:100%;justify-content:start;background:transparent;text-align:left}.overlay-menu-item[data-highlighted]:not([data-disabled]){background:var(--surface-hover,#f3f3f3)}.overlay-tooltip{max-width:min(240px,var(--available-width));padding:8px 12px;overflow-wrap:anywhere}.overlay-popover{width:288px;max-width:var(--available-width);max-height:var(--available-height);overflow:auto;padding:0}.overlay-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid rgb(0 0 0/var(--rule-opacity,.07));font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px)}.overlay-heading.surface-header:after{display:none}.overlay-title.overlay-title{margin:0;font:inherit;color:var(--ink,#000)}.overlay-description.overlay-description{margin:0;font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px);color:var(--ink-muted,#666)}.overlay-content{padding:16px;display:grid;gap:12px}.overlay-body{margin:0;display:grid;gap:12px}.overlay-body>:is(button,.form-button,.overlay-actions){justify-self:start;max-width:100%}.overlay-body label,.overlay-body p{margin:0;font:inherit}.overlay-body p{font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px);color:var(--ink-muted,#666)}.overlay-backdrop{position:fixed;inset:0;z-index:100;background:rgb(0 0 0/.12);opacity:1;transition:opacity var(--motion-link,.18s) var(--ease-ui,ease)}.overlay-modal{position:fixed;z-index:101;padding:0;overflow-y:auto;overscroll-behavior:contain}.overlay-dialog{top:50%;left:50%;transform:translate(-50%,-50%);width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}.overlay-sheet{top:0;bottom:0;right:0;width:min(360px,100vw);border-radius:0}.overlay-example{display:grid;justify-items:start;gap:16px}.overlay-example-status{margin:0;font-size:var(--font-size-caption,12px);line-height:var(--line-height-caption,20px);color:var(--ink-muted,#666)}.overlay-actions{display:flex;flex-wrap:wrap;gap:8px}@media (hover:hover) and (pointer:fine){.overlay-close.overlay-close:hover,.overlay-trigger.overlay-trigger:not(:disabled):hover{background:var(--surface-hover,#f3f3f3)}}@media (prefers-reduced-motion:reduce){.overlay-backdrop,.overlay-close.overlay-close,.overlay-menu-item.overlay-menu-item,.overlay-surface,.overlay-trigger.overlay-trigger{transition:none}}@media (max-width:639px),(pointer:coarse){.overlay-trigger.overlay-trigger{min-height:var(--control-height,44px);padding-block:12px}.overlay-close.overlay-close{min-height:44px;width:44px;flex-basis:44px;padding:14px}}.overlay-modal{font-size:var(--font-size-secondary,16px);line-height:var(--line-height-secondary,24px)}.overlay-modal .overlay-heading[data-header-layout]{--surface-space:16px;--header-background:var(--surface-base,#fff);position:relative;padding:14px 16px;border:0;font-size:var(--font-size-body,18px);line-height:var(--line-height-body,28px)}.overlay-modal .overlay-heading[data-header-layout]:before{display:block;opacity:1;background:rgb(0 0 0/var(--rule-opacity,.07))}.overlay-modal .overlay-body,.overlay-modal .overlay-content{gap:16px}.overlay-modal .overlay-body p,.overlay-modal .overlay-description{font-size:var(--font-size-secondary,16px);line-height:var(--line-height-secondary,24px)}@media (max-width:639px),(pointer:coarse){.overlay-modal .overlay-heading[data-header-layout]{min-height:60px;padding-block:8px}}@media (max-width:639px){.overlay-modal{top:auto;right:0;bottom:0;left:0;width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px));display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0);border-radius:var(--radius-surface,2px) var(--radius-surface,2px) 0 0;transform:translateY(0);transition:transform var(--motion-mobile-open) var(--ease-mobile-open)}.overlay-modal>.overlay-heading{flex-shrink:0}.overlay-modal>.overlay-content{min-height:0;overflow-y:auto;overscroll-behavior:contain}.overlay-modal[data-ending-style],.overlay-modal[data-starting-style]{opacity:1;transform:translateY(100%)}.overlay-modal[data-ending-style]{transition-duration:var(--motion-mobile-close);transition-timing-function:var(--ease-mobile-close)}}@media (max-width:639px) and (prefers-reduced-motion:reduce){.overlay-modal{transition:none}}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:calc(var(--space-unit, 4px) * 6);margin-block:var(--reading-line,28px)}.overview-card.overview-card{border-radius:var(--radius-surface,2px);display:flex;flex-direction:column;min-width:0;padding:calc(var(--space-unit, 4px) * 4);border:1px solid rgb(0 0 0/var(--rule-opacity,.07));color:var(--ink-muted,#666);background:var(--surface-base,#fff);text-decoration:none;transition:color var(--motion-control,.18s) var(--ease-ui,ease),border-color var(--motion-control,.18s) var(--ease-ui,ease)}.overview-card-preview{display:flex;align-items:center;justify-content:center;min-height:112px;margin-bottom:16px;color:var(--ink,#000);pointer-events:none;user-select:none}.overview-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:var(--font-size-secondary,16px);line-height:var(--line-height-secondary,24px)}.overview-card-description{margin-top:4px;font-size:var(--font-size-compact,14px);line-height:var(--line-height-compact,20px);color:var(--ink-muted,#666)}.overview-card.overview-card:focus-visible{color:var(--ink,#000);outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:2px}@media (hover:hover){.overview-card:hover{color:var(--ink,#000)}}@media (prefers-reduced-motion:reduce){.overview-card.overview-card{transition:none}}.basic-avatar{display:inline-flex;flex:0 0 var(--avatar-size);width:var(--avatar-size);height:var(--avatar-size);align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--control-rest,#ededed);color:var(--ink,#000);font-weight:400;font-family:inherit;font-size:12px;line-height:20px;vertical-align:middle}.basic-avatar img{width:100%;height:100%;object-fit:cover}.basic-extension-example,.basic-field{display:grid;gap:8px;width:100%;max-width:var(--form-width,420px);font-family:inherit;font-size:var(--font-size-compact,14px);font-weight:400;line-height:var(--line-height-compact,20px)}.basic-extension-example{gap:24px}.basic-extension-example>p{margin:0;font:inherit}.basic-avatar-row>span:not(.basic-avatar),.basic-command-empty,.basic-errors,.basic-extension-example>output,.basic-field.basic-field .basic-error,.basic-field.basic-field .basic-hint{margin:0;font-size:var(--font-size-caption,12px);line-height:var(--line-height-caption,20px);font-weight:400}.basic-avatar-row>span:not(.basic-avatar),.basic-extension-example>output,.basic-hint{color:var(--ink-muted,#666)}.basic-error,.basic-errors{color:var(--field-error,#b3261e)}.basic-command-search,.basic-date-control{box-sizing:border-box;display:flex;align-items:center;gap:8px;min-width:0;background:var(--control-rest,#ededed);border-radius:var(--radius-surface,2px)}.basic-command-search input,.basic-date-control input{box-sizing:border-box;flex:1;width:0;min-width:0;height:var(--field-height,36px);min-height:var(--field-height,36px);padding:8px 12px;border:0;border-radius:var(--radius-surface,2px);color:var(--ink,#000);background:transparent;font:inherit}.basic-date-control{gap:4px;padding:4px}.basic-date-control input{height:28px;min-height:28px;padding:4px 8px}.basic-date-control .basic-icon-button{width:28px;height:28px}.basic-date-control:has(input:disabled){background:var(--field-disabled-surface,#f2f2f2);color:var(--field-disabled-ink,#8a8a8a)}.basic-date-control input:disabled{color:var(--field-disabled-ink,#8a8a8a)}.basic-date-control[data-invalid]{background:color-mix(in srgb,var(--field-error,#b3261e) 8%,var(--surface-base,#fff))}.basic-icon-button{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:36px;height:36px;padding:0;border:0;border-radius:var(--radius-surface,2px);background:transparent;color:inherit;cursor:pointer}.basic-icon-button:disabled{color:var(--field-disabled-ink,#8a8a8a);cursor:default}.basic-calendar button:focus-visible,.basic-command-search[data-keyboard-focus]:has(input:focus),.basic-date-control:has(input:focus-visible),.basic-icon-button:focus-visible{outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:2px}.basic-command-search input:focus,.basic-date-control input:focus{outline:none}.basic-command-search{padding-left:12px}.basic-command-search input{padding-left:0}.basic-command-list{max-height:min(320px,50dvh);overflow:auto;padding-block:8px}.basic-command [cmdk-group-heading]{padding:8px 12px;font-size:12px;line-height:20px;color:var(--ink-muted,#666)}.basic-command [cmdk-item]{min-height:32px;padding:6px 12px;border-radius:var(--radius-surface,2px);cursor:pointer}.basic-command [cmdk-item][data-selected=true]{color:var(--ink,#000);background:var(--surface-hover,#f3f3f3)}.basic-command [cmdk-item][data-disabled=true]{color:var(--field-disabled-ink,#8a8a8a);cursor:default}.basic-command-empty{padding:16px 12px;color:var(--ink-muted,#666)}.basic-calendar-popup{padding:16px;max-width:var(--available-width);max-height:var(--available-height);overflow:auto}.basic-calendar-title{margin:0 0 12px;font:inherit}.basic-calendar{width:252px;max-width:100%}.basic-calendar .rdp-months{position:relative}.basic-calendar .rdp-nav{position:absolute;top:0;right:0;display:flex;gap:4px}.basic-calendar .rdp-month_caption{display:flex;align-items:center;min-height:36px;padding-right:76px;margin-bottom:8px}.basic-calendar .rdp-caption_label{font-size:14px;font-weight:400}.basic-calendar table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0;font:inherit}.basic-calendar td,.basic-calendar th{padding:0;border:0;text-align:center;font:inherit}.basic-calendar th{color:var(--ink-muted,#666);font-size:12px;height:28px}.basic-calendar button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--radius-surface,2px);font:inherit;color:inherit;background:transparent;cursor:pointer}.basic-calendar .rdp-selected button{background:var(--ink,#000);color:var(--surface-base,#fff)}.basic-calendar .rdp-today:not(.rdp-selected) button{background:var(--control-rest,#ededed)}.basic-calendar button:disabled{color:var(--field-disabled-ink,#8a8a8a);opacity:.5;cursor:default}.basic-calendar-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.basic-dropzone{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 16px;border-radius:var(--radius-surface,2px);color:var(--ink,#000);background:var(--control-rest,#ededed)}.basic-dropzone svg{flex-shrink:0}.basic-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.basic-dropzone:has(input:focus-visible){outline:var(--focus-ring-width,2px) solid var(--field-focus,#e8531c);outline-offset:2px}.basic-dropzone[data-dragging]{background:var(--control-hover,#e3e3e3)}.basic-dropzone[data-disabled]{color:var(--field-disabled-ink,#8a8a8a);background:var(--field-disabled-surface,#f2f2f2)}.basic-dropzone[data-disabled] input{cursor:default}.basic-errors,.basic-file-list{list-style:none;padding:0;margin:0}.basic-file-list:empty{display:none}.basic-file-list li{display:flex;align-items:center;justify-content:space-between;gap:8px}.basic-errors li,.basic-file-list li>span{overflow-wrap:anywhere;min-width:0}.basic-avatar-row{display:flex;align-items:center;gap:12px}.basic-calendar button,.basic-command [cmdk-item],.basic-date-control,.basic-dropzone,.basic-icon-button{transition:background-color var(--motion-link,.18s) var(--ease-ui,ease),color var(--motion-link,.18s) var(--ease-ui,ease)}@media (hover:hover) and (pointer:fine){.basic-date-control:has(input:enabled):hover{background:var(--control-hover,#e3e3e3)}.basic-calendar button:enabled:hover,.basic-icon-button:enabled:hover{background:var(--surface-hover,#f3f3f3);color:var(--ink,#000)}.basic-dropzone:not([data-disabled]):hover{background:var(--control-hover,#e3e3e3)}}@media (max-width:639px),(pointer:coarse){.basic-command-search input,.basic-date-control input{height:44px;min-height:44px}.basic-calendar button,.basic-date-control .basic-icon-button,.basic-icon-button{width:44px;height:44px}.basic-command [cmdk-item]{min-height:44px;padding-block:12px}.basic-calendar{width:308px}.basic-calendar .rdp-month_caption{min-height:44px;padding-right:92px}}@media (prefers-reduced-motion:reduce){.basic-calendar button,.basic-command [cmdk-item],.basic-date-control,.basic-dropzone,.basic-icon-button{transition:none}}.basic-errors,.basic-field.basic-field .basic-error,.basic-field.basic-field .basic-hint{font-size:var(--font-size-caption,12px);line-height:var(--line-height-caption,20px)}.basic-file-list:empty,.basic-selection-status:empty{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.basic-command{display:grid;gap:16px;font-size:var(--font-size-secondary,16px);line-height:var(--line-height-secondary,24px)}.basic-command-search input{height:44px;min-height:44px;font-size:inherit;line-height:inherit}.basic-command-list{padding-block:0}.basic-command [cmdk-group]+[cmdk-group]{margin-top:16px}.basic-command [cmdk-item]{box-sizing:border-box;min-height:40px;padding:8px 12px;font-size:var(--font-size-secondary,16px);line-height:var(--line-height-secondary,24px)}@media (max-width:639px),(pointer:coarse){.basic-command [cmdk-item]{min-height:44px}}.product-pattern{display:grid;gap:16px;min-width:0;max-width:100%;font-size:var(--font-size-secondary,16px);line-height:var(--line-height-secondary,24px)}.product-pattern-form{width:100%;max-width:var(--form-width,420px)}.product-pattern-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.product-pattern-toolbar>.form-field{flex:1 1 140px;min-width:0}.product-pattern-count.product-pattern-count{margin:0;font-size:var(--font-size-caption,12px);line-height:var(--line-height-caption,20px);color:var(--ink-muted,#666)}.product-pattern-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:8px}.product-pattern-form>.form-button{justify-self:start}[data-interactive-surface][data-interactive-surface]{border-radius:var(--radius-surface,2px);transition:background-color var(--motion-link,.18s) var(--ease-ui,ease),color var(--motion-link,.18s) var(--ease-ui,ease)}[data-interactive-surface][data-surface-shape=square]{border-radius:0}@media (hover:hover) and (pointer:fine){[data-interactive-surface][data-interactive-surface]:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--surface-hover,#f3f3f3)}}@media (prefers-reduced-motion:reduce){[data-interactive-surface][data-interactive-surface]{transition:none}}