@layer brick.tokens,brick.foundations;@layer brick.components{.brick-accordion{--brick-accordion-background:transparent;--brick-accordion-border-color:var(--brick-color-border-default);--brick-accordion-divider-color:var(--brick-color-border-subtle);--brick-accordion-trigger-background:transparent;--brick-accordion-trigger-hover-background:var(--brick-color-surface-subtle);--brick-accordion-trigger-open-background:var(--brick-color-surface-subtle);--brick-accordion-foreground:var(--brick-color-text-primary);--brick-accordion-content-foreground:var(--brick-color-text-secondary);--brick-accordion-focus-ring:var(--brick-color-focus-ring);--brick-accordion-radius:var(--brick-radius-control);--brick-accordion-trigger-height:2.75rem;--brick-accordion-horizontal-height:14rem;--brick-accordion-trigger-padding-inline:var(--brick-space-3);--brick-accordion-content-padding-block:var(--brick-space-3);--brick-accordion-content-padding-inline:var(--brick-space-3);--brick-accordion-indicator-size:1rem;--brick-accordion-font-family:var(--brick-typography-control-md-font-family);--brick-accordion-font-size:var(--brick-typography-control-md-font-size);--brick-accordion-font-weight:var(--brick-typography-control-md-font-weight);--brick-accordion-line-height:var(--brick-typography-control-md-line-height);box-sizing:border-box;border-radius:var(--brick-accordion-radius);background:var(--brick-accordion-background);inline-size:100%;min-inline-size:0;overflow:clip}.brick-accordion[data-variant=soft]{--brick-accordion-background:var(--brick-color-surface-subtle);--brick-accordion-trigger-hover-background:var(--brick-color-surface-raised);--brick-accordion-trigger-open-background:var(--brick-color-surface-raised)}.brick-accordion[data-variant=outline]{border:var(--brick-border-width) solid var(--brick-accordion-border-color)}.brick-accordion[data-size=sm]{--brick-accordion-trigger-height:2.25rem;--brick-accordion-trigger-padding-inline:var(--brick-space-2);--brick-accordion-content-padding-block:var(--brick-space-2);--brick-accordion-content-padding-inline:var(--brick-space-2);--brick-accordion-indicator-size:.875rem;--brick-accordion-font-family:var(--brick-typography-control-sm-font-family);--brick-accordion-font-size:var(--brick-typography-control-sm-font-size);--brick-accordion-font-weight:var(--brick-typography-control-sm-font-weight);--brick-accordion-line-height:var(--brick-typography-control-sm-line-height)}.brick-accordion[data-size=lg]{--brick-accordion-trigger-height:3.25rem;--brick-accordion-trigger-padding-inline:var(--brick-space-4);--brick-accordion-content-padding-block:var(--brick-space-4);--brick-accordion-content-padding-inline:var(--brick-space-4);--brick-accordion-indicator-size:1.125rem;--brick-accordion-font-family:var(--brick-typography-control-lg-font-family);--brick-accordion-font-size:var(--brick-typography-control-lg-font-size);--brick-accordion-font-weight:var(--brick-typography-control-lg-font-weight);--brick-accordion-line-height:var(--brick-typography-control-lg-line-height)}.brick-accordion-item{box-sizing:border-box;border-block-end:var(--brick-border-width) solid var(--brick-accordion-divider-color);min-inline-size:0}.brick-accordion-item:last-child{border-block-end:0}.brick-accordion-header{font:inherit;margin:0}.brick-accordion-trigger{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:var(--brick-accordion-trigger-height);align-items:center;gap:var(--brick-space-2);padding-block:var(--brick-space-2);padding-inline:var(--brick-accordion-trigger-padding-inline);border-radius:calc(var(--brick-accordion-radius) - var(--brick-border-width));background:var(--brick-accordion-trigger-background);color:var(--brick-accordion-foreground);font-family:var(--brick-accordion-font-family);font-size:var(--brick-accordion-font-size);font-weight:var(--brick-accordion-font-weight);line-height:var(--brick-accordion-line-height);text-align:start;cursor:pointer;touch-action:manipulation;border:0;display:flex}.brick-accordion-trigger:hover:not(:disabled,[data-disabled]){background:var(--brick-accordion-trigger-hover-background)}.brick-accordion-trigger[data-state=open]{background:var(--brick-accordion-trigger-open-background)}.brick-accordion-trigger:focus-visible{z-index:1;outline:var(--brick-border-focus-width) solid var(--brick-accordion-focus-ring);outline-offset:var(--brick-border-focus-offset);position:relative}.brick-accordion-trigger:is(:disabled,[data-disabled]){opacity:.55;cursor:not-allowed}.brick-accordion-trigger[data-locked-open]{cursor:default}.brick-accordion-indicator{inline-size:var(--brick-accordion-indicator-size);block-size:var(--brick-accordion-indicator-size);transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex:none;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex;transform:rotate(0)}.brick-accordion-indicator>svg{block-size:100%;inline-size:100%}.brick-accordion-trigger[data-state=open] .brick-accordion-indicator{transform:rotate(90deg)}[dir=rtl] .brick-accordion-trigger[data-state=closed] .brick-accordion-indicator{transform:scaleX(-1)}[dir=rtl] .brick-accordion-trigger[data-state=open] .brick-accordion-indicator{transform:rotate(90deg)}.brick-accordion-content{box-sizing:border-box;min-inline-size:0;color:var(--brick-accordion-content-foreground);overflow:hidden}.brick-accordion-content[data-state=open]{animation:brick-accordion-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both}.brick-accordion-content[data-state=closed]{animation:brick-accordion-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both}.brick-accordion-content-inner{box-sizing:border-box;min-inline-size:0;padding-block:var(--brick-accordion-content-padding-block);padding-inline:var(--brick-accordion-content-padding-inline)}.brick-accordion[data-orientation=horizontal]{inline-size:max-content;max-inline-size:100%;block-size:var(--brick-accordion-horizontal-height);align-items:stretch;display:flex;overflow:auto clip}.brick-accordion[data-orientation=horizontal] .brick-accordion-item{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-accordion-divider-color);flex:none;align-items:stretch;block-size:100%;display:flex}.brick-accordion[data-orientation=horizontal] .brick-accordion-item:last-child{border-inline-end:0}.brick-accordion[data-orientation=horizontal] .brick-accordion-header{flex:none;block-size:100%;display:flex}.brick-accordion[data-orientation=horizontal] .brick-accordion-trigger{inline-size:100%;min-inline-size:0;block-size:var(--brick-accordion-trigger-height);min-block-size:var(--brick-accordion-trigger-height);writing-mode:vertical-rl;text-orientation:mixed}.brick-accordion[data-orientation=horizontal] .brick-accordion-content{writing-mode:horizontal-tb;flex:none;block-size:100%;min-block-size:0}.brick-accordion[data-orientation=horizontal] .brick-accordion-content[data-state=open]{animation-name:brick-accordion-open-horizontal}.brick-accordion[data-orientation=horizontal] .brick-accordion-content[data-state=closed]{animation-name:brick-accordion-close-horizontal}.brick-accordion-content[data-initial-open]{animation:none}.brick-accordion[data-orientation=horizontal] .brick-accordion-content-inner{block-size:100%;min-block-size:0;inline-size:max-content}@keyframes brick-accordion-open{0%{block-size:0}to{block-size:var(--content-height)}}@keyframes brick-accordion-close{0%{block-size:var(--content-height)}to{block-size:0}}@keyframes brick-accordion-open-horizontal{0%{inline-size:0}to{inline-size:var(--content-width)}}@keyframes brick-accordion-close-horizontal{0%{inline-size:var(--content-width)}to{inline-size:0}}@media (prefers-reduced-motion:reduce){.brick-accordion-indicator{transition:none}.brick-accordion-content{animation:none!important}}@media (forced-colors:active){.brick-accordion{--brick-accordion-border-color:CanvasText;--brick-accordion-divider-color:CanvasText;forced-color-adjust:auto}.brick-accordion-trigger{color:buttontext}.brick-accordion-trigger:focus-visible{outline-color:highlight}}}@layer brick.effects;