.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}.AccordionTrigger:focus-visible{outline:2px solid var(--dui-color-border-focus);outline-offset:-2px;border-radius:var(--dui-radius-s)}.AccordionTrigger[data-disabled]{color:var(--dui-color-text-action-disabled);cursor:default}.AccordionTrigger .__label{display:flex;flex-direction:column;gap:var(--dui-spacing-xs);flex:1;min-width:0}.AccordionTrigger .__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)}.AccordionTrigger .__icon{display:flex;flex-shrink:0;transition:transform .2s ease}.AccordionTrigger[data-state=open] .__icon{transform:rotate(180deg)}.AccordionContent{overflow:hidden}.AccordionContent[data-state=open]{animation:accordion-expand .2s ease}.AccordionContent[data-state=closed]{animation:accordion-collapse .2s ease}.AccordionContent .__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)}.Alert,.Alert .__actions,.Alert .__close,.Alert .__icon{display:flex;gap:var(--dui-spacing-m)}.Alert .__icon,.Alert .__message{padding-top:var(--dui-spacing-xs)}.Alert .__message{flex-grow:1}.Alert .__message a{padding:var(--dui-spacing-xs)}.Alert .__message a:focus-visible{outline:var(--dui-spacing-xs) solid;outline-offset:var(--dui-spacing-none);outline-color:var(--dui-color-border-focus)}.Alert .__message a:hover{background-color:var(--dui-color-background-action-ghost-hover);box-shadow:inset 0 0 0 var(--dui-spacing-px) #0000}.Alert .__message p:not(:last-child){margin-block-end:var(--dui-spacing-m)}.Alert .__actions{display:flex;justify-content:flex-end;gap:var(--dui-spacing-m);flex-grow:1}.Alert .__actions .Button:last-child{box-shadow:inset 0 0 0 var(--dui-spacing-px) var(--alert-primary-action-border)}.Alert .Button,.Alert a{padding:var(--dui-spacing-xs) .375rem;color:inherit;font-weight:var(--font-weight-normal)}.Alert .__close .Button{padding:var(--dui-spacing-xs)}.Alert.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)}.Alert.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)}.Alert.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)}.Alert.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)}.Alert.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)}.Avatar.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)}.Avatar.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)}.Avatar.as-pro{--background-color:var(--dui-color-background-surface-success);--text-color:var(--dui-color-text-default-invert)}.Avatar.as-free{--background-color:var(--dui-color-background-surface-info);--text-color:var(--dui-color-text-default-invert)}.Avatar.as-default{--background-color:var(--dui-color-background-surface-info-muted);--text-color:var(--dui-color-text-info)}.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}.AvatarGroup.as-small{--avatar-group-size:var(--dui-spacing-3xl);--avatar-group-font-size:0.5rem;--avatar-group-overlap:var(--dui-spacing-negative-s)}.AvatarGroup>:where(.__avatar-wrapper):not(:first-child){margin-inline-start:var(--avatar-group-overlap)}.AvatarGroup>:where(.__avatar-wrapper) :where(.Avatar){box-shadow:0 0 0 var(--avatar-group-ring-width) var(--avatar-group-ring-color)}.AvatarGroup>: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)}.Badge:has(.is-icon-only){padding:var(--dui-spacing-xs)}.Badge.as-info{background-color:var(--dui-color-background-surface-info-muted);color:var(--dui-color-text-info)}.Badge.as-success{background-color:var(--dui-color-background-surface-success-muted);color:var(--dui-color-text-success)}.Badge.as-warning{background-color:var(--dui-color-background-surface-warning-muted);color:var(--dui-color-text-warning)}.Badge.as-danger{background-color:var(--dui-color-background-surface-danger-muted);color:var(--dui-color-text-danger)}.Badge.as-neutral{background-color:var(--dui-color-background-surface-neutral-muted);color:var(--dui-color-text-default)}.Badge.as-pro{background-color:var(--dui-color-background-surface-success)}.Badge.as-beta,.Badge.as-pro{color:var(--dui-color-text-default-invert)}.Badge.as-beta{background-color:var(--dui-color-background-surface-info)}.Badge .is-icon-only{display:inline-flex}.Badge .is-icon-only.as-small{padding:0}.Badge .is-icon-only.as-medium{padding:var(--dui-spacing-xs)}.Badge .is-icon-only.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) #0000;border:0;box-sizing:border-box;min-width:0;overflow:hidden;flex-shrink:0;width:max-content}.Button :where(:has(.Icon)){display:inline-flex}.Button: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)}.Button.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)}.Button.as-small.is-icon-only{padding:.375rem}.Button.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)}.Button.as-medium.is-icon-only{padding:var(--dui-spacing-m)}.Button.as-basic,.Button.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)}.Button.as-basic.is-loading:hover,.Button.as-basic: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)}.Button.as-basic.is-loading:active,.Button.as-basic:active{background-color:var(--dui-color-background-action-basic-pressed)}.Button.as-basic.is-active,.Button.as-basic.is-loading.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)}.Button.as-primary,.Button.as-primary.is-loading{color:var(--dui-color-text-action-primary);background-color:var(--dui-color-background-action-primary)}.Button.as-primary.is-loading:hover,.Button.as-primary:hover{color:var(--dui-color-text-action-primary);background-color:var(--dui-color-background-action-primary-hover)}.Button.as-primary.is-loading:active,.Button.as-primary:active{background-color:var(--dui-color-background-action-primary-pressed)}.Button.as-primary.is-active,.Button.as-primary.is-loading.is-active{color:var(--dui-color-text-action-active);background-color:var(--dui-color-background-action-active)}.Button.as-ghost,.Button.as-ghost.is-loading{color:var(--dui-color-text-action-ghost);background-color:#0000;box-shadow:inset 0 0 0 var(--dui-spacing-px) #0000}.Button.as-ghost.is-loading:hover,.Button.as-ghost: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) #0000}.Button.as-ghost.is-loading:active,.Button.as-ghost:active{background-color:var(--dui-color-background-action-ghost-pressed)}.Button.as-ghost.is-active,.Button.as-ghost.is-loading.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) #0000}.Button.as-danger,.Button.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)}.Button.as-danger.is-loading:hover,.Button.as-danger:hover{color:var(--dui-color-text-action-danger);background-color:var(--dui-color-background-action-danger-hover)}.Button.as-danger.is-loading:active,.Button.as-danger:active{background-color:var(--dui-color-background-action-danger-pressed)}.Button.as-danger.is-active,.Button.as-danger.is-loading.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)}.Button.as-link,.Button.as-link.is-loading{color:var(--dui-color-text-link);background-color:#0000;box-shadow:inset 0 0 0 var(--dui-spacing-px) #0000;border:none;border-radius:var(--dui-radius-none);padding:var(--dui-spacing-none)}.Button.as-link.is-loading:hover,.Button.as-link:hover{color:var(--dui-color-text-link-hover);text-underline-offset:var(--dui-spacing-xs)}.Button.as-link.is-loading:active,.Button.as-link:active{color:var(--dui-color-text-link-pressed)}.Button.as-link.is-active,.Button.as-link.is-loading.is-active{color:var(--dui-color-text-action-active)}.Button.as-link.is-loading,.Button.as-link.is-loading.is-loading{color:var(--dui-color-transparent)}.Button.as-full-width{inline-size:100%;justify-content:center}.Button.is-disabled,.Button:disabled,.Button[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}.Button.is-disabled.as-link,.Button:disabled.as-link,.Button[disabled].as-link{color:var(--dui-color-text-link-disabled);background-color:#0000;border:none;box-shadow:none}.Button[class*=as-].is-loading{color:var(--dui-color-transparent)}.Button .__content{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--button-label-icon-gap)}.Button .__content.with-content-start{justify-content:flex-start}.Button .__content.with-content-end{justify-content:flex-end}.Button .__content.with-content-space-between{justify-content:space-between}.Button .__content.with-content-center{justify-content:center}.Button.is-truncated{flex-shrink:1}.Button .is-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;aspect-ratio:auto}.Button.is-truncated .__content{max-width:100%}.Button .__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}.ButtonGroup>:not(:first-child){margin-inline-start:var(--button-group-segment-overlap)}.ButtonGroup.as-full-width{display:flex;--button-group-flex:1}.ButtonGroup>: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)}.ButtonGroup>: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)}.ButtonGroup>: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)}.ButtonGroup>: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)}.ButtonGroup>:hover{position:relative;z-index:1}.ButtonGroup>:where(.Textfield,.Select):focus-within{position:relative;z-index:2}.ButtonGroup :focus-visible{position:relative;z-index:2}.ButtonGroup .DropdownMenu.__trigger .Button,.ButtonGroup>.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)}.ButtonGroup .DropdownMenu.__trigger .Button.is-icon-only,.ButtonGroup>.Button.is-icon-only{padding:var(--button-group-icon-only-padding)}.ButtonGroup>.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 )}.ButtonGroup>.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)}.ButtonGroup>.Select .__placeholder,.ButtonGroup>.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)}.Caption>svg{flex-shrink:0;margin-top:var(--dui-spacing-xs)}.Caption.as-default{color:var(--dui-color-text-muted)}.Caption.as-error{color:var(--dui-color-text-danger-muted)}.Caption.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);container:card/inline-size;padding-block:var(--card-block-spacing)}.Card,.CardContent{gap:var(--card-block-gap)}.CardContent{display:flex;flex-direction:column;padding-inline:var(--card-inline-spacing)}.CardFooter{display:grid;grid-template-columns:1fr;gap:var(--card-inline-gap);padding:0 var(--card-inline-spacing)}.CardFooter.as-two-column{grid-template-columns:1fr 1fr}.CardFooter .__action,.CardFooter .__action>.Button{width:100%}.CardFooter .__action.primary{justify-self:end;grid-column:1/span 2}@container card (min-width: 600px){.CardFooter,.CardFooter.as-two-column{grid-template-columns:1fr repeat(2,auto)}.CardFooter .__action,.CardFooter .__action>.Button{width:inherit}.CardFooter .__action.tertiary{grid-column:1}.CardFooter .__action.secondary{grid-column:2}.CardFooter .__action.primary{grid-column:3}}.CardHeader{display:flex;align-items:center;gap:var(--card-inline-gap);padding:0 var(--card-inline-spacing);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)}.Checkbox.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)}.Checkbox.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}.Checkbox .__input:hover{border-color:var(--dui-color-border-action-basic-hover)}.Checkbox .__input:focus-visible{outline:var(--dui-border-width-thick) solid var(--dui-color-border-focus);outline-offset:var(--dui-spacing-xs)}.Checkbox .__input[data-state=checked]{background-color:var(--checkbox-checked-background-color);border-color:var(--checkbox-checked-border-color)}.Checkbox .__input[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}.Checkbox .__label .__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}.Checkbox.is-disabled .__indicator,.Checkbox.is-disabled .__input:hover{background-color:var(--dui-color-background-action-disabled)}.Checkbox.is-disabled .__indicator,.Checkbox.is-disabled .__label{color:var(--dui-color-text-action-disabled)}.Checkbox.is-disabled .__label{cursor:not-allowed}.Checkbox.is-disabled .__description{color:var(--dui-color-text-action-disabled)}.Container{container-type:inline-size;container-name:component}.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:#0000;cursor:pointer;appearance:none;flex-shrink:0;transition:background-color .15s ease}.DataTableCheckbox.is-indeterminate,.DataTableCheckbox:checked{background-color:var(--dui-color-background-action-primary);border-color:var(--dui-color-border-action-active)}.DataTableCheckbox:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:var(--dui-spacing-xs)}.DataTableCheckbox: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)}.DataTablePagination .__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)}.DataTablePagination .__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)}.DataTableToolbar .__filters{flex:1}.DataTableToolbar .__actions,.DataTableToolbar .__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)}.DialogBody>*+*{margin-block-start:var(--dui-spacing-xl)}.DialogBody.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;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)}.DialogContent.is-overflow-hidden{overflow:hidden}.DialogContent.as-with-gap{gap:var(--dui-spacing-xl)}.DialogContent.with-header-image .DialogCloseButton{margin:var(--dui-spacing-s)}.DialogContent.with-image{--dialog-horizontal-spacing:var(--dui-spacing-xl)}.DialogContent.with-image .DialogCloseButton{margin:var(--dui-spacing-s)}.DialogContent.as-narrow{inline-size:100%;max-inline-size:32rem}.DialogContent.as-default{inline-size:100%;max-inline-size:48rem}.DialogContent.as-wide{inline-size:100%;max-inline-size:62.5rem}.DialogContent.as-vertical-top{inset-block-start:var(--dui-spacing-7xl)}.DialogContent.as-vertical-center{inset-inline:0;inset-block-start:50%;margin-inline:auto;translate:0 -50%}.DialogContent .__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}.DialogContent .__body>*+*{margin-block-start:var(--dui-spacing-xl)}.DialogFooter{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--dui-spacing-l);padding:var(--dui-spacing-xl) var(--dialog-horizontal-spacing)}.DialogFooter .__actions{display:flex;gap:var(--dui-spacing-l);margin-inline-start:auto}.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)}.DialogHeader.with-image{border:0;padding:var(--dui-spacing-xl)}.DialogHeader .__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)}.DialogHeader .__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)}.DialogHeader .__content{display:flex;align-items:start;gap:var(--dui-spacing-m)}.DialogHeader .__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)}.DialogHeaderImage .__content{display:block;inline-size:100%}.DialogHeaderImage .__content>img,.DialogHeaderImage .__content>picture,.DialogHeaderImage .__content>picture>img,.DialogHeaderImage .__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)}.DialogMobileSheetContent[data-state=open]{animation:slideUp .3s ease-out}.DialogMobileSheetContent[data-state=closed]{animation:slideDown .3s ease-in}.DialogMobileSheetContent .__body{font-size:var(--dui-typography-heading-5-font-size);overflow-y:auto}.DialogMobileSheetContent .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)}.DialogOverlay.is-transparent{background-color:#0000}.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}.Divider.as-full-width{margin-inline-start:var(--dui-spacing-none);margin-inline-end:var(--dui-spacing-none)}.Divider.as-margin-none{--margin-size:var(--dui-spacing-none)}.Divider.as-margin-small{--margin-size:var(--dui-spacing-m)}.Divider.as-margin-medium{--margin-size:var(--dui-spacing-xl)}.Divider.as-margin-large{--margin-size:var(--dui-spacing-3xl)}.Divider.as-margin-top{margin-top:var(--margin-size)}.Divider.as-margin-bottom,.Divider.as-margin-vertical{margin-bottom:var(--margin-size)}.Divider.as-margin-vertical{margin-top:var(--margin-size)}.DropdownMenu.__content{position:relative;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)}.DropdownMenu.__trigger :where(.w-full,.as-full-width)>.__content{display:flex;justify-content:space-between;min-width:100%}.DropdownMenu.__checkbox-item,.DropdownMenu.__item,.DropdownMenu.__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)}.DropdownMenu.__checkbox-item:where(html[dir=rtl] .DropdownMenu.__item,html[dir=rtl] .DropdownMenu.__checkbox-item,html[dir=rtl] .DropdownMenu.__radio-item),.DropdownMenu.__item:where(html[dir=rtl] .DropdownMenu.__item,html[dir=rtl] .DropdownMenu.__checkbox-item,html[dir=rtl] .DropdownMenu.__radio-item),.DropdownMenu.__radio-item:where(html[dir=rtl] .DropdownMenu.__item,html[dir=rtl] .DropdownMenu.__checkbox-item,html[dir=rtl] .DropdownMenu.__radio-item){flex-direction:row-reverse}.DropdownMenu.__checkbox-item:hover,.DropdownMenu.__item:hover,.DropdownMenu.__radio-item:hover{background-color:var(--dui-color-background-surface-neutral-muted-hover)}.DropdownMenu.__checkbox-item:active,.DropdownMenu.__item:active,.DropdownMenu.__radio-item:active{background-color:var(--dui-color-background-surface-neutral-muted-pressed)}.DropdownMenu.__checkbox-item:focus-visible:not(:hover),.DropdownMenu.__item:focus-visible:not(:hover),.DropdownMenu.__radio-item:focus-visible:not(:hover){outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:var(--dui-spacing-negative-xs)}.DropdownMenu.__checkbox-item.is-readonly,.DropdownMenu.__item.is-readonly,.DropdownMenu.__radio-item.is-readonly{color:var(--dui-color-text-action-disabled);cursor:help}.DropdownMenu.__checkbox-item:not(:has(.__indicator)),.DropdownMenu.__radio-item:not(:has(.__indicator)){padding-inline-start:calc(var(--dui-spacing-xl) + .375rem + var(--dui-spacing-l))}.DropdownMenu.__checkbox-item:has(.__indicator),.DropdownMenu.__radio-item:has(.__indicator){background-color:var(--dui-color-background-action-active)}.DropdownMenu.__checkbox-item:not(:has(.__indicator)):where(html[dir=rtl] .DropdownMenu),.DropdownMenu.__radio-item:not(:has(.__indicator)):where(html[dir=rtl] .DropdownMenu){padding-inline-start:var(--dui-spacing-l);padding-inline-end:calc(var(--dui-spacing-xl) + .375rem + var(--dui-spacing-l))}.DropdownMenu.__group{font-size:inherit;font-weight:inherit;line-height:inherit;display:flex;gap:.375rem}.DropdownMenu.__group:where(html[dir=rtl] .DropdownMenu.__group){flex-direction:row-reverse}.DropdownMenu.__group.as-danger{color:var(--dui-color-text-danger)}.DropdownMenu.__group.as-muted{color:var(--dui-color-text-muted)}.DropdownMenu.__indicator{display:flex;align-items:center}.DropdownMenu.__separator{border-top:var(--dui-border-width-default) solid var(--dui-color-border-default);margin-inline:var(--dui-spacing-l);margin-block:.375rem}.DropdownMenu.__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}.Frame .__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 .__label-text{display:inline}.Label .__required{color:var(--dui-color-text-danger-muted);font-weight:var(--dui-typography-font-weight-semibold)}.Label .__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)}.Label .__tooltip-button:hover{color:var(--dui-color-text-default)}.Label .__tooltip-button: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}.LoadingIndicator:where(html[dir=rtl] .LoadingIndicator){animation-direction:reverse}.LoadingIndicator.as-medium{max-inline-size:var(--dui-spacing-3xl);max-block-size:var(--dui-spacing-3xl)}.LoadingIndicator.as-large{max-inline-size:var(--dui-spacing-4xl);max-block-size:var(--dui-spacing-4xl)}.LoadingIndicator.is-inline{display:inline}.LoadingIndicator .__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)){.LoadingIndicator .__stroke-light{fill:light-dark(var(--dui-color-gray-200),var(--dui-color-gray-900))}}.LoadingIndicator .__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)){.LoadingIndicator .__stroke-dark{fill:light-dark(var(--dui-color-gray-900),var(--dui-color-gray-200))}}@keyframes spin{to{transform:rotate(1turn)}}.Navbar{position:fixed;bottom:0;left:0;right:0;justify-content:space-around;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)}.Navbar,.NavbarItem{display:flex;align-items:center}.NavbarItem{flex-direction:column;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}.NavbarItem:hover{color:var(--dui-color-text-default)}.NavbarItem:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:var(--dui-spacing-xs)}.NavbarItem.as-active{color:var(--dui-color-text-action-active)}.NavbarItem.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)}.NavbarItem-icon 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-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{flex-direction:row;justify-content:flex-end;align-items:center;padding-top:var(--dui-spacing-m)}.PopoverFooter,.PopoverHeader{display:flex;gap:var(--dui-spacing-m)}.PopoverHeader{flex-direction:column}.PopoverHeader .__image-container{width:100%;overflow:hidden;background-color:var(--dui-color-background-action-basic-hover);border-radius:var(--dui-radius-m)}.PopoverHeader .__image{width:100%;height:100%;object-fit:cover;object-position:center}.PopoverHeader .__title-container{gap:var(--dui-spacing-m)}.PopoverHeader .__title,.PopoverHeader .__title-container{display:flex;align-items:center;min-height:var(--dui-spacing-4xl)}.PopoverHeader .__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}.ProgressBar .__track{block-size:var(--dui-spacing-s);border-radius:var(--dui-radius-full);overflow:hidden;background-color:var(--dui-color-background-surface-info-muted)}.ProgressBar .__fill{block-size:100%;border-radius:var(--dui-radius-full);background-color:var(--dui-color-background-action-primary);transition:width .5s ease}.ProgressBar.is-complete .__track{background-color:var(--dui-color-background-surface-success-muted)}.ProgressBar.is-complete .__fill{background-color:var(--dui-color-background-surface-success)}.ProgressBar.is-exceeded .__track{background-color:var(--dui-color-background-surface-danger-muted)}.ProgressBar.is-exceeded .__fill{background-color:var(--dui-color-background-surface-danger)}.ProgressBar.is-disabled .__track{background-color:var(--dui-color-background-surface-neutral-muted)}.ProgressBar.is-disabled .__fill{background-color:var(--dui-color-background-surface-neutral)}.ProgressBar .__fill.is-indeterminate{inline-size:30%;animation:progress-slide 1.5s ease-in-out infinite}.ProgressBar.is-stepped{row-gap:var(--dui-spacing-xl)}.ProgressBar .__steps{display:flex;gap:var(--dui-spacing-m);block-size:var(--dui-spacing-s)}.ProgressBar .__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}.ProgressBar .__step.is-filled{background-color:var(--dui-color-background-action-primary)}.ProgressBar.is-stepped.is-disabled{opacity:.4}.ProgressBar.is-disabled .__step{background-color:var(--dui-color-background-surface-neutral-muted)}.ProgressBar.is-disabled .__step.is-filled{background-color:var(--dui-color-background-surface-neutral-muted-hover)}.ProgressBar .__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)}.ProgressBar .__counter{margin-inline-start:auto}.ProgressBar .__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}}.Radio{display:flex;flex-direction:column;gap:var(--dui-spacing-s)}.Radio.is-error .__item{--radio-border-color:var(--dui-color-border-surface-danger)}.Radio.is-disabled .__item{--radio-border-color:var(--dui-color-border-action-disabled);--radio-background-color:var(--dui-color-background-action-disabled);cursor:not-allowed}.Radio.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}.Radio .__label .__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}.Radio .__item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--dui-color-background-surface),0 0 0 4px var(--dui-color-border-focus)}.Radio .__item[data-state=checked]{--radio-border-width:2px;border-color:var(--dui-color-border-action-active)}.Radio .__item.is-disabled,.Radio .__item:disabled{cursor:not-allowed;opacity:.5}.Radio .__item>.__indicator{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%}.Radio .__item>.__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{align-items:flex-start}.RadioGroup,.Select{display:flex;flex-direction:column;gap:var(--dui-spacing-s)}.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) );flex:var(--button-group-flex,none);min-width:var(--button-group-flex,auto)}.Select: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)}.SelectIndicator .with-clear:hover,.SelectIndicator .with-dropdown:hover{color:var(--dui-color-text-default)}.SelectIndicator .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)}.SelectInput .__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}.SelectInput .__control.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))}.SelectInput .__control.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))}.SelectInput .__control:hover{background-color:var(--dui-color-background-action-basic-hover);border-color:var(--dui-color-border-action-basic-hover)}.SelectInput .__control.is-focused{border-color:var(--dui-color-border-action-active)}.SelectInput.is-error{--select-border-color:var(--dui-color-border-surface-danger)}.SelectInput.is-success{--select-border-color:var(--dui-color-border-surface-success)}.SelectInput.is-disabled{--select-border-color:var(--dui-color-border-action-disabled)}.SelectInput.is-disabled .__control{background-color:var(--dui-color-background-action-disabled)}.SelectInput.is-disabled .__value-container{color:var(--dui-color-text-action-disabled)}.SelectInput .__placeholder{position:absolute;top:50%;transform:translateY(-50%);color:var(--dui-color-text-muted);pointer-events:none}.SelectInput.is-disabled .__placeholder{color:var(--dui-color-text-action-disabled)}.SelectInput.is-disabled .SelectTag{opacity:50%}.SelectInput .__value-container{gap:var(--dui-spacing-s);color:var(--dui-color-text-default)}.SelectInput .__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}.SelectInput .__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}.SelectInput .__option.as-focused{background-color:var(--dui-color-background-action-basic-hover)}.SelectInput .__option.as-selected{background-color:var(--dui-color-background-action-active)}.SelectInput .__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%}.SidePanelItem .Button{border-radius:var(--dui-spacing-m)}.SidePanelItem.is-expanded .__content{display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;border-radius:0}.SidePanelItem.is-expanded .__title{white-space:nowrap;overflow:hidden;border-radius:0;text-overflow:ellipsis;text-align:start}.SidePanelItem.is-read-only .Button{pointer-events:none}.SidePanelItemWithSwitch{position:relative;display:flex;min-width:0;width:100%}.SidePanelItemWithSwitch .Button{border-radius:var(--dui-spacing-m);padding-inline-end:48px;min-width:0}.SidePanelItemWithSwitch .Button .__content{overflow:hidden;border-radius:0}.SidePanelItemWithSwitch .__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}.SidePanelItemWithSwitch .__left-content{display:flex;align-items:center;gap:var(--dui-spacing-m);min-width:0;overflow:hidden;border-radius:0}.SidePanelItemWithSwitch .__content-group{display:flex;align-items:center;gap:var(--dui-spacing-s);flex:1;min-width:0;overflow:hidden;border-radius:0}.SidePanelItemWithSwitch .__title{white-space:nowrap;overflow:hidden;border-radius:0;text-overflow:ellipsis;text-align:start;min-width:0}.SidePanelItemGroup{display:flex;flex-direction:column}.SidePanelItemGroup:has(>.__children:empty){display:none}.SidePanelItemGroup>.__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)}.SidePanelItemGroup>.__children{display:flex;flex-direction:column;gap:var(--dui-spacing-s)}.SidePanel{display:flex;flex-direction:row}.SidePanel>.__content{width:100%;display:flex;flex-direction:column}.SidePanel>.__content>.__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:#0000;transition:background-color .3s ease;z-index:1}.SidePanelResizer.is-anchor-left,.SidePanelResizer.is-rtl{left:unset;right:0}.SidePanelResizer.is-anchor-left.is-rtl{right:unset;left:0}.SidePanelResizer.is-resizing,.SidePanelResizer:hover{background-color:var(--dui-color-border-action-active)}.SidePanelSection{height:100%}.SidePanelSection.as-with-padding{padding:0 var(--dui-spacing-xl)}.SidePanelSection.as-allow-scrolling{overflow-y:auto}@property --spacer-p{syntax:"*";inherits:false;initial-value:0}@property --spacer-pi{syntax:"*";inherits:false;initial-value:var(--spacer-p)}@property --spacer-pb{syntax:"*";inherits:false;initial-value:var(--spacer-p)}@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);padding-block:var(--spacer-pb);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:#fff;background:var(--spacer-debug-color);pointer-events:none}.Switch__container{position:relative;display:inline-flex;align-items:center;gap:var(--dui-spacing-m)}.Switch__container .__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}.Switch__container .__label:hover{color:var(--dui-color-text-action)}.Switch__container .__label .__required{color:var(--dui-color-text-danger)}.Switch__container .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}.Switch:focus-visible{outline:var(--dui-spacing-xs) solid;outline-offset:var(--dui-spacing-xs);outline-color:var(--dui-color-border-focus)}.Switch:hover{background-color:var(--dui-color-background-surface-neutral-hover)}.Switch[data-state=checked]{background-color:var(--dui-color-background-action-primary)}.Switch[data-state=checked]:hover{background-color:var(--dui-color-background-action-primary-hover)}.Switch[data-state=checked] .__thumb{transform:scale(.8) translateX(var(--dui-spacing-2xl))}.Switch[data-state=checked]:dir(rtl) .__thumb{transform:scale(.8) translateX(calc(-1 * var(--dui-spacing-2xl)))}.Switch.is-disabled,.Switch:disabled{cursor:not-allowed}.Switch.is-disabled,.Switch.is-disabled:hover,.Switch.is-disabled[data-state=checked],.Switch:disabled,.Switch:disabled:hover,.Switch:disabled[data-state=checked]{background-color:var(--dui-color-background-action-disabled)}.Switch.is-disabled .__thumb,.Switch:disabled .__thumb{background-color:var(--dui-color-text-action-disabled)}.Switch .__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)}.Table .__header{border-block-end:var(--dui-border-width-default) solid var(--table-border-color)}.Table .__body .__row:last-child{border-block-end:none}.Table .__body.is-striped .__row:nth-child(2n){background-color:var(--dui-color-background-surface-neutral-muted)}.Table .__footer{background-color:var(--table-header-bg);border-block-start:var(--dui-border-width-default) solid var(--table-border-color);font-weight:600}.Table .__row{border-block-end:var(--dui-border-width-default) solid var(--table-border-color);transition:background-color .15s ease}.Table .__row.is-selected{background-color:var(--dui-color-background-action-active)}.Table .__head{text-align:start;font-weight:600;color:var(--dui-color-text-default);white-space:nowrap}.Table .__cell,.Table .__head{padding-block:var(--table-cell-padding-block);padding-inline:var(--table-cell-padding-inline);vertical-align:middle}.Table .__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:#0000;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.TabsTrigger:hover{background-color:var(--dui-color-background-surface-neutral-muted)}.TabsTrigger:active{background-color:var(--dui-color-background-action-ghost-pressed)}.TabsTrigger:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:var(--dui-spacing-xs)}.TabsTrigger[data-state=active]{color:var(--dui-color-text-default);background-color:var(--dui-color-background-surface)}.TabsTrigger[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}.TabsContent: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}.Tag:has(.__icon){--tag-padding-inline-start:0.375rem}.Tag:has(.__action){--tag-padding-inline-end:0.375rem}.Tag .__action,.Tag .__icon,.Tag .__label{display:inline-flex;align-items:center}.Tag .__label{white-space:nowrap}.Tag .__action{background:#0000;border:none;padding:0;margin:0;cursor:pointer;color:inherit;outline:none;border-radius:var(--dui-radius-s)}.Tag .__action:hover{background-color:var(--dui-color-background-surface-neutral-muted-hover)}.Tag .__action:active{background-color:var(--dui-color-background-surface-neutral-muted-pressed)}.Tag .__action:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus)}.Text{margin:0}.Text,.Text.with-color-default{color:var(--dui-color-text-default)}.Text.with-color-muted{color:var(--dui-color-text-muted)}.Text.with-color-danger{color:var(--dui-color-text-danger)}.Text.with-color-success{color:var(--dui-color-text-success)}.Text.is-truncated{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Text.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%}.Textarea>*+*{margin-block-start:var(--dui-spacing-s)}.Textarea>.Label+*{margin-block-start:0}.Textarea>*+.TextareaInput{margin-block-start:var(--dui-spacing-s)}.Textarea>.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}.TextareaCharacterCount.is-warning{color:var(--dui-color-text-warning)}.TextareaCharacterCount .__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}.TextareaInput .__input{margin-block-start:var(--dui-spacing-s)}.TextareaInput:first-child>.__input{margin-block-start:0}.TextareaInput.is-error{--textarea-border-color:var(--dui-color-border-surface-danger)}.TextareaInput.is-success{--textarea-border-color:var(--dui-color-border-surface-success)}.TextareaInput.is-disabled{--textarea-border-color:var(--dui-color-border-action-disabled);--textarea-background-color:var(--dui-color-background-action-disabled)}.TextareaInput.is-auto-grow,.TextareaInput.is-disabled{--textarea-resize:none}.TextareaInput>.__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}.TextareaInput>.__input::placeholder{color:var(--dui-color-text-muted)}.TextareaInput>.__input:disabled{color:var(--dui-color-text-action-disabled);cursor:not-allowed}.TextareaInput>.__input:hover:not(:disabled){background-color:var(--dui-color-background-action-basic-hover);border-color:var(--dui-color-border-action-basic-hover)}.TextareaInput>.__input:focus{border-color:var(--dui-color-border-action-active)}.TextareaInput.is-disabled>.__input::placeholder{color:var(--dui-color-text-action-disabled)}.TextareaInput.is-disabled>.__input: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)}.Textfield.as-small{--textfield-height:var(--dui-spacing-4xl)}.Textfield.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) )}.TextfieldInput.as-small{--textfield-height:var(--dui-spacing-4xl)}.TextfieldInput.is-error{--textfield-border-color:var(--dui-color-border-surface-danger)}.TextfieldInput.is-success{--textfield-border-color:var(--dui-color-border-surface-success)}.TextfieldInput.is-disabled{--textfield-border-color:var(--dui-color-border-action-disabled);--textfield-background-color:var(--dui-color-background-action-disabled)}.TextfieldInput .__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}.TextfieldInput .__input{flex:1;min-width:var(--dui-spacing-none);border:none;background:#0000;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)}.TextfieldInput .__input::placeholder{color:var(--dui-color-text-muted)}.TextfieldInput .__input:disabled,.TextfieldInput.is-disabled .__input::placeholder{color:var(--dui-color-text-action-disabled)}.TextfieldInput .__chevron,.TextfieldInput .__clear-button,.TextfieldInput .__icon-start,.TextfieldInput .__toggle-visibility{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--dui-color-text-muted)}.TextfieldInput.is-disabled .__chevron,.TextfieldInput.is-disabled .__icon-start{color:var(--dui-color-text-action-disabled)}.TextfieldInput .__clear-button,.TextfieldInput .__toggle-visibility{background:#0000;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)}.TextfieldInput .__clear-button:hover,.TextfieldInput .__toggle-visibility:hover{background-color:var(--dui-color-background-action-basic-hover);color:var(--dui-color-text-default)}.TextfieldInput .__clear-button:active,.TextfieldInput .__toggle-visibility:active{background-color:var(--dui-color-background-action-basic-pressed);color:var(--dui-color-text-default)}.TextfieldInput .__clear-button:focus-visible,.TextfieldInput .__toggle-visibility:focus-visible{outline:var(--dui-border-width-thick) solid var(--dui-color-border-action-active);outline-offset:var(--dui-spacing-xs)}.TextfieldInput .__prefix,.TextfieldInput .__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)}.TextfieldInput.is-disabled .__prefix,.TextfieldInput.is-disabled .__suffix{color:var(--dui-color-text-action-disabled)}.TextfieldInput:hover .__container{background-color:var(--dui-color-background-action-basic-hover);border-color:var(--dui-color-border-action-basic-hover)}.TextfieldInput .__container:has(:focus){border-color:var(--dui-color-border-action-active)}.TextfieldInput.is-disabled .__container{cursor:not-allowed}.TextfieldInput.is-disabled .__chevron,.TextfieldInput.is-disabled .__clear-button,.TextfieldInput.is-disabled .__icon-start,.TextfieldInput.is-disabled .__input,.TextfieldInput.is-disabled .__prefix,.TextfieldInput.is-disabled .__suffix,.TextfieldInput.is-disabled .__toggle-visibility{cursor:not-allowed;pointer-events:none}.TextfieldInput.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__toast{padding:var(--dui-spacing-l);border-radius:var(--dui-radius-m);border-width:var(--dui-spacing-px);gap:var(--dui-spacing-m)}.Toast .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 .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)}.Toast [data-rich-colors=true] .Toast__description{color:inherit;opacity:.8}.Toast .Toast__icon{color:inherit}.Toast .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 .Toast__action-button:hover{background:var(--dui-color-background-action-primary-hover)}.Toast .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:#0000;color:var(--dui-color-text-muted);border:var(--dui-spacing-px) solid var(--dui-color-border-default);cursor:pointer}.Toast .Toast__cancel-button:hover{background:var(--dui-color-background-action-ghost-hover)}.Toast .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 .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)}.ToggleGroup .__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:#0000;box-shadow:inset 0 0 0 var(--dui-spacing-px) #0000;cursor:pointer}.ToggleGroup .__item:hover{background-color:var(--dui-color-background-action-ghost-hover)}.ToggleGroup .__item:active{background-color:var(--dui-color-background-action-ghost-pressed)}.ToggleGroup .__item: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)}.ToggleGroup .__item[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) #0000}.ToggleGroup .__item[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)}.ToggleGroup.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)}.ToggleGroup.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);max-inline-size:var(--tooltip-max-inline-size)}.Tooltip .__content{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}.Tooltip .__arrow{fill:var(--tooltip-background-color)}.TooltipTrigger{all:unset}.TooltipTrigger.as-help-text{display:inline;cursor:help;text-decoration:underline dotted}.TooltipTrigger.as-help-text:focus-visible{outline:revert}.VideoPlayer{position:relative}.VideoPlayer.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}.VideoPlayer__poster.as-absolute{position:absolute}.VideoPlayer__poster-image{inline-size:100%;block-size:100%;object-fit:cover}.VideoPlayer__play-button{position:absolute;inset:0;inline-size:100%;block-size:100%;border:none;background:none;cursor:pointer;color:var(--dui-color-text-default-invert)}.VideoPlayer__play-button,.VideoPlayer__play-icon{display:flex;align-items:center;justify-content:center}.VideoPlayer__play-icon{inline-size:48px;block-size:48px;border-radius:50%;background-color:var(--dui-color-background-action-primary)}.VideoPlayer__play-button:hover .VideoPlayer__play-icon{opacity:.9}.VideoPlayer__play-button:active .VideoPlayer__play-icon{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,#000c);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}[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:#fff;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=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=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=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)}