@layer tokens{html{--ddc-label: var(--color-primary);--ddc-label-disabled: var(--ddc-pandorea);--dd-label-font-size: .9em;--dd-label-font-weight: var(--f-weight-body-bold);--dd-label-margin-block-start: .75ex;--ddc-field-bg: transparent;--ddc-field-fg: var(--color-foreground);--ddc-field-border-color: currentColor;--ddc-field-bg-disabled: transparent;--ddc-field-fg-disabled: var(--ddc-label-disabled);--dd-field-border-width: .1rem;--dd-field-border-style: solid;--dd-field-border: var(--dd-field-border-width) var(--dd-field-border-style) var(--ddc-field-border-color);--dd-field-radius: var(--dd-small-border-radius, .3em);--dd-field-padding-block: .48ex;--dd-field-padding-inline: .48ch;--ddc-field-outline-focus: var(--ddc-peppermintgum);--dd-field-outline-width: 2px;--dd-field-outline-style: double;--dd-field-outline-offset: 0px;--ddc-field-bg-invalid: var(--color-error);--ddc-field-fg-invalid: var(--ddc-whitecorrea);--ddc-field-bg-valid: var(--color-background);--ddc-field-fg-valid: var(--color-success)}}@layer brand-defaults{label{display:block;margin-block-start:var(--dd-label-margin-block-start);font-size:var(--dd-label-font-size);font-weight:var(--dd-label-font-weight);color:var(--ddc-label)}input,select,textarea{background:var(--ddc-field-bg);color:var(--ddc-field-fg);border:var(--dd-field-border);border-radius:var(--dd-field-radius);padding-block:var(--dd-field-padding-block);padding-inline:var(--dd-field-padding-inline);font-family:inherit;font-size:inherit}:is(input,select,textarea):focus,:is(input,select,textarea):focus-visible{outline-color:var(--ddc-field-outline-focus);outline-width:var(--dd-field-outline-width);outline-style:var(--dd-field-outline-style);outline-offset:var(--dd-field-outline-offset)}:is(input,select,textarea):disabled{background:var(--ddc-field-bg-disabled);color:var(--ddc-field-fg-disabled);border-color:var(--ddc-field-fg-disabled)}:is(input,select,textarea):user-invalid{background-color:var(--ddc-field-bg-invalid);color:var(--ddc-field-fg-invalid)}:is(input,select,textarea):user-valid{background-color:var(--ddc-field-bg-valid);color:var(--ddc-field-fg-valid)}label:has(+input:disabled),label:has(+select:disabled),label:has(+textarea:disabled){color:var(--ddc-label-disabled)}}