.AccordionItem{border-block-end:1px solid var(--dui-color-border-default)}.AccordionHeader{margin:0}.AccordionTrigger{display:flex;align-items:center;justify-content:space-between;gap:var(--dui-spacing-xl);width:100%;padding-block:var(--dui-spacing-l);padding-inline:var(--dui-spacing-m);font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height);font-weight:var(--dui-typography-font-weight-semibold);color:var(--dui-color-text-default);background:none;border:0;cursor:pointer;text-align:start;&:focus-visible{outline:2px solid var(--dui-color-border-focus);outline-offset:-2px;border-radius:var(--dui-radius-s)}&[data-disabled]{color:var(--dui-color-text-action-disabled);cursor:default}& .__label{display:flex;flex-direction:column;gap:var(--dui-spacing-xs);flex:1;min-width:0}& .__description{font-size:var(--dui-typography-body-xs-font-size);line-height:var(--dui-typography-body-xs-line-height);font-weight:var(--dui-typography-font-weight-regular);color:var(--dui-color-text-muted)}& .__icon{display:flex;flex-shrink:0;transition:transform .2s ease}&[data-state=open] .__icon{transform:rotate(180deg)}}.AccordionContent{overflow:hidden;&[data-state=open]{animation:accordion-expand .2s ease}&[data-state=closed]{animation:accordion-collapse .2s ease}& .__body{padding-inline:var(--dui-spacing-m);padding-block-end:var(--dui-spacing-xl);font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height);font-weight:var(--dui-typography-font-weight-regular);color:var(--dui-color-text-default)}}@keyframes accordion-expand{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-collapse{0%{height:var(--radix-accordion-content-height)}to{height:0}}:root{--alert-max-width:35rem}.Alert{display:flex;align-items:start;padding:var(--dui-spacing-l);border-radius:var(--dui-radius-m);max-width:var(--alert-max-width);&,& .__actions,& .__close,& .__icon{display:flex;gap:var(--dui-spacing-m)}& .__icon{padding-top:var(--dui-spacing-xs)}& .__message{padding-top:var(--dui-spacing-xs);flex-grow:1;& a{padding:var(--dui-spacing-xs)}& a:focus-visible{outline:var(--dui-spacing-xs) solid;outline-offset:var(--dui-spacing-none);outline-color:var(--dui-color-border-focus)}& a:hover{background-color:var(--dui-color-background-action-ghost-hover);box-shadow:inset 0 0 0 var(--dui-spacing-px) transparent}& p:not(:last-child){margin-block-end:var(--dui-spacing-m)}}& .__actions{display:flex;justify-content:flex-end;gap:var(--dui-spacing-m);flex-grow:1;& .Button:last-child{box-shadow:inset 0 0 0 var(--dui-spacing-px) var(--alert-primary-action-border)}}& .Button,& a{padding:var(--dui-spacing-xs) .375rem;color:inherit;font-weight:var(--font-weight-normal)}& .__close{& .Button{padding:var(--dui-spacing-xs)}}&.as-info{background-color:var(--dui-color-background-surface-info-muted);color:var(--dui-color-text-info);--alert-primary-action-border:var(--dui-color-border-surface-info)}&.as-success{background-color:var(--dui-color-background-surface-success-muted);color:var(--dui-color-text-success);--alert-primary-action-border:var(--dui-color-border-surface-success)}&.as-warning{background-color:var(--dui-color-background-surface-warning-muted);color:var(--dui-color-text-warning);--alert-primary-action-border:var(--dui-color-border-surface-warning)}&.as-error{background-color:var(--dui-color-background-surface-danger-muted);color:var(--dui-color-text-danger);--alert-primary-action-border:var(--dui-color-border-surface-danger)}&.as-full-width{max-width:100%}}.Avatar{--background-color:var(--dui-color-background-surface-neutral);--text-color:var(--dui-color-text-default);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:var(--dui-typography-font-weight-semibold);text-transform:uppercase;background-color:var(--background-color);color:var(--text-color);&.as-small{height:var(--dui-spacing-3xl);width:var(--dui-spacing-3xl);font-size:var(--dui-typography-body-xs-font-size);line-height:var(--dui-typography-body-xs-line-height)}&.as-medium{height:var(--dui-spacing-4xl);width:var(--dui-spacing-4xl);font-size:var(--dui-typography-body-m-font-size);line-height:var(--dui-typography-body-m-line-height)}&.as-pro{--background-color:var(--dui-color-background-surface-success);--text-color:var(--dui-color-text-default-invert)}&.as-free{--background-color:var(--dui-color-background-surface-info);--text-color:var(--dui-color-text-default-invert)}&.as-default{--background-color:var(--dui-color-background-surface-info-muted);--text-color:var(--dui-color-text-info)}&.is-interactive{padding:0;border:0;cursor:pointer;text-decoration:none;&:hover{filter:brightness(.95)}&:focus-visible{outline:var(--dui-spacing-xs) solid;outline-offset:var(--dui-spacing-xs);outline-color:var(--dui-color-border-focus)}}}.AvatarGroup{--avatar-group-size:var(--dui-spacing-4xl);--avatar-group-font-size:var(--dui-typography-body-xs-font-size);--avatar-group-overlap:var(--dui-spacing-negative-m);--avatar-group-ring-width:var(--dui-border-width-default);--avatar-group-ring-color:var(--dui-color-background-surface);display:inline-flex;align-items:center;&.as-small{--avatar-group-size:var(--dui-spacing-3xl);--avatar-group-font-size:0.5rem;--avatar-group-overlap:var(--dui-spacing-negative-s)}&>:where(.__avatar-wrapper):not(:first-child){margin-inline-start:var(--avatar-group-overlap)}&>:where(.__avatar-wrapper) :where(.Avatar){box-shadow:0 0 0 var(--avatar-group-ring-width) var(--avatar-group-ring-color)}&>:where(.__overflow){display:inline-flex;align-items:center;justify-content:center;border-radius:50%;height:var(--avatar-group-size);width:var(--avatar-group-size);font-size:var(--avatar-group-font-size);font-weight:var(--dui-typography-font-weight-semibold);background-color:var(--dui-color-background-surface-neutral-muted);color:var(--dui-color-text-default);margin-inline-start:var(--avatar-group-overlap);box-shadow:0 0 0 var(--avatar-group-ring-width) var(--avatar-group-ring-color)}}.Badge{display:inline-flex;white-space:nowrap;border-radius:var(--dui-radius-full);font-weight:var(--dui-typography-font-weight-semibold);padding:var(--dui-spacing-xs) var(--dui-spacing-m);justify-content:center;align-items:center;gap:var(--dui-spacing-s);&:has(.is-icon-only){padding:var(--dui-spacing-xs)}&.as-info{background-color:var(--dui-color-background-surface-info-muted);color:var(--dui-color-text-info)}&.as-success{background-color:var(--dui-color-background-surface-success-muted);color:var(--dui-color-text-success)}&.as-warning{background-color:var(--dui-color-background-surface-warning-muted);color:var(--dui-color-text-warning)}&.as-danger{background-color:var(--dui-color-background-surface-danger-muted);color:var(--dui-color-text-danger)}&.as-neutral{background-color:var(--dui-color-background-surface-neutral-muted);color:var(--dui-color-text-default)}&.as-pro{background-color:var(--dui-color-background-surface-success)}&.as-beta,&.as-pro{color:var(--dui-color-text-default-invert)}&.as-beta{background-color:var(--dui-color-background-surface-info)}& .is-icon-only{display:inline-flex;&.as-small{padding:0}&.as-medium{padding:var(--dui-spacing-xs)}&.as-large{padding:var(--dui-spacing-s)}}}.Button{--button-inline-start-radius:var( --dui-inline-start-radius,var(--dui-radius-m) );--button-inline-end-radius:var(--dui-inline-end-radius,var(--dui-radius-m));display:inline-flex;position:relative;align-items:center;white-space:nowrap;border-start-start-radius:var(--button-inline-start-radius);border-end-start-radius:var(--button-inline-start-radius);border-start-end-radius:var(--button-inline-end-radius);border-end-end-radius:var(--button-inline-end-radius);font-weight:var(--dui-typography-font-weight-semibold);cursor:pointer;box-shadow:inset 0 0 0 var(--dui-spacing-px) transparent;border:0;box-sizing:border-box;min-width:0;overflow:hidden;flex-shrink:0;width:max-content;& :where(:has(.Icon)){display:inline-flex}&:focus-visible{outline:var(--dui-spacing-xs) solid;outline-offset:var(--dui-spacing-xs);outline-color:var(--dui-color-border-focus);box-shadow:inset 0 0 0 var(--dui-spacing-px) var(--dui-color-border-focus)}&.as-small{--button-label-icon-gap:var(--dui-spacing-m);--button-inline-start-radius:var( --dui-inline-start-radius,var(--dui-radius-s) );--button-inline-end-radius:var( --dui-inline-end-radius,var(--dui-radius-s) );padding:.375rem var(--dui-spacing-l);font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height);&.is-icon-only{padding:.375rem}}&.as-medium{--button-label-icon-gap:var(--dui-spacing-m);--button-inline-start-radius:var( --dui-inline-start-radius,var(--dui-radius-m) );--button-inline-end-radius:var( --dui-inline-end-radius,var(--dui-radius-m) );padding:var(--dui-spacing-m) var(--dui-spacing-xl);font-size:var(--dui-typography-body-m-font-size);line-height:var(--dui-typography-body-m-line-height);&.is-icon-only{padding:var(--dui-spacing-m)}}&.as-basic,&.as-basic.is-loading{color:var(--dui-color-text-action-basic);background-color:var(--dui-color-background-action-basic);box-shadow:inset 0 0 0 var(--dui-spacing-px) var(--dui-color-border-action-basic-default);&:hover{color:var(--dui-color-text-action-basic);background-color:var(--dui-color-background-action-basic-hover);box-shadow:inset 0 0 0 var(--dui-spacing-px) var(--dui-color-border-action-basic-hover)}&:active{background-color:var(--dui-color-background-action-basic-pressed)}&.is-active{color:var(--dui-color-text-action-active);background-color:var(--dui-color-background-action-active);box-shadow:inset 0 0 0 var(--dui-spacing-px) var(--dui-color-border-action-active)}}&.as-primary,&.as-primary.is-loading{color:var(--dui-color-text-action-primary);background-color:var(--dui-color-background-action-primary);&:hover{color:var(--dui-color-text-action-primary);background-color:var(--dui-color-background-action-primary-hover)}&:active{background-color:var(--dui-color-background-action-primary-pressed)}&.is-active{color:var(--dui-color-text-action-active);background-color:var(--dui-color-background-action-active)}}&.as-ghost,&.as-ghost.is-loading{color:var(--dui-color-text-action-ghost);background-color:initial;box-shadow:inset 0 0 0 var(--dui-spacing-px) transparent;&:hover{color:var(--dui-color-text-action-ghost);background-color:var(--dui-color-background-action-ghost-hover);box-shadow:inset 0 0 0 var(--dui-spacing-px) transparent}&:active{background-color:var(--dui-color-background-action-ghost-pressed)}&.is-active{color:var(--dui-color-text-action-active);background-color:var(--dui-color-background-action-active);box-shadow:inset 0 0 0 var(--dui-spacing-px) transparent}}&.as-danger,&.as-danger.is-loading{color:var(--dui-color-text-action-danger);background-color:var(--dui-color-background-action-danger);box-shadow:inset 0 0 0 var(--dui-spacing-px) var(--dui-color-border-action-danger);&:hover{color:var(--dui-color-text-action-danger);background-color:var(--dui-color-background-action-danger-hover)}&:active{background-color:var(--dui-color-background-action-danger-pressed)}&.is-active{color:var(--dui-color-text-action-danger);background-color:var(--dui-color-background-action-danger);box-shadow:inset 0 0 0 var(--dui-spacing-px) var(--dui-color-border-action-danger)}}&.as-link,&.as-link.is-loading{color:var(--dui-color-text-link);background-color:initial;box-shadow:inset 0 0 0 var(--dui-spacing-px) transparent;border:none;border-radius:var(--dui-radius-none);padding:var(--dui-spacing-none);&:hover{color:var(--dui-color-text-link-hover);text-underline-offset:var(--dui-spacing-xs)}&:active{color:var(--dui-color-text-link-pressed)}&.is-active{color:var(--dui-color-text-action-active)}&.is-loading{color:var(--dui-color-transparent)}}&.as-full-width{inline-size:100%;justify-content:center}&.is-disabled,&:disabled,&[disabled]{color:var(--dui-color-text-action-disabled);background-color:var(--dui-color-background-action-disabled);box-shadow:none;pointer-events:none;cursor:default;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) 0.5;opacity:var(--csstools-light-dark-toggle--0,1);opacity:light-dark(1,.5);text-decoration:none;&.as-link{color:var(--dui-color-text-link-disabled);background-color:initial;border:none;box-shadow:none}}&[class*=as-].is-loading{color:var(--dui-color-transparent)}& .__content{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--button-label-icon-gap);&.with-content-start{justify-content:flex-start}&.with-content-end{justify-content:flex-end}&.with-content-space-between{justify-content:space-between}&.with-content-center{justify-content:center}}&.is-truncated{flex-shrink:1}& .is-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;aspect-ratio:auto}&.is-truncated .__content{max-width:100%}& .__spinner{display:flex;position:absolute;inset:0;margin:auto;align-items:center;justify-content:center}}.ButtonGroup{--button-group-item-height:var(--dui-spacing-4xl);--button-group-segment-overlap:var(--dui-spacing-negative-xs);--button-group-inline-padding:var(--dui-spacing-xl);--button-group-button-padding-block:var(--dui-spacing-m);--button-group-icon-only-padding:var(--dui-spacing-m);--button-group-textfield-padding-block:calc((var(--button-group-item-height) - var(--dui-border-width-default) * 2 - var(--dui-typography-body-m-line-height)) / 2);--button-group-select-padding-block:calc((var(--button-group-item-height) - var(--dui-border-width-default) * 2 - var(--dui-typography-body-s-line-height)) / 2);display:inline-flex;align-items:stretch;&>:not(:first-child){margin-inline-start:var(--button-group-segment-overlap)}&.as-full-width{display:flex;--button-group-flex:1}&>:where(.Button,.Textfield,.Select,:has(>.Button)):first-child:last-child{--dui-inline-start-radius:var(--dui-radius-m);--dui-inline-end-radius:var(--dui-radius-m)}&>:where(.Button,.Textfield,.Select,:has(>.Button)):first-child:not(:last-child){--dui-inline-start-radius:var(--dui-radius-m);--dui-inline-end-radius:var(--dui-radius-none)}&>:where(.Button,.Textfield,.Select,:has(>.Button)):last-child:not(:first-child){--dui-inline-start-radius:var(--dui-radius-none);--dui-inline-end-radius:var(--dui-radius-m)}&>:where(.Button,.Textfield,.Select,:has(>.Button)):not(:first-child):not(:last-child){--dui-inline-start-radius:var(--dui-radius-none);--dui-inline-end-radius:var(--dui-radius-none)}&>:hover{position:relative;z-index:1}&>:where(.Textfield,.Select):focus-within{position:relative;z-index:2}& :focus-visible{position:relative;z-index:2}& .DropdownMenu.__trigger .Button,&>.Button{min-height:var(--button-group-item-height);box-sizing:border-box;font-size:var(--dui-typography-body-s-font-size);line-height:var(--dui-typography-body-s-line-height);--button-label-icon-gap:var(--dui-spacing-m);padding-block:var(--button-group-button-padding-block);padding-inline:var(--button-group-inline-padding)}& .DropdownMenu.__trigger .Button.is-icon-only,&>.Button.is-icon-only{padding:var(--button-group-icon-only-padding)}&>.Textfield{--textfield-height:var(--button-group-item-height);--textfield-container-padding-block:var( --button-group-textfield-padding-block );--textfield-container-padding-inline:var(--button-group-inline-padding);--textfield-compact-input-font-size:var(--dui-typography-body-s-font-size);--textfield-compact-input-line-height:var( --dui-typography-body-s-line-height )}&>.Select{--select-control-min-height:var(--button-group-item-height);--select-control-padding-block:var(--button-group-select-padding-block);--select-control-padding-inline:var(--button-group-inline-padding)}&>.Select .__placeholder,&>.Select .__value-container{font-size:var(--dui-typography-body-s-font-size);line-height:var(--dui-typography-body-s-line-height)}}.Caption{display:inline-flex;align-items:flex-start;gap:var(--dui-spacing-s);&>svg{flex-shrink:0;margin-top:var(--dui-spacing-xs)}&.as-default{color:var(--dui-color-text-muted)}&.as-error{color:var(--dui-color-text-danger-muted)}&.as-success{color:var(--dui-color-text-success-muted)}}.Card{--card-inline-spacing:var(--dui-spacing-2xl);--card-block-spacing:var(--dui-spacing-xl);--card-inline-gap:var(--dui-spacing-l);--card-block-gap:var(--dui-spacing-l);--card-bg:var(--dui-color-background-surface-canvas-secondary);background-color:var(--card-bg);color:var(--dui-color-text-default);border-radius:var(--dui-radius-m);display:grid;min-block-size:var(--dui-spacing-4xl);gap:var(--card-block-gap);padding-block:var(--card-block-spacing)}.Card.as-canvas{border:var(--dui-spacing-px) solid var(--dui-color-border-default)}.Card.is-grid-item{grid-row:span var(--card-grid-rows);grid-template-rows:subgrid}.CardContent{display:flex;flex-direction:column;gap:var(--card-block-gap);padding-inline:var(--card-inline-spacing)}.CardFooter,.CardHeader{padding:0 var(--card-inline-spacing)}.CardHeader{display:flex;align-items:center;gap:var(--card-inline-gap);min-width:0}.CardTitle{text-overflow:ellipsis;white-space:nowrap;aspect-ratio:auto;overflow:hidden;flex:1}.Checkbox{--checkbox-border-color:var(--dui-color-border-action-basic-default);--checkbox-background-color:var(--dui-color-background-action-basic);--checkbox-checked-background-color:var( --dui-color-background-action-primary );--checkbox-checked-border-color:var(--dui-color-border-action-active);display:flex;flex-direction:column;gap:var(--dui-spacing-s);&.is-disabled{--checkbox-border-color:var(--dui-color-border-action-disabled);--checkbox-background-color:var(--dui-color-background-action-disabled);--checkbox-checked-background-color:var( --dui-color-background-action-disabled );--checkbox-checked-border-color:var(--dui-color-border-action-disabled)}&.is-error{--checkbox-border-color:var(--dui-color-border-surface-danger);--checkbox-checked-border-color:var(--dui-color-border-surface-danger)}}.Checkbox .__control{display:inline-flex;align-items:flex-start;gap:var(--dui-spacing-m)}.Checkbox .__input{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:var(--dui-border-width-default) solid var(--checkbox-border-color);border-radius:var(--dui-radius-s);background-color:var(--checkbox-background-color);cursor:pointer;color:var(--dui-color-text-action-invert);transition:border-color .2s ease,background-color .2s ease;&:hover{border-color:var(--dui-color-border-action-basic-hover)}&:focus-visible{outline:var(--dui-border-width-thick) solid var(--dui-color-border-focus);outline-offset:var(--dui-spacing-xs)}&[data-state=checked]{background-color:var(--checkbox-checked-background-color);border-color:var(--checkbox-checked-border-color)}&[data-state=checked]:hover{background-color:var(--dui-color-background-action-primary-hover)}}.Checkbox .__indicator{display:flex;align-items:center;justify-content:center}.Checkbox .__content{display:flex;flex-direction:column;gap:var(--dui-spacing-xs)}.Checkbox .__label{color:var(--dui-color-text-default);font-weight:var(--dui-typography-font-weight-regular);cursor:pointer;user-select:none;& .__required{color:var(--dui-color-text-danger)}}.Checkbox .__description{color:var(--dui-color-text-muted)}.Checkbox.as-small .__input{width:var(--dui-spacing-xl);height:var(--dui-spacing-xl);margin-top:var(--dui-spacing-xs)}.Checkbox.as-small .__label{font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height)}.Checkbox.as-small .__description{font-size:var(--dui-typography-body-xs-font-size);line-height:var(--dui-typography-body-xs-line-height)}.Checkbox.as-medium .__input{width:var(--dui-spacing-2xl);height:var(--dui-spacing-2xl);margin-top:var(--dui-spacing-xs)}.Checkbox.as-medium .__label{font-size:var(--dui-typography-body-m-font-size);line-height:var(--dui-typography-body-m-line-height)}.Checkbox.as-medium .__description{font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height)}.Checkbox.is-disabled .__input{cursor:not-allowed;&:hover{background-color:var(--dui-color-background-action-disabled)}}.Checkbox.is-disabled .__indicator{color:var(--dui-color-text-action-disabled);background-color:var(--dui-color-background-action-disabled)}.Checkbox.is-disabled .__label{cursor:not-allowed}.Checkbox.is-disabled .__description,.Checkbox.is-disabled .__label{color:var(--dui-color-text-action-disabled)}.Container{container-type:inline-size;container-name:component}.Conversation{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;position:relative;scrollbar-width:thin;& .__content{gap:var(--dui-spacing-l);padding:var(--dui-spacing-l)}& .__content,& .__empty{display:flex;flex-direction:column}& .__empty{align-items:center;justify-content:center;gap:var(--dui-spacing-s);text-align:center;margin:auto;padding:var(--dui-spacing-2xl)}& .__empty,& .__empty-icon{color:var(--dui-color-text-muted)}& .__empty-icon{display:flex}& .__empty-title{margin:0;color:var(--dui-color-text-default);font-size:var(--dui-typography-body-l-font-size);line-height:var(--dui-typography-body-l-line-height);font-weight:var(--dui-typography-font-weight-semibold)}& .__empty-description{margin:0;font-size:var(--dui-typography-body-m-font-size);line-height:var(--dui-typography-body-m-line-height)}& .__scroll-button{position:sticky;bottom:var(--dui-spacing-m);display:flex;justify-content:center;margin-top:auto;pointer-events:none}& .__scroll-button>*{pointer-events:auto}}.DataTable{display:flex;flex-direction:column;gap:var(--dui-spacing-l)}.DataTableCheckbox{display:inline-flex;align-items:center;justify-content:center;block-size:var(--dui-spacing-xl);inline-size:var(--dui-spacing-xl);border-radius:var(--dui-radius-s);border:var(--dui-border-width-default) solid var(--dui-color-border-action-basic-default);background-color:initial;cursor:pointer;appearance:none;flex-shrink:0;transition:background-color .15s ease;&.is-indeterminate,&:checked{background-color:var(--dui-color-background-action-primary);border-color:var(--dui-color-border-action-active)}&:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:var(--dui-spacing-xs)}&:disabled{opacity:.5;cursor:default;pointer-events:none}}.DataTableColumnHeader{display:flex;align-items:center;gap:var(--dui-spacing-s)}.DataTablePagination{display:flex;align-items:center;justify-content:space-between;gap:var(--dui-spacing-xl);& .__info{flex:1;font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height);color:var(--dui-color-text-muted)}& .__controls{display:flex;align-items:center;gap:var(--dui-spacing-m)}}.DataTableToolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--dui-spacing-l);& .__filters{flex:1}& .__actions,& .__filters{display:flex;align-items:center;gap:var(--dui-spacing-m)}}:root{--dialog-horizontal-spacing:var(--dui-spacing-3xl);--dialog-z-index:var(--dui-z-index-modal)}.DialogBody{font-size:var(--dui-typography-body-m-font-size);font-weight:var(--dui-typography-font-weight-regular);line-height:var(--dui-typography-body-m-line-height);min-inline-size:var(--dui-spacing-none);padding-inline:var(--dialog-horizontal-spacing);padding-block:var(--dui-spacing-none);&>*+*{margin-block-start:var(--dui-spacing-xl)}&.is-bleed{padding-inline:var(--dui-spacing-none)}}.DialogCloseButton{position:absolute;inset-inline-end:var(--dialog-horizontal-spacing);inset-block-start:var(--dui-spacing-xl)}.DialogContent{position:fixed;z-index:var(--dialog-z-index);inset-inline:var(--dui-spacing-xl);display:grid;container-type:inline-size;container-name:component;border:var(--dui-border-width-default) solid var(--dui-color-border-default);background-color:var(--dui-color-background-surface);border-radius:var(--dui-radius-l);color:var(--dui-color-text-default);&.is-overflow-hidden{overflow:hidden}&.as-with-gap{gap:var(--dui-spacing-xl)}&.with-header-image .DialogCloseButton{margin:var(--dui-spacing-s)}&.with-image{--dialog-horizontal-spacing:var(--dui-spacing-xl);& .DialogCloseButton{margin:var(--dui-spacing-s)}}&.as-narrow{inline-size:100%;max-inline-size:32rem}&.as-default{inline-size:100%;max-inline-size:48rem}&.as-wide{inline-size:100%;max-inline-size:62.5rem}&.as-vertical-top{inset-block-start:var(--dui-spacing-7xl)}&.as-vertical-center{inset-inline:0;inset-block-start:50%;margin-inline:auto;translate:0 -50%}& .__body{font-size:var(--dui-typography-body-m-font-size);font-weight:var(--dui-typography-font-weight-regular);line-height:var(--dui-typography-body-m-line-height);min-inline-size:var(--dui-spacing-none);padding:var(--dui-spacing-none) var(--dialog-horizontal-spacing);max-block-size:var(--dialog-content-max-height);overflow-y:auto;&>*+*{margin-block-start:var(--dui-spacing-xl)}}}.DialogFooter{padding:var(--dui-spacing-xl) var(--dialog-horizontal-spacing)}.DialogHeader{border-block-end:var(--dui-border-width-default) solid var(--dui-color-border-default);display:flex;flex-direction:column;justify-content:center;padding:var(--dui-spacing-xl);padding-inline:var(--dialog-horizontal-spacing);&.with-image{border:0;padding:var(--dui-spacing-xl)}& .__title-label{display:contents}& .__title{font-size:var(--dui-typography-body-m-font-size);font-weight:var(--dui-typography-font-weight-semibold);line-height:var(--dui-typography-body-m-line-height);margin-block-start:var(--dui-spacing-s)}& .__subtitle{font-size:var(--dui-typography-heading-5-font-size);font-weight:var(--dui-typography-font-weight-regular);line-height:var(--dui-typography-body-s-line-height)}& .__content{display:flex;align-items:start;gap:var(--dui-spacing-m)}& .__content-title{display:flex;flex-direction:column;gap:var(--dui-spacing-s)}}.DialogHeaderImage{display:block;padding-inline:var(--dui-spacing-none);padding-block:var(--dui-spacing-none);& .__content{display:block;inline-size:100%}& .__content>img,& .__content>picture,& .__content>picture>img,& .__content>video{display:block;inline-size:100%;max-inline-size:100%;block-size:auto}}.DialogMobileSheetContent{position:fixed;z-index:var(--dialog-z-index);inset-inline-start:var(--dui-spacing-none);inset-block-end:var(--dui-spacing-none);display:flex;flex-direction:column;inline-size:100%;max-block-size:85%;overflow:hidden;border:var(--dui-border-width-default) solid var(--dui-color-border-default);border-start-start-radius:var(--dui-radius-l);border-start-end-radius:var(--dui-radius-l);background-color:var(--dui-color-background-surface);container-type:inline-size;container-name:component;&[data-state=open]{animation:slideUp .3s ease-out}&[data-state=closed]{animation:slideDown .3s ease-in}& .__body{font-size:var(--dui-typography-heading-5-font-size);overflow-y:auto}& .as-with-padding{padding-inline:var(--dui-spacing-3xl);padding-block:var(--dui-spacing-xl)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.DialogOverlay{position:fixed;z-index:var(--dialog-z-index);inset:0;background-color:var(--dui-color-background-overlay);&.is-transparent{background-color:initial}}.Divider{background-color:var(--dui-color-border-default);border:0;margin-inline-start:var(--dui-spacing-m);margin-inline-end:var(--dui-spacing-m);min-height:1px;&.as-full-width{margin-inline-start:var(--dui-spacing-none);margin-inline-end:var(--dui-spacing-none)}&.as-margin-none{--margin-size:var(--dui-spacing-none)}&.as-margin-small{--margin-size:var(--dui-spacing-m)}&.as-margin-medium{--margin-size:var(--dui-spacing-xl)}&.as-margin-large{--margin-size:var(--dui-spacing-3xl)}&.as-margin-top{margin-top:var(--margin-size)}&.as-margin-bottom,&.as-margin-vertical{margin-bottom:var(--margin-size)}&.as-margin-vertical{margin-top:var(--margin-size)}}.DropdownMenu{&.__content{position:relative;z-index:var(--dui-floating-z-index,var(--dui-z-index-dropdown));border-radius:var(--dui-radius-m);background-color:var(--dui-color-background-surface);min-width:var(--radix-dropdown-menu-trigger-width,100%);overflow:hidden;color:var(--dui-color-text-default)}&.__trigger{& :where(.w-full,.as-full-width)>.__content{display:flex;justify-content:space-between;min-width:100%}}&.__checkbox-item,&.__item,&.__radio-item{display:flex;padding:.375rem var(--dui-spacing-l);align-items:center;gap:.375rem;cursor:default;outline:none;justify-content:space-between;color:var(--dui-color-text-default);&:hover{background-color:var(--dui-color-background-action-basic-hover)}&:active{background-color:var(--dui-color-background-action-basic-pressed)}&:focus-visible:not(:hover){outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:var(--dui-spacing-negative-xs)}&.is-readonly{color:var(--dui-color-text-action-disabled);cursor:help}}&.__checkbox-item,&.__radio-item{&:not(:has(.__indicator)){padding-inline-start:calc(var(--dui-spacing-xl) + .375rem + var(--dui-spacing-l))}&:has(.__indicator){background-color:var(--dui-color-background-action-active)}}&.__group{font-size:inherit;font-weight:inherit;line-height:inherit;display:flex;gap:.375rem;&.as-danger{color:var(--dui-color-text-danger)}&.as-muted{color:var(--dui-color-text-muted)}}&.__indicator{display:flex;align-items:center}&.__separator{border-top:var(--dui-border-width-default) solid var(--dui-color-border-default);margin-inline:var(--dui-spacing-l);margin-block:.375rem}&.__label{color:var(--dui-color-text-muted);padding:.375rem var(--dui-spacing-l)}}.Frame{height:100dvh;overflow:hidden;display:grid;grid-template-columns:auto 1fr;& .__sidebar{display:grid;min-height:0}& .__content{overflow:auto}}:where(html[dir=rtl]) .Icon--directional{transform:scaleX(-1)}.Label{display:inline-flex;align-items:center;gap:var(--dui-spacing-s);color:var(--dui-color-text-default);& .__label-text{display:inline}& .__required{color:var(--dui-color-text-danger-muted);font-weight:var(--dui-typography-font-weight-semibold)}& .__tooltip-button{all:unset;display:inline-flex;align-items:center;justify-content:center;padding:var(--dui-spacing-s);flex-shrink:0;cursor:pointer;color:var(--dui-color-text-muted);border-radius:var(--dui-radius-s);&:hover{color:var(--dui-color-text-default)}&:focus-visible{outline:2px solid var(--dui-color-border-focus);outline-offset:2px}}}.Layout{display:flex;flex-direction:column;min-height:100vh;max-width:100vw}.LoadingIndicator{display:flex;align-items:center;justify-content:center;animation:spin 1s linear infinite;&:where(html[dir=rtl] &){animation-direction:reverse}&.as-medium{max-inline-size:var(--dui-spacing-3xl);max-block-size:var(--dui-spacing-3xl)}&.as-large{max-inline-size:var(--dui-spacing-4xl);max-block-size:var(--dui-spacing-4xl)}&.is-inline{display:inline}& .__stroke-light{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--dui-color-gray-900);fill:var(--csstools-light-dark-toggle--0,var(--dui-color-gray-200))}@supports (color:light-dark(red,red)){& .__stroke-light{fill:light-dark(var(--dui-color-gray-200),var(--dui-color-gray-900))}}& .__stroke-dark{--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--dui-color-gray-200);fill:var(--csstools-light-dark-toggle--1,var(--dui-color-gray-900))}@supports (color:light-dark(red,red)){& .__stroke-dark{fill:light-dark(var(--dui-color-gray-900),var(--dui-color-gray-200))}}}@keyframes spin{to{transform:rotate(1turn)}}.Logo{flex-shrink:0;&.as-color-brand{color:var(--dui-color-background-action-brand)}&.as-color-inherit{color:inherit}}.Message{display:flex;gap:var(--dui-spacing-m);align-items:flex-start;& .__avatar{flex-shrink:0}& .__content{display:flex;flex-direction:column;gap:var(--dui-spacing-s);padding:var(--dui-spacing-m) var(--dui-spacing-l);border-radius:var(--dui-radius-l);font-size:var(--dui-typography-body-m-font-size);line-height:var(--dui-typography-body-m-line-height);max-width:80%;overflow-wrap:anywhere}&.as-assistant,&.as-system{flex-direction:row;& .__content{color:var(--dui-color-text-default);background-color:var(--dui-color-background-surface-neutral-muted)}}&.as-user{flex-direction:row-reverse;& .__content{color:var(--dui-color-text-action-primary);background-color:var(--dui-color-background-action-primary)}}}.Navbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background-color:var(--dui-color-background-surface);border-top:var(--dui-spacing-px) solid var(--dui-color-border-default);padding:var(--dui-spacing-m) var(--dui-spacing-xl);gap:var(--dui-spacing-s);z-index:var(--dui-z-index-sticky)}.NavbarItem{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;text-decoration:none;color:var(--dui-color-text-muted);border-radius:var(--dui-radius-s);transition:color .2s ease,background-color .2s ease;cursor:pointer;&:hover{color:var(--dui-color-text-default)}&:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:var(--dui-spacing-xs)}&.as-active{color:var(--dui-color-text-action-active)}&.as-active .NavbarItem-icon{background-color:var(--dui-color-background-action-active)}}.NavbarItem-icon{display:flex;align-items:center;justify-content:center;font-size:var(--dui-typography-body-l-font-size);line-height:var(--dui-typography-body-m-line-height);padding:var(--dui-spacing-m);border-radius:var(--dui-radius-s);& svg{width:var(--dui-spacing-2xl);height:var(--dui-spacing-2xl)}}.NavbarItem-label{font-size:.625rem;font-weight:var(--dui-typography-font-weight-semibold);text-align:center;max-width:100%}.PopoverContent{--popover-max-width:37.5rem;position:relative;z-index:var(--dui-floating-z-index,var(--dui-z-index-dropdown));background-color:var(--dui-color-background-surface);border-radius:var(--dui-radius-m);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;max-width:var(--popover-max-width)}.PopoverFooter{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:var(--dui-spacing-m);padding-top:var(--dui-spacing-m)}.PopoverHeader{display:flex;flex-direction:column;gap:var(--dui-spacing-m);& .__image-container{width:100%;overflow:hidden;background-color:var(--dui-color-background-action-basic-hover);border-radius:var(--dui-radius-m)}& .__image{width:100%;height:100%;object-fit:cover;object-position:center}& .__title-container{gap:var(--dui-spacing-m)}& .__title,& .__title-container{display:flex;align-items:center;min-height:var(--dui-spacing-4xl)}& .__title{font-size:var(--dui-typography-body-m-font-size);font-weight:var(--dui-typography-font-weight-semibold);line-height:var(--dui-typography-body-m-line-height);color:var(--dui-color-text-default);margin:0;flex:1}}.ProgressBar{display:grid;& .__track{block-size:var(--dui-spacing-s);overflow:hidden;background-color:var(--dui-color-background-surface-info-muted)}& .__fill,& .__track{border-radius:var(--dui-radius-full)}& .__fill{block-size:100%;background-color:var(--dui-color-background-action-primary);transition:width .5s ease}&.is-complete .__track{background-color:var(--dui-color-background-surface-success-muted)}&.is-complete .__fill{background-color:var(--dui-color-background-surface-success)}&.is-exceeded .__track{background-color:var(--dui-color-background-surface-danger-muted)}&.is-exceeded .__fill{background-color:var(--dui-color-background-surface-danger)}&.is-disabled .__track{background-color:var(--dui-color-background-surface-neutral-muted)}&.is-disabled .__fill{background-color:var(--dui-color-background-surface-neutral)}& .__fill.is-indeterminate{inline-size:30%;animation:progress-slide 1.5s ease-in-out infinite}&.is-stepped{row-gap:var(--dui-spacing-xl)}& .__steps{display:flex;gap:var(--dui-spacing-m);block-size:var(--dui-spacing-s)}& .__step{flex:1 0 0;min-inline-size:1px;border-radius:var(--dui-radius-full);background-color:var(--dui-color-background-surface-neutral-muted);transition:background-color .3s ease}& .__step.is-filled{background-color:var(--dui-color-background-action-primary)}&.is-stepped.is-disabled{opacity:.4}&.is-disabled .__step{background-color:var(--dui-color-background-surface-neutral-muted)}&.is-disabled .__step.is-filled{background-color:var(--dui-color-background-surface-neutral-muted-hover)}& .__footer{display:flex;justify-content:space-between;gap:var(--dui-spacing-m);font-size:var(--dui-typography-body-s-font-size);line-height:var(--dui-typography-body-s-line-height);color:var(--dui-color-text-muted)}& .__counter{margin-inline-start:auto}& .__description{margin-block-start:var(--dui-spacing-m);text-align:center;font-size:var(--dui-typography-body-s-font-size);line-height:var(--dui-typography-body-s-line-height);color:var(--dui-color-text-muted)}}@keyframes progress-slide{0%{margin-inline-start:0}50%{margin-inline-start:70%}to{margin-inline-start:0}}@media(forced-colors:active){.ProgressBar .__fill,.ProgressBar .__step.is-filled{background-color:Highlight}}.PromptInput{display:flex;flex-direction:column;gap:var(--dui-spacing-s);padding:var(--dui-spacing-m);border-radius:var(--dui-radius-l);background-color:var(--dui-color-background-surface);box-shadow:inset 0 0 0 var(--dui-spacing-px) var(--dui-color-border-default);&:focus-within{box-shadow:inset 0 0 0 var(--dui-spacing-px) var(--dui-color-border-action-active)}& .Textarea{--textarea-min-inline-size:0;--textarea-max-inline-size:100%;inline-size:100%}& .TextareaInput>.__input{min-inline-size:0;max-inline-size:100%;min-block-size:var(--dui-spacing-7xl);padding-inline:0;background-color:initial;border:0;&:focus,&:hover:not(:disabled){background-color:initial;border:0}}& .__toolbar{justify-content:space-between;gap:var(--dui-spacing-s)}& .__toolbar,& .__tools{display:flex;align-items:center}& .__tools{gap:var(--dui-spacing-xs)}}.Radio{display:flex;flex-direction:column;gap:var(--dui-spacing-s);&.is-error .__item{--radio-border-color:var(--dui-color-border-surface-danger)}&.is-disabled .__item{--radio-border-color:var(--dui-color-border-action-disabled);--radio-background-color:var(--dui-color-background-action-disabled);cursor:not-allowed}&.is-disabled .__item:hover{border-color:var(--dui-color-border-action-disabled)}}.Radio .__control{display:inline-flex;align-items:center;gap:var(--dui-spacing-l);min-block-size:var(--dui-spacing-3xl);min-inline-size:0}.Radio .__control:has(.__description){display:inline-flex;align-items:flex-start;min-block-size:0}.Radio.as-block .__content{flex:1 1 auto;min-inline-size:0}.Radio .__content{display:flex;flex-direction:column;gap:var(--dui-spacing-xs)}.Radio .__label{color:var(--dui-color-text-default);font-size:var(--dui-typography-body-m-font-size);line-height:var(--dui-typography-body-m-line-height);font-weight:var(--dui-typography-font-weight-regular);cursor:pointer;user-select:none;& .__required{color:var(--dui-color-text-danger)}}.Radio.is-disabled .__label{color:var(--dui-color-text-action-disabled);cursor:not-allowed}.Radio .__item{--radio-size:var(--dui-spacing-xl);--radio-border-width:1px;--radio-border-color:var(--dui-color-border-action-basic-default);--radio-background-color:var(--dui-color-background-surface);--radio-dot-color:var(--dui-color-background-action-primary);all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--radio-size);block-size:var(--radio-size);border-radius:9999px;border:var(--radio-border-width) solid var(--radio-border-color);background-color:var(--radio-background-color);flex-shrink:0;cursor:pointer;position:relative;transition:border-color .15s ease,box-shadow .15s ease;&:focus-visible{outline:none;box-shadow:0 0 0 2px var(--dui-color-background-surface),0 0 0 4px var(--dui-color-border-focus)}&[data-state=checked]{--radio-border-width:2px;border-color:var(--dui-color-border-action-active)}&.is-disabled,&:disabled{cursor:not-allowed;opacity:.5}&>.__indicator{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%}&>.__indicator:after{content:"";display:block;inline-size:var(--dui-spacing-m);block-size:var(--dui-spacing-m);border-radius:9999px;background-color:var(--radio-dot-color)}}.RadioGroup{display:flex;flex-direction:column;gap:var(--dui-spacing-s);align-items:flex-start}.Select{--select-input-inline-start-radius:var( --dui-inline-start-radius,var(--dui-radius-m) );--select-input-inline-end-radius:var( --dui-inline-end-radius,var(--dui-radius-m) );display:flex;flex-direction:column;gap:var(--dui-spacing-s);flex:var(--button-group-flex,none);min-width:var(--button-group-flex,auto);&:has(.is-disabled){cursor:not-allowed}}.SelectIndicator{display:flex;align-items:flex-start;gap:var(--dui-spacing-m);cursor:pointer;color:var(--dui-color-text-muted);min-height:var(--dui-spacing-3xl);& .with-clear:hover,& .with-dropdown:hover{color:var(--dui-color-text-default)}& .with-separator{display:none}}.SelectInput{--select-border-width:var(--dui-border-width-default);--select-border-color:var(--dui-color-border-action-basic-default);--select-inline-start-radius:var( --select-input-inline-start-radius,var(--dui-radius-m) );--select-inline-end-radius:var( --select-input-inline-end-radius,var(--dui-radius-m) );color:var(--dui-color-text-muted);& .__control{display:flex;align-items:center;gap:var(--dui-spacing-m);padding-inline:var(--select-control-padding-inline,var(--dui-spacing-m));background-color:var(--dui-color-background-action-basic);border:var(--select-border-width) solid var(--select-border-color);border-start-start-radius:var(--select-inline-start-radius);border-end-start-radius:var(--select-inline-start-radius);border-start-end-radius:var(--select-inline-end-radius);border-end-end-radius:var(--select-inline-end-radius);transition:border-color .2s ease,background-color .2s ease;&.as-small{min-height:var(--select-control-min-height,var(--dui-spacing-4xl));padding-block:var(--select-control-padding-block,calc(var(--dui-spacing-s) - var(--select-border-width) * 2))}&.as-medium{min-height:var(--select-control-min-height,var(--dui-spacing-5xl));padding-block:var(--select-control-padding-block,calc(var(--dui-spacing-m) - var(--select-border-width) * 2))}&:hover{background-color:var(--dui-color-background-action-basic-hover);border-color:var(--dui-color-border-action-basic-hover)}&.is-focused{border-color:var(--dui-color-border-action-active)}}&.is-error{--select-border-color:var(--dui-color-border-surface-danger)}&.is-success{--select-border-color:var(--dui-color-border-surface-success)}&.is-disabled{--select-border-color:var(--dui-color-border-action-disabled);& .__control{background-color:var(--dui-color-background-action-disabled)}& .__value-container{color:var(--dui-color-text-action-disabled)}}& .__placeholder{position:absolute;top:50%;transform:translateY(-50%);color:var(--dui-color-text-muted);pointer-events:none}&.is-disabled .__placeholder{color:var(--dui-color-text-action-disabled)}&.is-disabled .SelectTag{opacity:50%}& .__value-container{gap:var(--dui-spacing-s);color:var(--dui-color-text-default)}& .__content{background-color:var(--dui-color-background-surface);border-radius:var(--dui-radius-m);margin-top:var(--dui-spacing-m);padding:var(--dui-spacing-s) var(--dui-spacing-none);min-width:max-content}& .__option{padding-inline:var(--dui-spacing-l);padding-block:.375rem;font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height);color:var(--dui-color-text-action);cursor:pointer}& .__option.as-focused{background-color:var(--dui-color-background-action-basic-hover)}& .__option.as-selected{background-color:var(--dui-color-background-action-active)}& .__option.as-disabled{color:var(--dui-color-text-action-disabled);cursor:not-allowed}}.SelectTag{display:inline-flex;align-items:center;margin-block:var(--dui-spacing-xs)}.SidePanelItem{width:100%;& .Button{border-radius:var(--dui-spacing-m)}&.is-expanded{& .__content{display:flex;flex-direction:row;justify-content:space-between}& .__content,& .__title{overflow:hidden;border-radius:0}& .__title{white-space:nowrap;text-overflow:ellipsis;text-align:start}}&.is-read-only{& .Button{pointer-events:none}}}.SidePanelItemWithSwitch{position:relative;display:flex;min-width:0;width:100%;& .Button{border-radius:var(--dui-spacing-m);padding-inline-end:48px;min-width:0;& .__content{overflow:hidden;border-radius:0}}& .__switch-container{position:absolute;inset-inline-end:var(--dui-spacing-m);inset-block-start:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center}& .__left-content{gap:var(--dui-spacing-m)}& .__content-group,& .__left-content{display:flex;align-items:center;min-width:0;overflow:hidden;border-radius:0}& .__content-group{gap:var(--dui-spacing-s);flex:1}& .__title{white-space:nowrap;overflow:hidden;border-radius:0;text-overflow:ellipsis;text-align:start;min-width:0}}.SidePanelItemGroup{display:flex;flex-direction:column;&:has(>.__children:empty){display:none}&>.__title{position:relative;padding:var(--dui-spacing-xl) var(--dui-spacing-m) 0 var(--dui-spacing-m);color:var(--dui-color-text-muted);font-weight:400;margin-bottom:var(--dui-spacing-l)}&>.__children{display:flex;flex-direction:column;gap:var(--dui-spacing-s)}}.SidePanel{display:flex;flex-direction:row;&>.__content{width:100%;display:flex;flex-direction:column;&>.__children{flex-grow:1;flex-shrink:1;flex-basis:0}}}.SidePanelResizer{position:absolute;width:3px;height:100%;cursor:col-resize;top:0;left:0;background-color:initial;transition:background-color .3s ease;z-index:1;&.is-anchor-left,&.is-rtl{left:unset;right:0}&.is-anchor-left.is-rtl{right:unset;left:0}&.is-resizing,&:hover{background-color:var(--dui-color-border-action-active)}}.SidePanelSection{height:100%;&.as-with-padding{padding:0 var(--dui-spacing-xl)}&.as-allow-scrolling{overflow-y:auto}}.Sidebar{width:256px;flex-shrink:0;display:flex;flex-direction:column;background:var(--dui-color-background-surface);border-inline-end:var(--dui-spacing-px) solid var(--dui-color-border-default);overflow:hidden;font-size:var(--dui-typography-body-s-font-size);line-height:var(--dui-typography-body-s-line-height);transition:width .2s ease-in-out}.Sidebar.is-collapsed{width:60px}.Sidebar.is-icon-only{overflow:visible}.Sidebar .SidebarHeader{display:flex;align-items:center;padding:var(--dui-spacing-l) var(--dui-spacing-xl) var(--dui-spacing-m)}.Sidebar .SidebarNav{flex:1;min-height:0;display:flex;flex-direction:column}.Sidebar .SidebarNav .__scroll{display:flex;flex-direction:column;gap:var(--dui-spacing-xs);height:100%;overflow-y:auto;padding-inline:var(--dui-spacing-m)}.Sidebar.is-icon-only .SidebarNav .__scroll{overflow:visible}.Sidebar .SidebarFooter{flex-shrink:0;display:flex;flex-direction:column;gap:var(--dui-spacing-xs);padding:var(--dui-spacing-m)}.Sidebar .SidebarItem{display:flex;align-items:center;gap:var(--dui-spacing-m);min-height:var(--dui-spacing-4xl);padding-block:var(--dui-spacing-s);padding-inline:var(--dui-spacing-l);border:0;border-radius:var(--dui-radius-m);background:none;color:var(--dui-color-text-default);font:inherit;font-weight:var(--dui-typography-font-weight-regular);text-align:start;text-decoration:none;white-space:nowrap;cursor:pointer;&:hover{background:var(--dui-color-background-action-ghost-hover)}&:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:calc(-1*var(--dui-spacing-xs))}&.is-active{background:var(--dui-color-background-action-active);color:var(--dui-color-text-action-active);font-weight:var(--dui-typography-font-weight-semibold)}&.is-current{background:var(--dui-color-background-action-ghost-pressed);color:var(--dui-color-text-default)}}.Sidebar .SidebarFoldable{display:flex;flex-direction:column}.Sidebar .SidebarItem .__chevron{display:flex;align-items:center;margin-inline-start:auto;color:var(--dui-color-text-muted);transition:transform .2s ease-out}.Sidebar .SidebarItem[aria-expanded=true] .__chevron{transform:rotate(-180deg)}.Sidebar.is-icon-only .SidebarItem{display:flex;justify-content:center;gap:0;font-size:0}.Sidebar.is-icon-only .SidebarItem .__chevron{display:none}.Sidebar .SidebarFoldable-disclosure{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-out}.Sidebar .SidebarFoldable-disclosure.is-open{grid-template-rows:1fr}.Sidebar .SidebarFoldable-disclosure .__clip{overflow:hidden}.Sidebar .SidebarFoldable-disclosure .__children{display:flex;flex-direction:column;margin-block-start:var(--dui-spacing-xs);margin-inline-start:calc(var(--dui-spacing-l) + var(--dui-spacing-2xl)/2);padding-inline-start:calc(var(--dui-spacing-s) + var(--dui-spacing-px));border-inline-start:var(--dui-spacing-px) solid var(--dui-color-border-default)}.Sidebar.is-icon-only .SidebarFoldable-disclosure{display:none}.SidebarSubItem{display:flex;align-items:center;gap:var(--dui-spacing-m);min-height:var(--dui-spacing-4xl);padding-block:var(--dui-spacing-s);padding-inline:var(--dui-spacing-l);border:0;border-radius:var(--dui-radius-m);background:none;color:var(--dui-color-text-default);font:inherit;font-weight:var(--dui-typography-font-weight-regular);text-align:start;text-decoration:none;cursor:pointer;&:hover{background:var(--dui-color-background-action-ghost-hover)}&:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:calc(-1*var(--dui-spacing-xs))}&.is-current{background:var(--dui-color-background-action-ghost-pressed);color:var(--dui-color-text-default);font-weight:var(--dui-typography-font-weight-semibold)}}.SidebarFlyout{min-width:176px;padding-block:var(--dui-spacing-m);display:flex;flex-direction:column}.SidebarFlyout .__label{margin:0;padding:var(--dui-spacing-s) var(--dui-spacing-l) .375rem;font-size:var(--dui-typography-body-xs-font-size);line-height:var(--dui-typography-body-xs-line-height);color:var(--dui-color-text-muted)}.Sidebar .SidebarCollapseButton{align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;width:var(--dui-spacing-4xl);height:var(--dui-spacing-4xl);padding:0;border:0;border-radius:var(--dui-radius-m);background:none;color:var(--dui-color-text-muted);cursor:pointer;&:hover{background:var(--dui-color-background-action-ghost-hover)}&:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:calc(-1*var(--dui-spacing-xs))}}.Sidebar.is-icon-only .SidebarCollapseButton{align-self:center}.Sidebar.is-icon-only .SidebarFooter{display:flex;align-items:center}.Sidebar.is-icon-only .SidebarFooter>*{width:100%}@property --spacer-p{syntax:"*";inherits:false;initial-value:0}@property --spacer-pi{syntax:"*";inherits:false}@property --spacer-pb{syntax:"*";inherits:false}@property --spacer-gap{syntax:"*";inherits:false;initial-value:0}@property --spacer-w{syntax:"*";inherits:false}@property --spacer-maxw{syntax:"*";inherits:false}@property --spacer-h{syntax:"*";inherits:false}@property --spacer-p-xs{syntax:"*";inherits:false}@property --spacer-p-sm{syntax:"*";inherits:false}@property --spacer-p-md{syntax:"*";inherits:false}@property --spacer-p-lg{syntax:"*";inherits:false}@property --spacer-p-xl{syntax:"*";inherits:false}@property --spacer-pi-xs{syntax:"*";inherits:false}@property --spacer-pi-sm{syntax:"*";inherits:false}@property --spacer-pi-md{syntax:"*";inherits:false}@property --spacer-pi-lg{syntax:"*";inherits:false}@property --spacer-pi-xl{syntax:"*";inherits:false}@property --spacer-pb-xs{syntax:"*";inherits:false}@property --spacer-pb-sm{syntax:"*";inherits:false}@property --spacer-pb-md{syntax:"*";inherits:false}@property --spacer-pb-lg{syntax:"*";inherits:false}@property --spacer-pb-xl{syntax:"*";inherits:false}@property --spacer-gap-xs{syntax:"*";inherits:false}@property --spacer-gap-sm{syntax:"*";inherits:false}@property --spacer-gap-md{syntax:"*";inherits:false}@property --spacer-gap-lg{syntax:"*";inherits:false}@property --spacer-gap-xl{syntax:"*";inherits:false}@property --spacer-w-xs{syntax:"*";inherits:false}@property --spacer-w-sm{syntax:"*";inherits:false}@property --spacer-w-md{syntax:"*";inherits:false}@property --spacer-w-lg{syntax:"*";inherits:false}@property --spacer-w-xl{syntax:"*";inherits:false}@property --spacer-maxw-xs{syntax:"*";inherits:false}@property --spacer-maxw-sm{syntax:"*";inherits:false}@property --spacer-maxw-md{syntax:"*";inherits:false}@property --spacer-maxw-lg{syntax:"*";inherits:false}@property --spacer-maxw-xl{syntax:"*";inherits:false}@property --spacer-h-xs{syntax:"*";inherits:false}@property --spacer-h-sm{syntax:"*";inherits:false}@property --spacer-h-md{syntax:"*";inherits:false}@property --spacer-h-lg{syntax:"*";inherits:false}@property --spacer-h-xl{syntax:"*";inherits:false}@property --spacer-debug-color{syntax:"<color>";inherits:false;initial-value:red}.Spacer{--spacer-p-base:var(--spacer-p);--spacer-pi-base:var(--spacer-pi);--spacer-pb-base:var(--spacer-pb);--spacer-gap-base:var(--spacer-gap);--spacer-w-base:var(--spacer-w);--spacer-maxw-base:var(--spacer-maxw);--spacer-h-base:var(--spacer-h);display:block;position:relative;padding-inline:var(--spacer-pi,var(--spacer-p,0));padding-block:var(--spacer-pb,var(--spacer-p,0));width:var(--spacer-w,auto);max-width:var(--spacer-maxw,none);height:var(--spacer-h,auto)}.Spacer--flex{display:flex;flex-direction:column;gap:var(--spacer-gap)}@media(min-width:22rem){.Spacer{--spacer-p:var(--spacer-p-xs,var(--spacer-p-base));--spacer-pi:var(--spacer-pi-xs,var(--spacer-pi-base));--spacer-pb:var(--spacer-pb-xs,var(--spacer-pb-base));--spacer-gap:var(--spacer-gap-xs,var(--spacer-gap-base));--spacer-w:var(--spacer-w-xs,var(--spacer-w-base));--spacer-maxw:var(--spacer-maxw-xs,var(--spacer-maxw-base));--spacer-h:var(--spacer-h-xs,var(--spacer-h-base))}}@media(min-width:40rem){.Spacer{--spacer-p:var(--spacer-p-sm,var(--spacer-p-base));--spacer-pi:var(--spacer-pi-sm,var(--spacer-pi-base));--spacer-pb:var(--spacer-pb-sm,var(--spacer-pb-base));--spacer-gap:var(--spacer-gap-sm,var(--spacer-gap-base));--spacer-w:var(--spacer-w-sm,var(--spacer-w-base));--spacer-maxw:var(--spacer-maxw-sm,var(--spacer-maxw-base));--spacer-h:var(--spacer-h-sm,var(--spacer-h-base))}}@media(min-width:60rem){.Spacer{--spacer-p:var(--spacer-p-md,var(--spacer-p-base));--spacer-pi:var(--spacer-pi-md,var(--spacer-pi-base));--spacer-pb:var(--spacer-pb-md,var(--spacer-pb-base));--spacer-gap:var(--spacer-gap-md,var(--spacer-gap-base));--spacer-w:var(--spacer-w-md,var(--spacer-w-base));--spacer-maxw:var(--spacer-maxw-md,var(--spacer-maxw-base));--spacer-h:var(--spacer-h-md,var(--spacer-h-base))}}@media(min-width:80rem){.Spacer{--spacer-p:var(--spacer-p-lg,var(--spacer-p-base));--spacer-pi:var(--spacer-pi-lg,var(--spacer-pi-base));--spacer-pb:var(--spacer-pb-lg,var(--spacer-pb-base));--spacer-gap:var(--spacer-gap-lg,var(--spacer-gap-base));--spacer-w:var(--spacer-w-lg,var(--spacer-w-base));--spacer-maxw:var(--spacer-maxw-lg,var(--spacer-maxw-base));--spacer-h:var(--spacer-h-lg,var(--spacer-h-base))}}@media(min-width:103rem){.Spacer{--spacer-p:var(--spacer-p-xl,var(--spacer-p-base));--spacer-pi:var(--spacer-pi-xl,var(--spacer-pi-base));--spacer-pb:var(--spacer-pb-xl,var(--spacer-pb-base));--spacer-gap:var(--spacer-gap-xl,var(--spacer-gap-base));--spacer-w:var(--spacer-w-xl,var(--spacer-w-base));--spacer-maxw:var(--spacer-maxw-xl,var(--spacer-maxw-base));--spacer-h:var(--spacer-h-xl,var(--spacer-h-base))}}@container component (min-width: 22rem){.Spacer--scope-component{--spacer-p:var(--spacer-p-xs,var(--spacer-p-base));--spacer-pi:var(--spacer-pi-xs,var(--spacer-pi-base));--spacer-pb:var(--spacer-pb-xs,var(--spacer-pb-base));--spacer-gap:var(--spacer-gap-xs,var(--spacer-gap-base));--spacer-w:var(--spacer-w-xs,var(--spacer-w-base));--spacer-maxw:var(--spacer-maxw-xs,var(--spacer-maxw-base));--spacer-h:var(--spacer-h-xs,var(--spacer-h-base))}}@container component (min-width: 40rem){.Spacer--scope-component{--spacer-p:var(--spacer-p-sm,var(--spacer-p-base));--spacer-pi:var(--spacer-pi-sm,var(--spacer-pi-base));--spacer-pb:var(--spacer-pb-sm,var(--spacer-pb-base));--spacer-gap:var(--spacer-gap-sm,var(--spacer-gap-base));--spacer-w:var(--spacer-w-sm,var(--spacer-w-base));--spacer-maxw:var(--spacer-maxw-sm,var(--spacer-maxw-base));--spacer-h:var(--spacer-h-sm,var(--spacer-h-base))}}@container component (min-width: 60rem){.Spacer--scope-component{--spacer-p:var(--spacer-p-md,var(--spacer-p-base));--spacer-pi:var(--spacer-pi-md,var(--spacer-pi-base));--spacer-pb:var(--spacer-pb-md,var(--spacer-pb-base));--spacer-gap:var(--spacer-gap-md,var(--spacer-gap-base));--spacer-w:var(--spacer-w-md,var(--spacer-w-base));--spacer-maxw:var(--spacer-maxw-md,var(--spacer-maxw-base));--spacer-h:var(--spacer-h-md,var(--spacer-h-base))}}@container component (min-width: 80rem){.Spacer--scope-component{--spacer-p:var(--spacer-p-lg,var(--spacer-p-base));--spacer-pi:var(--spacer-pi-lg,var(--spacer-pi-base));--spacer-pb:var(--spacer-pb-lg,var(--spacer-pb-base));--spacer-gap:var(--spacer-gap-lg,var(--spacer-gap-base));--spacer-w:var(--spacer-w-lg,var(--spacer-w-base));--spacer-maxw:var(--spacer-maxw-lg,var(--spacer-maxw-base));--spacer-h:var(--spacer-h-lg,var(--spacer-h-base))}}@container component (min-width: 103rem){.Spacer--scope-component{--spacer-p:var(--spacer-p-xl,var(--spacer-p-base));--spacer-pi:var(--spacer-pi-xl,var(--spacer-pi-base));--spacer-pb:var(--spacer-pb-xl,var(--spacer-pb-base));--spacer-gap:var(--spacer-gap-xl,var(--spacer-gap-base));--spacer-w:var(--spacer-w-xl,var(--spacer-w-base));--spacer-maxw:var(--spacer-maxw-xl,var(--spacer-maxw-base));--spacer-h:var(--spacer-h-xl,var(--spacer-h-base))}}.Spacer--direction-row{flex-direction:row}.Spacer--direction-column{flex-direction:column}.Spacer--align-start{align-items:flex-start}.Spacer--align-center{align-items:center}.Spacer--align-end{align-items:flex-end}.Spacer--align-stretch{align-items:stretch}.Spacer--align-baseline{align-items:baseline}.Spacer--justify-start{justify-content:flex-start}.Spacer--justify-center{justify-content:center}.Spacer--justify-end{justify-content:flex-end}.Spacer--justify-between{justify-content:space-between}.Spacer--justify-around{justify-content:space-around}.Spacer--justify-evenly{justify-content:space-evenly}.Spacer--wrap{flex-wrap:wrap}@media(min-width:22rem){.Spacer--direction-xs-row{flex-direction:row}.Spacer--direction-xs-column{flex-direction:column}.Spacer--align-xs-start{align-items:flex-start}.Spacer--align-xs-center{align-items:center}.Spacer--align-xs-end{align-items:flex-end}.Spacer--align-xs-stretch{align-items:stretch}.Spacer--align-xs-baseline{align-items:baseline}.Spacer--justify-xs-start{justify-content:flex-start}.Spacer--justify-xs-center{justify-content:center}.Spacer--justify-xs-end{justify-content:flex-end}.Spacer--justify-xs-between{justify-content:space-between}.Spacer--justify-xs-around{justify-content:space-around}.Spacer--justify-xs-evenly{justify-content:space-evenly}}@media(min-width:40rem){.Spacer--direction-sm-row{flex-direction:row}.Spacer--direction-sm-column{flex-direction:column}.Spacer--align-sm-start{align-items:flex-start}.Spacer--align-sm-center{align-items:center}.Spacer--align-sm-end{align-items:flex-end}.Spacer--align-sm-stretch{align-items:stretch}.Spacer--align-sm-baseline{align-items:baseline}.Spacer--justify-sm-start{justify-content:flex-start}.Spacer--justify-sm-center{justify-content:center}.Spacer--justify-sm-end{justify-content:flex-end}.Spacer--justify-sm-between{justify-content:space-between}.Spacer--justify-sm-around{justify-content:space-around}.Spacer--justify-sm-evenly{justify-content:space-evenly}}@media(min-width:60rem){.Spacer--direction-md-row{flex-direction:row}.Spacer--direction-md-column{flex-direction:column}.Spacer--align-md-start{align-items:flex-start}.Spacer--align-md-center{align-items:center}.Spacer--align-md-end{align-items:flex-end}.Spacer--align-md-stretch{align-items:stretch}.Spacer--align-md-baseline{align-items:baseline}.Spacer--justify-md-start{justify-content:flex-start}.Spacer--justify-md-center{justify-content:center}.Spacer--justify-md-end{justify-content:flex-end}.Spacer--justify-md-between{justify-content:space-between}.Spacer--justify-md-around{justify-content:space-around}.Spacer--justify-md-evenly{justify-content:space-evenly}}@media(min-width:80rem){.Spacer--direction-lg-row{flex-direction:row}.Spacer--direction-lg-column{flex-direction:column}.Spacer--align-lg-start{align-items:flex-start}.Spacer--align-lg-center{align-items:center}.Spacer--align-lg-end{align-items:flex-end}.Spacer--align-lg-stretch{align-items:stretch}.Spacer--align-lg-baseline{align-items:baseline}.Spacer--justify-lg-start{justify-content:flex-start}.Spacer--justify-lg-center{justify-content:center}.Spacer--justify-lg-end{justify-content:flex-end}.Spacer--justify-lg-between{justify-content:space-between}.Spacer--justify-lg-around{justify-content:space-around}.Spacer--justify-lg-evenly{justify-content:space-evenly}}@media(min-width:103rem){.Spacer--direction-xl-row{flex-direction:row}.Spacer--direction-xl-column{flex-direction:column}.Spacer--align-xl-start{align-items:flex-start}.Spacer--align-xl-center{align-items:center}.Spacer--align-xl-end{align-items:flex-end}.Spacer--align-xl-stretch{align-items:stretch}.Spacer--align-xl-baseline{align-items:baseline}.Spacer--justify-xl-start{justify-content:flex-start}.Spacer--justify-xl-center{justify-content:center}.Spacer--justify-xl-end{justify-content:flex-end}.Spacer--justify-xl-between{justify-content:space-between}.Spacer--justify-xl-around{justify-content:space-around}.Spacer--justify-xl-evenly{justify-content:space-evenly}}@container component (min-width: 22rem){.Spacer--scope-component.Spacer--direction-xs-row{flex-direction:row}.Spacer--scope-component.Spacer--direction-xs-column{flex-direction:column}.Spacer--scope-component.Spacer--align-xs-start{align-items:flex-start}.Spacer--scope-component.Spacer--align-xs-center{align-items:center}.Spacer--scope-component.Spacer--align-xs-end{align-items:flex-end}.Spacer--scope-component.Spacer--align-xs-stretch{align-items:stretch}.Spacer--scope-component.Spacer--align-xs-baseline{align-items:baseline}.Spacer--scope-component.Spacer--justify-xs-start{justify-content:flex-start}.Spacer--scope-component.Spacer--justify-xs-center{justify-content:center}.Spacer--scope-component.Spacer--justify-xs-end{justify-content:flex-end}.Spacer--scope-component.Spacer--justify-xs-between{justify-content:space-between}.Spacer--scope-component.Spacer--justify-xs-around{justify-content:space-around}.Spacer--scope-component.Spacer--justify-xs-evenly{justify-content:space-evenly}}@container component (min-width: 40rem){.Spacer--scope-component.Spacer--direction-sm-row{flex-direction:row}.Spacer--scope-component.Spacer--direction-sm-column{flex-direction:column}.Spacer--scope-component.Spacer--align-sm-start{align-items:flex-start}.Spacer--scope-component.Spacer--align-sm-center{align-items:center}.Spacer--scope-component.Spacer--align-sm-end{align-items:flex-end}.Spacer--scope-component.Spacer--align-sm-stretch{align-items:stretch}.Spacer--scope-component.Spacer--align-sm-baseline{align-items:baseline}.Spacer--scope-component.Spacer--justify-sm-start{justify-content:flex-start}.Spacer--scope-component.Spacer--justify-sm-center{justify-content:center}.Spacer--scope-component.Spacer--justify-sm-end{justify-content:flex-end}.Spacer--scope-component.Spacer--justify-sm-between{justify-content:space-between}.Spacer--scope-component.Spacer--justify-sm-around{justify-content:space-around}.Spacer--scope-component.Spacer--justify-sm-evenly{justify-content:space-evenly}}@container component (min-width: 60rem){.Spacer--scope-component.Spacer--direction-md-row{flex-direction:row}.Spacer--scope-component.Spacer--direction-md-column{flex-direction:column}.Spacer--scope-component.Spacer--align-md-start{align-items:flex-start}.Spacer--scope-component.Spacer--align-md-center{align-items:center}.Spacer--scope-component.Spacer--align-md-end{align-items:flex-end}.Spacer--scope-component.Spacer--align-md-stretch{align-items:stretch}.Spacer--scope-component.Spacer--align-md-baseline{align-items:baseline}.Spacer--scope-component.Spacer--justify-md-start{justify-content:flex-start}.Spacer--scope-component.Spacer--justify-md-center{justify-content:center}.Spacer--scope-component.Spacer--justify-md-end{justify-content:flex-end}.Spacer--scope-component.Spacer--justify-md-between{justify-content:space-between}.Spacer--scope-component.Spacer--justify-md-around{justify-content:space-around}.Spacer--scope-component.Spacer--justify-md-evenly{justify-content:space-evenly}}@container component (min-width: 80rem){.Spacer--scope-component.Spacer--direction-lg-row{flex-direction:row}.Spacer--scope-component.Spacer--direction-lg-column{flex-direction:column}.Spacer--scope-component.Spacer--align-lg-start{align-items:flex-start}.Spacer--scope-component.Spacer--align-lg-center{align-items:center}.Spacer--scope-component.Spacer--align-lg-end{align-items:flex-end}.Spacer--scope-component.Spacer--align-lg-stretch{align-items:stretch}.Spacer--scope-component.Spacer--align-lg-baseline{align-items:baseline}.Spacer--scope-component.Spacer--justify-lg-start{justify-content:flex-start}.Spacer--scope-component.Spacer--justify-lg-center{justify-content:center}.Spacer--scope-component.Spacer--justify-lg-end{justify-content:flex-end}.Spacer--scope-component.Spacer--justify-lg-between{justify-content:space-between}.Spacer--scope-component.Spacer--justify-lg-around{justify-content:space-around}.Spacer--scope-component.Spacer--justify-lg-evenly{justify-content:space-evenly}}@container component (min-width: 103rem){.Spacer--scope-component.Spacer--direction-xl-row{flex-direction:row}.Spacer--scope-component.Spacer--direction-xl-column{flex-direction:column}.Spacer--scope-component.Spacer--align-xl-start{align-items:flex-start}.Spacer--scope-component.Spacer--align-xl-center{align-items:center}.Spacer--scope-component.Spacer--align-xl-end{align-items:flex-end}.Spacer--scope-component.Spacer--align-xl-stretch{align-items:stretch}.Spacer--scope-component.Spacer--align-xl-baseline{align-items:baseline}.Spacer--scope-component.Spacer--justify-xl-start{justify-content:flex-start}.Spacer--scope-component.Spacer--justify-xl-center{justify-content:center}.Spacer--scope-component.Spacer--justify-xl-end{justify-content:flex-end}.Spacer--scope-component.Spacer--justify-xl-between{justify-content:space-between}.Spacer--scope-component.Spacer--justify-xl-around{justify-content:space-around}.Spacer--scope-component.Spacer--justify-xl-evenly{justify-content:space-evenly}}.Spacer--debug{outline:1px solid var(--spacer-debug-color)}.Spacer--debug:before{content:"Spacer";position:absolute;top:0;right:0;transform:translate(-4px,-100%);font-family:monospace;font-size:10px;padding:0 4px;color:white;background:var(--spacer-debug-color);pointer-events:none}.Suggestions{display:flex;gap:var(--dui-spacing-s);align-items:center;overflow-x:auto;scrollbar-width:thin;&>*{flex-shrink:0}}.Switch__container{position:relative;display:inline-flex;align-items:center;gap:var(--dui-spacing-m);& .__label{color:var(--dui-color-text-default);font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height);font-weight:var(--dui-typography-font-weight-regular);cursor:pointer;user-select:none;&:hover{color:var(--dui-color-text-action)}& .__required{color:var(--dui-color-text-danger)}}& .is-disabled~.__label{color:var(--dui-color-text-action-disabled);cursor:not-allowed}}.Switch{padding:0;position:relative;display:inline-block;border:0;border-radius:var(--dui-radius-l);background-color:currentColor;color:var(--dui-color-background-surface-neutral);cursor:pointer;transition:background-color .2s ease;min-block-size:var(--dui-spacing-2xl);min-width:2.25rem;&:focus-visible{outline:var(--dui-spacing-xs) solid;outline-offset:var(--dui-spacing-xs);outline-color:var(--dui-color-border-focus)}&:hover{background-color:var(--dui-color-background-surface-neutral-hover)}&[data-state=checked]{background-color:var(--dui-color-background-action-primary);&:hover{background-color:var(--dui-color-background-action-primary-hover)}& .__thumb{transform:scale(.8) translateX(var(--dui-spacing-2xl))}&:dir(rtl) .__thumb{transform:scale(.8) translateX(calc(-1 * var(--dui-spacing-2xl)))}}&.is-disabled,&:disabled{background-color:var(--dui-color-background-action-disabled);cursor:not-allowed;&:hover,&[data-state=checked]{background-color:var(--dui-color-background-action-disabled)}& .__thumb{background-color:var(--dui-color-text-action-disabled)}}& .__thumb{display:block;border-radius:50%;background-color:var(--dui-color-background-surface);transition:transform .2s ease;pointer-events:none;width:var(--dui-spacing-2xl);min-block-size:var(--dui-spacing-2xl);transform:scale(.8) translateX(var(--dui-spacing-none))}}.Table{--table-border-color:var(--dui-color-border-default);--table-header-bg:var(--dui-color-background-surface-neutral-muted);--table-row-hover-bg:var(--dui-color-background-surface-neutral-muted-hover);--table-cell-padding-block:0.625rem;--table-cell-padding-inline:var(--dui-spacing-xl);inline-size:100%;caption-side:block-end;border-collapse:collapse;font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height);color:var(--dui-color-text-default);& .__header{border-block-end:var(--dui-border-width-default) solid var(--table-border-color)}& .__body{& .__row:last-child{border-block-end:none}&.is-striped .__row:nth-child(2n){background-color:var(--dui-color-background-surface-neutral-muted)}}& .__footer{background-color:var(--table-header-bg);border-block-start:var(--dui-border-width-default) solid var(--table-border-color);font-weight:600}& .__row{border-block-end:var(--dui-border-width-default) solid var(--table-border-color);transition:background-color .15s ease;&.is-selected{background-color:var(--dui-color-background-action-active)}}& .__head{text-align:start;font-weight:600;color:var(--dui-color-text-default);white-space:nowrap}& .__cell,& .__head{padding-block:var(--table-cell-padding-block);padding-inline:var(--table-cell-padding-inline);vertical-align:middle}& .__caption{padding-block:var(--dui-spacing-m);font-size:var(--dui-typography-heading-5-font-size);color:var(--dui-color-text-muted)}}.TableWrapper{overflow:auto;border-radius:var(--dui-radius-m);border:var(--dui-border-width-default) solid var(--dui-color-border-default)}.Tabs{display:flex;flex-direction:column}.TabsList{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--dui-spacing-s);padding:var(--dui-spacing-s);border-radius:var(--dui-radius-m);background-color:var(--dui-color-background-surface-canvas-secondary)}.TabsTrigger{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--dui-spacing-m);padding:var(--dui-spacing-m) var(--dui-spacing-l);border-radius:var(--dui-radius-m);white-space:nowrap;font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height);font-weight:600;color:var(--dui-color-text-muted);background-color:initial;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);&:hover{background-color:var(--dui-color-background-surface-neutral-muted)}&:active{background-color:var(--dui-color-background-action-ghost-pressed)}&:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:var(--dui-spacing-xs)}&[data-state=active]{color:var(--dui-color-text-default);background-color:var(--dui-color-background-surface)}&[data-disabled]{color:var(--dui-color-text-action-disabled);pointer-events:none;cursor:default;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) 0.5;opacity:var(--csstools-light-dark-toggle--0,1);opacity:light-dark(1,.5)}}.TabsContent{padding:var(--dui-spacing-xl) 0;outline:none;&:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:var(--dui-spacing-s);border-radius:var(--dui-radius-s)}}.Tag{--tag-padding-inline-start:var(--dui-spacing-m);--tag-padding-inline-end:var(--dui-spacing-m);--tag-padding-block:var(--dui-spacing-xs);display:inline-flex;align-items:center;gap:var(--dui-spacing-xs);padding-inline-start:var(--tag-padding-inline-start);padding-inline-end:var(--tag-padding-inline-end);padding-block:var(--tag-padding-block);border-radius:var(--dui-radius-full);color:var(--dui-color-text-default);background-color:var(--dui-color-background-surface-neutral-muted);box-sizing:border-box;&:has(.__icon){--tag-padding-inline-start:0.375rem}&:has(.__action){--tag-padding-inline-end:0.375rem}& .__action,& .__icon,& .__label{display:inline-flex;align-items:center}& .__label{white-space:nowrap}& .__action{background:transparent;border:none;padding:0;margin:0;cursor:pointer;color:inherit;outline:none;border-radius:var(--dui-radius-s);&:hover{background-color:var(--dui-color-background-surface-neutral-muted-hover)}&:active{background-color:var(--dui-color-background-surface-neutral-muted-pressed)}&:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus)}}}.Text{margin:0;color:var(--dui-color-text-default);&.with-color-default{color:var(--dui-color-text-default)}&.with-color-muted{color:var(--dui-color-text-muted)}&.with-color-danger{color:var(--dui-color-text-danger)}&.with-color-success{color:var(--dui-color-text-success)}&.is-truncated{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}&.is-centered{text-align:center}}.Textarea{--textarea-inline-start-radius:var( --dui-inline-start-radius,var(--dui-radius-m) );--textarea-inline-end-radius:var( --dui-inline-end-radius,var(--dui-radius-m) );--textarea-min-height:var(--dui-spacing-8xl);--textarea-min-inline-size:18.75rem;--textarea-max-inline-size:35rem;display:flex;flex-direction:column;inline-size:min-content;min-inline-size:var(--textarea-min-inline-size,20rem);max-inline-size:100%;&>*+*{margin-block-start:var(--dui-spacing-s)}&>.Label+*{margin-block-start:0}&>*+.TextareaInput{margin-block-start:var(--dui-spacing-s)}&>.TextareaCharacterCount{inline-size:100%;text-align:end}}.TextareaCharacterCount{color:var(--dui-color-text-muted);font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height);white-space:nowrap;&.is-warning{color:var(--dui-color-text-warning)}& .__sr{position:absolute;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}.TextareaInput{--textarea-border-color:var(--dui-color-border-action-basic-default);--textarea-background-color:var(--dui-color-background-action-basic);--textarea-inline-start-radius:var( --textarea-input-inline-start-radius,var(--dui-radius-m) );--textarea-inline-end-radius:var( --textarea-input-inline-end-radius,var(--dui-radius-m) );--textarea-resize:both;display:contents;& .__input{margin-block-start:var(--dui-spacing-s)}&:first-child>.__input{margin-block-start:0}&.is-error{--textarea-border-color:var(--dui-color-border-surface-danger)}&.is-success{--textarea-border-color:var(--dui-color-border-surface-success)}&.is-disabled{--textarea-border-color:var(--dui-color-border-action-disabled);--textarea-background-color:var(--dui-color-background-action-disabled)}&.is-auto-grow,&.is-disabled{--textarea-resize:none}&>.__input{inline-size:100%;min-block-size:var(--textarea-min-height,96px);min-inline-size:var(--textarea-min-inline-size,320px);max-inline-size:var(--textarea-max-inline-size,720px);padding:.625rem var(--dui-spacing-m);background-color:var(--textarea-background-color);border:var(--dui-border-width-default) solid var(--textarea-border-color);border-start-start-radius:var(--textarea-inline-start-radius);border-end-start-radius:var(--textarea-inline-start-radius);border-start-end-radius:var(--textarea-inline-end-radius);border-end-end-radius:var(--textarea-inline-end-radius);box-sizing:border-box;resize:var(--textarea-resize);font-family:inherit;font-size:var(--dui-typography-body-m-font-size);line-height:var(--dui-typography-body-m-line-height);font-weight:var(--dui-typography-font-weight-regular);color:var(--dui-color-text-default);outline:none;transition:border-color .2s ease,background-color .2s ease;&::placeholder{color:var(--dui-color-text-muted)}&:disabled{color:var(--dui-color-text-action-disabled);cursor:not-allowed}&:hover:not(:disabled){background-color:var(--dui-color-background-action-basic-hover);border-color:var(--dui-color-border-action-basic-hover)}&:focus{border-color:var(--dui-color-border-action-active)}}&.is-disabled>.__input{&::placeholder{color:var(--dui-color-text-action-disabled)}&:hover{background-color:var(--textarea-background-color);border-color:var(--textarea-border-color)}}}.Textfield{--textfield-input-inline-start-radius:var( --dui-inline-start-radius,var(--dui-radius-m) );--textfield-input-inline-end-radius:var( --dui-inline-end-radius,var(--dui-radius-m) );display:flex;flex-direction:column;gap:var(--dui-spacing-s);flex:var(--button-group-flex,none);min-width:var(--button-group-flex,auto);&.as-small{--textfield-height:var(--dui-spacing-4xl)}&.as-medium{--textfield-height:var(--dui-spacing-5xl)}}.TextfieldInput{--textfield-border-color:var(--dui-color-border-action-basic-default);--textfield-background-color:var(--dui-color-background-action-basic);--textfield-inline-start-radius:var( --textfield-input-inline-start-radius,var(--dui-radius-m) );--textfield-inline-end-radius:var( --textfield-input-inline-end-radius,var(--dui-radius-m) );&.as-small{--textfield-height:var(--dui-spacing-4xl)}&.is-error{--textfield-border-color:var(--dui-color-border-surface-danger)}&.is-success{--textfield-border-color:var(--dui-color-border-surface-success)}&.is-disabled{--textfield-border-color:var(--dui-color-border-action-disabled);--textfield-background-color:var(--dui-color-background-action-disabled)}& .__container{display:flex;align-items:center;gap:var(--dui-spacing-m);padding-block:var(--textfield-container-padding-block,.625rem);padding-inline:var(--textfield-container-padding-inline,var(--dui-spacing-m));height:var(--textfield-height,var(--dui-spacing-5xl));background-color:var(--textfield-background-color);border:var(--dui-border-width-default) solid var(--textfield-border-color);border-start-start-radius:var(--textfield-inline-start-radius);border-end-start-radius:var(--textfield-inline-start-radius);border-start-end-radius:var(--textfield-inline-end-radius);border-end-end-radius:var(--textfield-inline-end-radius);box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease}& .__input{flex:1;min-width:var(--dui-spacing-none);border:none;background:transparent;outline:none;padding:var(--dui-spacing-none);font-size:var(--textfield-compact-input-font-size,var(--dui-typography-body-m-font-size));line-height:var(--textfield-compact-input-line-height,var(--dui-typography-body-m-line-height));font-weight:var(--dui-typography-font-weight-regular);color:var(--dui-color-text-default);&::placeholder{color:var(--dui-color-text-muted)}&:disabled{color:var(--dui-color-text-action-disabled)}}&.is-disabled .__input::placeholder{color:var(--dui-color-text-action-disabled)}& .__chevron,& .__clear-button,& .__icon-start,& .__toggle-visibility{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--dui-color-text-muted)}&.is-disabled .__chevron,&.is-disabled .__icon-start{color:var(--dui-color-text-action-disabled)}& .__clear-button,& .__toggle-visibility{background:transparent;border:none;padding:0;margin:0;cursor:pointer;outline:none;border-radius:var(--dui-radius-s);width:var(--dui-spacing-xl);height:var(--dui-spacing-xl);&:hover{background-color:var(--dui-color-background-action-basic-hover)}&:active,&:hover{color:var(--dui-color-text-default)}&:active{background-color:var(--dui-color-background-action-basic-pressed)}&:focus-visible{outline:var(--dui-border-width-thick) solid var(--dui-color-border-action-active);outline-offset:var(--dui-spacing-xs)}}& .__prefix,& .__suffix{display:flex;align-items:center;font-size:var(--dui-typography-body-m-font-size);line-height:var(--dui-typography-body-m-line-height);color:var(--dui-color-text-muted)}&.is-disabled .__prefix,&.is-disabled .__suffix{color:var(--dui-color-text-action-disabled)}&:hover .__container{background-color:var(--dui-color-background-action-basic-hover);border-color:var(--dui-color-border-action-basic-hover)}& .__container:has(:focus){border-color:var(--dui-color-border-action-active)}&.is-disabled .__container{cursor:not-allowed}&.is-disabled .__chevron,&.is-disabled .__clear-button,&.is-disabled .__icon-start,&.is-disabled .__input,&.is-disabled .__prefix,&.is-disabled .__suffix,&.is-disabled .__toggle-visibility{cursor:not-allowed;pointer-events:none}&.is-disabled:hover .__container{background-color:var(--textfield-background-color);border-color:var(--textfield-border-color)}}.Toast{font-family:inherit;--success-bg:var(--dui-color-background-surface-success-muted);--success-text:var(--dui-color-text-success);--success-border:var(--dui-color-border-surface-success);--info-bg:var(--dui-color-background-surface-info-muted);--info-text:var(--dui-color-text-info);--info-border:var(--dui-color-border-surface-info);--warning-bg:var(--dui-color-background-surface-warning-muted);--warning-text:var(--dui-color-text-warning);--warning-border:var(--dui-color-border-surface-warning);--error-bg:var(--dui-color-background-surface-danger-muted);--error-text:var(--dui-color-text-danger);--error-border:var(--dui-color-border-surface-danger);--normal-bg:var(--dui-color-background-surface);--normal-text:var(--dui-color-text-default);--normal-border:var(--dui-color-border-default);& .Toast__toast{padding:var(--dui-spacing-l);border-radius:var(--dui-radius-m);border-width:var(--dui-spacing-px);gap:var(--dui-spacing-m)}& .Toast__title{font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height);font-weight:var(--dui-typography-font-weight-semibold);color:inherit}& .Toast__description{font-size:var(--dui-typography-body-xs-font-size);line-height:var(--dui-typography-body-xs-line-height);color:var(--dui-color-text-muted)}& [data-rich-colors=true] .Toast__description{color:inherit;opacity:.8}& .Toast__icon{color:inherit}& .Toast__action-button{border-radius:var(--dui-radius-s);padding:var(--dui-spacing-xs) var(--dui-spacing-m);font-size:var(--dui-typography-body-xs-font-size);line-height:var(--dui-typography-body-xs-line-height);font-weight:var(--dui-typography-font-weight-semibold);background:var(--dui-color-background-action-primary);color:var(--dui-color-text-default-invert);border:none;cursor:pointer}& .Toast__action-button:hover{background:var(--dui-color-background-action-primary-hover)}& .Toast__cancel-button{border-radius:var(--dui-radius-s);padding:var(--dui-spacing-xs) var(--dui-spacing-m);font-size:var(--dui-typography-body-xs-font-size);line-height:var(--dui-typography-body-xs-line-height);font-weight:var(--dui-typography-font-weight-semibold);background:transparent;color:var(--dui-color-text-muted);border:var(--dui-spacing-px) solid var(--dui-color-border-default);cursor:pointer}& .Toast__cancel-button:hover{background:var(--dui-color-background-action-ghost-hover)}& .Toast__close-button{background:var(--dui-color-background-surface);border:var(--dui-spacing-px) solid var(--dui-color-border-default);color:var(--dui-color-text-muted)}& .Toast__close-button:hover{background:var(--dui-color-background-action-ghost-hover);border-color:var(--dui-color-border-default)}}.ToggleGroup{display:inline-flex;align-items:center;gap:var(--dui-spacing-s);padding:var(--dui-spacing-s);background-color:var(--dui-color-background-surface);border:1px solid var(--dui-color-border-default);border-radius:var(--dui-radius-m);& .__item{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:600;color:var(--dui-color-text-action-ghost);background-color:initial;box-shadow:inset 0 0 0 var(--dui-spacing-px) transparent;cursor:pointer;&:hover{background-color:var(--dui-color-background-action-ghost-hover)}&:active{background-color:var(--dui-color-background-action-ghost-pressed)}&:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:var(--dui-spacing-xs);box-shadow:inset 0 0 0 var(--dui-spacing-px) var(--dui-color-border-focus)}&[data-state=on]{color:var(--dui-color-text-action-active);background-color:var(--dui-color-background-action-active);box-shadow:inset 0 0 0 var(--dui-spacing-px) transparent}&[data-disabled]{color:var(--dui-color-text-action-disabled);background-color:var(--dui-color-background-action-disabled);box-shadow:none;pointer-events:none;cursor:default;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) 0.5;opacity:var(--csstools-light-dark-toggle--0,1);opacity:light-dark(1,.5)}}&.as-small .__item{gap:var(--dui-spacing-m);padding:var(--dui-spacing-m) var(--dui-spacing-l);border-radius:var(--dui-radius-s);font-size:var(--dui-typography-heading-5-font-size);line-height:var(--dui-typography-body-s-line-height)}&.as-medium .__item{gap:var(--dui-spacing-m);padding:var(--dui-spacing-m) var(--dui-spacing-xl);border-radius:var(--dui-radius-m);font-size:var(--dui-typography-body-m-font-size);line-height:var(--dui-typography-body-m-line-height)}}.Tooltip{--tooltip-max-inline-size:256px;--tooltip-border-radius:var(--dui-radius-xs);--tooltip-background-color:var(--dui-color-background-surface-invert);& .__content{max-inline-size:var(--tooltip-max-inline-size);background:var(--tooltip-background-color);color:var(--dui-color-text-default-invert);border-radius:var(--tooltip-border-radius);font-size:var(--dui-typography-body-m-font-size);font-weight:var(--dui-typography-font-weight-regular);line-height:var(--dui-typography-body-m-line-height);padding:.375rem var(--dui-spacing-l);user-select:none;will-change:opacity}& .__arrow{fill:var(--tooltip-background-color)}}.TooltipTrigger{all:unset;&.as-help-text{display:inline;cursor:help;text-decoration:underline dotted;&:focus-visible{outline:revert}}}.VideoPlayer{position:relative;&.as-full{inline-size:100%;block-size:100%}}.VideoPlayer__poster{inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-repeat:no-repeat;position:relative;&.as-absolute{position:absolute}}.VideoPlayer__poster-image{inline-size:100%;block-size:100%;object-fit:cover}.VideoPlayer__play-button{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;border:none;background:none;cursor:pointer;color:var(--dui-color-text-default-invert)}.VideoPlayer__play-icon{display:flex;justify-content:center;align-items:center;inline-size:48px;block-size:48px;border-radius:50%;background-color:var(--dui-color-background-action-primary);.VideoPlayer__play-button:hover &{opacity:.9}.VideoPlayer__play-button:active &{opacity:.8}}.VideoPlayer__video--full{inline-size:100%;block-size:100%;object-fit:cover}.VideoPlayer__overlay[open]{position:fixed;inset:0;z-index:1000;margin:0;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;background-color:var(--dui-color-background-overlay,rgb(0 0 0/80%));border:none;padding:0;max-width:100%;max-height:100%}.VideoPlayer__close-button{position:absolute;inset-block-start:var(--dui-spacing-xl);inset-inline-end:var(--dui-spacing-xl);z-index:1}.VideoPlayer__overlay-container{position:relative}.VideoPlayer__overlay-video{max-block-size:90vh}.WebPreview{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;border-radius:var(--dui-radius-l);background-color:var(--dui-color-background-surface);box-shadow:inset 0 0 0 var(--dui-spacing-px) var(--dui-color-border-default);& .__navigation{display:flex;align-items:center;gap:var(--dui-spacing-s);padding:var(--dui-spacing-s);border-bottom:var(--dui-spacing-px) solid var(--dui-color-border-default)}& .__url{flex:1;min-width:0}& .__body{position:relative;flex:1;min-height:0;background-color:var(--dui-color-background-surface-canvas-secondary)}& .__frame{width:100%;height:100%;border:0;display:block}& .__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--dui-color-background-surface-canvas-secondary);color:var(--dui-color-text-muted)}}.ActionFooter{display:grid;grid-template-columns:1fr;gap:var(--dui-spacing-l);& .__action,& .__action>.Button{width:100%}}@container component (min-width: 40rem){.ActionFooter{grid-template-columns:1fr auto auto;& .__action,& .__action>.Button{width:auto}& .__action{grid-row:1}& .__action.tertiary{grid-column:1}& .__action.secondary{grid-column:2}& .__action.primary{grid-column:3}}}[data-dui-debug]{--dui-debug-primitive:#06b6d4;--dui-debug-native-wrapper:#f59e0b;--dui-debug-composite:#a855f7;--dui-debug-component:#10b981;--dui-debug-uncategorised:#ef4444;--dui-debug-color:var(--dui-debug-uncategorised)}[data-dui-debug] [data-dui-component]{outline:1px dashed var(--dui-debug-color);outline-offset:-1px;position:relative}[data-dui-debug] [data-dui-component]:before{content:attr(data-dui-component);position:absolute;top:0;left:0;z-index:2147483646;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;line-height:1.2;font-weight:500;color:white;background:var(--dui-debug-color);pointer-events:none;letter-spacing:.02em;text-transform:none;white-space:nowrap}[data-dui-debug] [data-dui-component=Accordion]:before,[data-dui-debug] [data-dui-component=Card]:before,[data-dui-debug] [data-dui-component=Container]:before,[data-dui-debug] [data-dui-component=Dialog]:before,[data-dui-debug] [data-dui-component=DropdownMenu]:before,[data-dui-debug] [data-dui-component=Layout]:before,[data-dui-debug] [data-dui-component=Navbar]:before,[data-dui-debug] [data-dui-component=Popover]:before,[data-dui-debug] [data-dui-component=SidePanel]:before,[data-dui-debug] [data-dui-component=Sidebar]:before,[data-dui-debug] [data-dui-component=Tabs]:before{padding:2px 6px;font-size:10px;font-weight:600}[data-dui-debug] [data-dui-component=Container],[data-dui-debug] [data-dui-component=Spacer]{--dui-debug-color:var(--dui-debug-primitive)}[data-dui-debug] [data-dui-component=Button],[data-dui-debug] [data-dui-component=Textarea],[data-dui-debug] [data-dui-component=Textfield]{--dui-debug-color:var(--dui-debug-native-wrapper)}[data-dui-debug] [data-dui-component=AvatarGroup],[data-dui-debug] [data-dui-component=ButtonGroup],[data-dui-debug] [data-dui-component=DataTable],[data-dui-debug] [data-dui-component=RadioGroup],[data-dui-debug] [data-dui-component=ToggleGroup]{--dui-debug-color:var(--dui-debug-composite)}[data-dui-debug] [data-dui-component=Accordion],[data-dui-debug] [data-dui-component=Alert],[data-dui-debug] [data-dui-component=Avatar],[data-dui-debug] [data-dui-component=Badge],[data-dui-debug] [data-dui-component=Caption],[data-dui-debug] [data-dui-component=Card],[data-dui-debug] [data-dui-component=Checkbox],[data-dui-debug] [data-dui-component=Collapsible],[data-dui-debug] [data-dui-component=Dialog],[data-dui-debug] [data-dui-component=Divider],[data-dui-debug] [data-dui-component=DropdownMenu],[data-dui-debug] [data-dui-component=Frame],[data-dui-debug] [data-dui-component=Icon],[data-dui-debug] [data-dui-component=Label],[data-dui-debug] [data-dui-component=Layout],[data-dui-debug] [data-dui-component=LoadingIndicator],[data-dui-debug] [data-dui-component=Logo],[data-dui-debug] [data-dui-component=Navbar],[data-dui-debug] [data-dui-component=Popover],[data-dui-debug] [data-dui-component=ProgressBar],[data-dui-debug] [data-dui-component=Select],[data-dui-debug] [data-dui-component=SidePanel],[data-dui-debug] [data-dui-component=Sidebar],[data-dui-debug] [data-dui-component=Switch],[data-dui-debug] [data-dui-component=Table],[data-dui-debug] [data-dui-component=Tabs],[data-dui-debug] [data-dui-component=Tag],[data-dui-debug] [data-dui-component=Text],[data-dui-debug] [data-dui-component=Toast],[data-dui-debug] [data-dui-component=Tooltip],[data-dui-debug] [data-dui-component=VideoPlayer]{--dui-debug-color:var(--dui-debug-component)}