@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-slider{--brick-slider-track-size:.375rem;--brick-slider-track-length:10rem;--brick-slider-track-background:var(--brick-color-surface-subtle);--brick-slider-track-border:var(--brick-color-border-subtle);--brick-slider-range-background:var(--brick-color-accent-solid);--brick-slider-thumb-size:1.125rem;--brick-slider-thumb-background:var(--brick-color-surface-raised);--brick-slider-thumb-border:var(--brick-color-accent-solid);--brick-slider-thumb-shadow:var(--brick-shadow-sm);--brick-slider-marker-color:var(--brick-color-border-strong);--brick-slider-value-label-background:var(--brick-color-surface-raised);--brick-slider-value-label-foreground:var(--brick-color-text-primary);box-sizing:border-box;min-inline-size:0;color:var(--brick-color-text-primary);display:block;position:relative}.brick-slider[data-orientation=horizontal]{inline-size:100%}.brick-slider[data-orientation=horizontal]:has(.brick-slider__value-label){padding-block-start:2.25rem}.brick-slider[data-orientation=vertical]{inline-size:var(--brick-control-target-min);block-size:var(--brick-slider-track-length)}.brick-slider__track{box-sizing:border-box;-webkit-user-select:none;user-select:none;display:block;position:relative}.brick-slider[data-orientation=horizontal] .brick-slider__track{inline-size:100%;block-size:var(--brick-control-target-min)}.brick-slider[data-orientation=vertical] .brick-slider__track{inline-size:var(--brick-control-target-min);block-size:100%}.brick-slider__track:before{border:var(--brick-border-width) solid var(--brick-slider-track-border);border-radius:var(--brick-radius-full);background:var(--brick-slider-track-background);content:"";position:absolute}.brick-slider[data-orientation=horizontal] .brick-slider__track:before{block-size:var(--brick-slider-track-size);inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.brick-slider[data-orientation=vertical] .brick-slider__track:before{inline-size:var(--brick-slider-track-size);inset-block:0;inset-inline-start:50%;transform:translate(-50%)}.brick-slider__range{z-index:1;border-radius:var(--brick-radius-full);background:var(--brick-slider-range-background);pointer-events:none;position:absolute}.brick-slider[data-orientation=horizontal] .brick-slider__range{block-size:var(--brick-slider-track-size);inset-block-start:50%;transform:translateY(-50%)}.brick-slider[data-orientation=vertical] .brick-slider__range{inline-size:var(--brick-slider-track-size);inset-inline-start:50%;transform:translate(-50%)}.brick-slider__thumb{z-index:3;box-sizing:border-box;inline-size:var(--brick-control-target-min);block-size:var(--brick-control-target-min);border-radius:var(--brick-radius-full);cursor:grab;background:0 0;border:0;outline:0;place-items:center;display:grid;position:absolute}.brick-slider__thumb:before{inline-size:var(--brick-slider-thumb-size);block-size:var(--brick-slider-thumb-size);box-sizing:border-box;border:calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);border-radius:var(--brick-radius-full);background:var(--brick-slider-thumb-background);box-shadow:var(--brick-slider-thumb-shadow);content:"";transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard)}.brick-slider[data-orientation=horizontal] .brick-slider__thumb{inset-block-start:50%;transform:translate(-50%,-50%)}[dir=rtl] .brick-slider[data-orientation=horizontal] .brick-slider__thumb{transform:translate(50%,-50%)}.brick-slider[data-orientation=vertical] .brick-slider__thumb{inset-inline-start:50%;transform:translate(-50%,50%)}.brick-slider__thumb:active{cursor:grabbing}.brick-slider__thumb:active:before{transform:scale(1.12)}.brick-slider__thumb:is(:focus-visible,[data-focus-visible]):before{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-slider__marker{z-index:2;color:var(--brick-color-text-secondary);pointer-events:none;font:var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);place-items:center;display:grid;position:absolute}.brick-slider__marker:before{border-radius:var(--brick-radius-full);background:var(--brick-slider-marker-color);content:"";position:absolute}.brick-slider__marker[data-orientation=horizontal]{padding-block-start:2.25rem;inset-block-start:50%;inset-inline-start:calc(var(--brick-slider-marker-percent) * 1%);transform:translate(-50%,-50%)}.brick-slider__marker[data-orientation=horizontal][data-edge=start]{transform:translateY(-50%)}.brick-slider__marker[data-orientation=horizontal][data-edge=end]{transform:translate(-100%,-50%)}[dir=rtl] .brick-slider__marker[data-orientation=horizontal]{transform:translate(50%,-50%)}[dir=rtl] .brick-slider__marker[data-orientation=horizontal][data-edge=start]{transform:translate(-100%,-50%)}[dir=rtl] .brick-slider__marker[data-orientation=horizontal][data-edge=end]{transform:translateY(-50%)}.brick-slider__marker[data-orientation=horizontal]:before{block-size:.25rem;inline-size:.25rem}.brick-slider__marker[data-orientation=vertical]{padding-inline-start:2.25rem;inset-block-end:calc(var(--brick-slider-marker-percent) * 1%);inset-inline-start:50%;transform:translate(-50%,50%)}.brick-slider__marker[data-orientation=vertical]:before{block-size:.25rem;inline-size:.25rem}.brick-slider__value-label{min-inline-size:1.75rem;padding:var(--brick-space-1) var(--brick-space-2);border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-radius-subtle);background:var(--brick-slider-value-label-background);color:var(--brick-slider-value-label-foreground);box-shadow:var(--brick-shadow-sm);text-align:center;white-space:nowrap;font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);font-variant-numeric:tabular-nums;position:absolute;inset-block-end:calc(100% + var(--brick-space-1));inset-inline-start:50%;transform:translate(-50%)}.brick-slider[data-orientation=vertical] .brick-slider__value-label{inset-block-end:50%;inset-inline-start:calc(100% + var(--brick-space-1));transform:translateY(50%)}.brick-slider[data-size=sm]{--brick-slider-track-size:.25rem;--brick-slider-thumb-size:.875rem}.brick-slider[data-size=lg]{--brick-slider-track-size:.5rem;--brick-slider-thumb-size:1.375rem}.brick-slider[data-variant=soft]{--brick-slider-range-background:var(--brick-color-accent-soft);--brick-slider-thumb-border:var(--brick-color-accent-text)}.brick-slider[data-invalid]{--brick-slider-thumb-border:var(--brick-color-danger-text);--brick-slider-range-background:var(--brick-color-danger-text)}.brick-slider[data-disabled]{opacity:.6}.brick-slider[data-disabled] .brick-slider__thumb{cursor:not-allowed}.brick-slider[data-readonly] .brick-slider__thumb{cursor:default}@media (prefers-reduced-motion:reduce){.brick-slider__thumb:before{transition:none}}@media (forced-colors:active){.brick-slider{forced-color-adjust:none}.brick-slider__track:before{background:canvas;border-color:buttontext}.brick-slider__range{background:highlight}.brick-slider__thumb:before{box-shadow:none;background:canvas;border-color:highlight}.brick-slider__marker:before{background:buttontext}.brick-slider__value-label{color:canvastext;box-shadow:none;background:canvas;border-color:buttontext}.brick-slider[data-disabled]{opacity:1}.brick-slider[data-disabled] .brick-slider__thumb:before{border-color:graytext}}}@layer brick.effects;