@layer brick.tokens,brick.foundations;@layer brick.components{.brick-field{--brick-field-row-gap:var(--brick-space-3);--brick-field-column-gap:var(--brick-space-5);--brick-field-label-min-inline-size:8rem;--brick-field-control-min-inline-size:12rem;--brick-field-label-foreground:var(--brick-color-text-primary);--brick-field-label-foreground-disabled:var(--brick-color-text-secondary);--brick-field-label-font-family:var(--brick-typography-label-md-font-family);--brick-field-label-font-size:var(--brick-typography-label-md-font-size);--brick-field-label-font-weight:var(--brick-typography-label-md-font-weight);--brick-field-label-line-height:var(--brick-typography-label-md-line-height);--brick-field-indicator-foreground:var(--brick-color-danger-text);--brick-field-indicator-gap:var(--brick-space-1);--brick-field-optional-foreground:var(--brick-color-text-secondary);--brick-field-description-foreground:var(--brick-color-text-secondary);--brick-field-description-font-size:var(--brick-typography-supporting-sm-font-size);--brick-field-description-line-height:var(--brick-typography-supporting-sm-line-height);--brick-field-error-foreground:var(--brick-color-danger-text);--brick-field-error-font-size:var(--brick-typography-validation-sm-font-size);--brick-field-error-font-weight:var(--brick-typography-validation-sm-font-weight);--brick-field-error-line-height:var(--brick-typography-validation-sm-line-height);align-items:start;gap:var(--brick-field-row-gap) var(--brick-field-column-gap);min-inline-size:0;display:grid}.brick-field[data-orientation=horizontal]{grid-template-columns:repeat(auto-fit, minmax(min(100%, max(var(--brick-field-label-min-inline-size), var(--brick-field-control-min-inline-size), calc((100% - var(--brick-field-column-gap)) / 2))), 1fr))}.brick-field[data-orientation=horizontal]>:where(.brick-field-description,.brick-field-error){grid-column:-2/-1}.brick-field>:not(.brick-field-label,.brick-field-description,.brick-field-error,.brick-field-required-indicator){min-inline-size:0;max-inline-size:100%}.brick-field-label{min-inline-size:0;color:var(--brick-field-label-foreground);font-family:var(--brick-field-label-font-family);font-size:var(--brick-field-label-font-size);font-weight:var(--brick-field-label-font-weight);letter-spacing:var(--brick-typography-label-md-letter-spacing);line-height:var(--brick-field-label-line-height);overflow-wrap:anywhere;margin:0}.brick-field-label>:where([data-slot=field-required-indicator],[data-slot=field-optional-indicator]){margin-inline-start:var(--brick-field-indicator-gap)}.brick-field-label>[data-slot=field-required-indicator],.brick-field-required-indicator[data-slot=field-required-indicator]{color:var(--brick-field-indicator-foreground)}.brick-field-label>[data-slot=field-optional-indicator],.brick-field-required-indicator[data-slot=field-optional-indicator]{color:var(--brick-field-optional-foreground);font-weight:var(--brick-font-weight-regular)}.brick-field-required-indicator{overflow-wrap:anywhere;min-inline-size:0}.brick-field-description,.brick-field-error{overflow-wrap:anywhere;min-inline-size:0;margin:0}.brick-field-description{color:var(--brick-field-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-field-description-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-field-description-line-height)}.brick-field-error{border-inline-start:max(var(--brick-border-width), .125rem) solid var(--brick-field-error-foreground);color:var(--brick-field-error-foreground);font-family:var(--brick-typography-validation-sm-font-family);font-size:var(--brick-field-error-font-size);font-weight:var(--brick-field-error-font-weight);letter-spacing:var(--brick-typography-validation-sm-letter-spacing);line-height:var(--brick-field-error-line-height);padding-inline-start:var(--brick-space-2)}.brick-field[data-disabled] .brick-field-label{color:var(--brick-field-label-foreground-disabled)}.brick-field[data-readonly] .brick-field-label{font-style:italic}.brick-field[data-invalid] .brick-field-label{text-decoration-line:underline;text-decoration-style:wavy;-webkit-text-decoration-color:var(--brick-field-error-foreground);-webkit-text-decoration-color:var(--brick-field-error-foreground);text-decoration-color:var(--brick-field-error-foreground);text-underline-offset:.2em}@media (max-width:34rem){.brick-field[data-orientation=horizontal]{grid-template-columns:minmax(0,1fr)}.brick-field[data-orientation=horizontal]>:where(.brick-field-description,.brick-field-error){grid-column:auto}}@media (forced-colors:active){.brick-field-error{color:canvastext;border-inline-start-color:mark}.brick-field[data-invalid] .brick-field-label{text-decoration-color:mark}}.brick-input{--brick-input-min-block-size:var(--brick-control-min-block-size-md);--brick-input-padding-inline:var(--brick-space-3);--brick-input-gap:var(--brick-space-2);--brick-input-radius:var(--brick-radius-control);--brick-input-font-family:var(--brick-typography-field-value-md-font-family);--brick-input-font-size:var(--brick-typography-field-value-md-font-size);--brick-input-font-weight:var(--brick-typography-field-value-md-font-weight);--brick-input-line-height:var(--brick-typography-field-value-md-line-height);--brick-input-letter-spacing:var(--brick-typography-field-value-md-letter-spacing);--brick-input-background:var(--brick-color-surface-raised);--brick-input-foreground:var(--brick-color-text-primary);--brick-input-placeholder-foreground:var(--brick-color-text-muted);--brick-input-border:var(--brick-color-border-strong);--brick-input-hover-background:var(--brick-color-surface-base);--brick-input-hover-border:var(--brick-color-accent-border);--brick-input-focus-ring:var(--brick-color-focus-ring);--brick-input-invalid-border:var(--brick-color-danger-text);--brick-input-disabled-background:var(--brick-color-surface-subtle);--brick-input-disabled-foreground:var(--brick-color-text-secondary);--brick-input-disabled-border:var(--brick-color-border-subtle);--brick-input-readonly-background:var(--brick-color-surface-subtle);--brick-input-adornment-foreground:var(--brick-color-text-secondary);--brick-input-adornment-size:1.125rem;--brick-input-clear-target-size:2rem;--brick-input-clear-icon-size:1rem;--brick-input-clear-foreground:var(--brick-color-text-secondary);--brick-input-clear-hover-background:var(--brick-color-accent-soft);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-input-min-block-size);align-items:center;gap:var(--brick-input-gap);padding-inline:var(--brick-input-padding-inline);border:var(--brick-border-width) solid var(--brick-input-border);border-radius:var(--brick-input-radius);background:var(--brick-input-background);color:var(--brick-input-foreground);vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:inline-flex}.brick-input[data-full-width]{inline-size:100%}.brick-input:not([data-full-width]){inline-size:fit-content}.brick-input[data-variant=soft]{--brick-input-background:var(--brick-color-surface-subtle);--brick-input-border:var(--brick-color-border-subtle);--brick-input-hover-background:var(--brick-color-accent-soft)}.brick-input[data-variant=underline]{--brick-input-background:transparent;--brick-input-radius:0;border-width:0 0 var(--brick-border-width)}.brick-input[data-shape=sharp]{--brick-input-radius:0}.brick-input[data-shape=pill]{--brick-input-radius:var(--brick-radius-full)}.brick-input[data-size=sm]{--brick-input-min-block-size:var(--brick-control-min-block-size-sm);--brick-input-padding-inline:var(--brick-space-2);--brick-input-gap:.375rem;--brick-input-clear-target-size:1.75rem}.brick-input[data-size=lg]{--brick-input-min-block-size:var(--brick-control-min-block-size-lg);--brick-input-padding-inline:var(--brick-space-4);--brick-input-gap:var(--brick-space-3);--brick-input-font-size:var(--brick-typography-field-value-lg-font-size);--brick-input-adornment-size:1.25rem;--brick-input-clear-target-size:2.25rem;--brick-input-clear-icon-size:1.125rem}.brick-input-control{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-input-min-block-size) - (2 * var(--brick-border-width)));color:inherit;font-family:var(--brick-input-font-family);font-size:var(--brick-input-font-size);font-weight:var(--brick-input-font-weight);letter-spacing:var(--brick-input-letter-spacing);line-height:var(--brick-input-line-height);background:0 0;border:0;outline:0;padding:0;display:block}.brick-input-control::placeholder{color:var(--brick-input-placeholder-foreground);opacity:1}:where(.brick-input-start,.brick-input-end){min-inline-size:0;color:var(--brick-input-adornment-foreground);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.brick-input-start{inline-size:var(--brick-input-adornment-size)}.brick-input-end{min-inline-size:var(--brick-input-adornment-size);inline-size:max-content}:where(.brick-input-start,.brick-input-end)>:where(svg,img){block-size:auto;max-inline-size:100%;display:block}.brick-input-clear{box-sizing:border-box;inline-size:var(--brick-input-clear-target-size);block-size:var(--brick-input-clear-target-size);border-radius:var(--brick-radius-full);color:var(--brick-input-clear-foreground);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-inline-end:calc(-1 * var(--brick-input-padding-inline));padding:0;display:inline-grid}.brick-input-clear[data-hidden]{display:none}.brick-input-clear-artwork{inline-size:var(--brick-input-clear-icon-size);block-size:var(--brick-input-clear-icon-size);stroke:currentColor;stroke-linecap:round;stroke-width:1.75px;display:block;overflow:visible}.brick-input:focus-within{border-color:var(--brick-input-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-input-focus-ring)}.brick-input:has(.brick-input-control[data-invalid]){border-color:var(--brick-input-invalid-border)}.brick-input:has(.brick-input-control[data-disabled]){border-color:var(--brick-input-disabled-border);background:var(--brick-input-disabled-background);color:var(--brick-input-disabled-foreground);cursor:not-allowed}.brick-input:has(.brick-input-control[data-readonly]){background:var(--brick-input-readonly-background);cursor:default}.brick-input-control:disabled{cursor:not-allowed}.brick-input-control:read-only{cursor:default}.brick-input:has(.brick-input-clear) .brick-input-control[type=search]::-webkit-search-cancel-button{display:none}.brick-input-control:-webkit-autofill{-webkit-text-fill-color:var(--brick-input-foreground);caret-color:var(--brick-input-foreground)}@media (hover:hover) and (pointer:fine){.brick-input:not(:focus-within,:has(.brick-input-control[data-disabled]),:has(.brick-input-control[data-readonly]),:has(.brick-input-control[data-invalid])):hover{border-color:var(--brick-input-hover-border);background:var(--brick-input-hover-background)}.brick-input-clear:not([data-disabled],[data-hidden]):hover{background:var(--brick-input-clear-hover-background);color:var(--brick-input-foreground)}}@media (prefers-reduced-motion:reduce){.brick-input{transition-duration:0s}}@media (forced-colors:active){.brick-input{color:canvastext;background:canvas;border-color:buttontext}.brick-input:focus-within{box-shadow:0 0 0 var(--brick-border-focus-width) Highlight;border-color:highlight}.brick-input:has(.brick-input-control[data-invalid]){background:canvas;border-color:mark}.brick-input:has(.brick-input-control[data-disabled]){color:graytext;background:canvas;border-color:graytext}.brick-input-clear{color:buttontext}}}@layer brick.effects;