@layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-toggle,.brick-toggle-group-item){--brick-toggle-min-block-size:var(--brick-control-min-block-size-md);--brick-toggle-padding-inline:1rem;--brick-toggle-gap:.5rem;--brick-toggle-radius:var(--brick-radius-control);--brick-toggle-icon-size:1.125rem;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-toggle-min-block-size);justify-content:center;align-items:center;gap:var(--brick-toggle-gap);padding-block:.375rem;padding-inline:var(--brick-toggle-padding-inline);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-toggle-radius);appearance:none;background:var(--brick-color-surface-subtle);color:var(--brick-color-text-primary);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-typography-control-md-font-size);font-weight:var(--brick-typography-control-md-font-weight);letter-spacing:var(--brick-typography-control-md-letter-spacing);line-height:var(--brick-typography-control-md-line-height);overflow-wrap:anywhere;text-align:center;-webkit-user-select:none;user-select:none;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), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);text-decoration:none;display:inline-flex}:where(.brick-toggle,.brick-toggle-group-item)>:where(svg,img){inline-size:var(--brick-toggle-icon-size);block-size:var(--brick-toggle-icon-size);flex:none}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]){cursor:pointer}:where(.brick-toggle,.brick-toggle-group-item):focus-visible{z-index:1;outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}:where(.brick-toggle,.brick-toggle-group-item)[data-state=on]{border-color:var(--brick-color-accent-border);background:var(--brick-color-accent-soft);color:var(--brick-color-accent-on-soft);box-shadow:inset 0 -.125rem 0 var(--brick-color-accent-solid)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]{border-color:var(--brick-color-accent-solid);background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid);box-shadow:none}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=outline]{border-color:var(--brick-color-border-default);background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=outline][data-state=on]{border-color:var(--brick-color-accent-border);color:var(--brick-color-accent-text);box-shadow:none;background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]{background:0 0}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost][data-state=on]{background:var(--brick-color-accent-soft);box-shadow:none;border-color:#0000}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]):active{background:var(--brick-color-accent-soft-pressed)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]:not([data-disabled]):active{border-color:var(--brick-color-accent-solid-pressed);background:var(--brick-color-accent-solid-pressed)}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);box-shadow:none;cursor:not-allowed;opacity:.65}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled][data-state=on]{border-color:var(--brick-color-border-strong);box-shadow:inset 0 -.125rem 0 var(--brick-color-text-secondary)}:where(.brick-toggle,.brick-toggle-group-item)[data-size=sm]{--brick-toggle-min-block-size:var(--brick-control-min-block-size-sm);--brick-toggle-padding-inline:.75rem;--brick-toggle-gap:.375rem;--brick-toggle-icon-size:1rem;font-size:var(--brick-typography-control-sm-font-size);padding-block:.25rem}:where(.brick-toggle,.brick-toggle-group-item)[data-size=lg]{--brick-toggle-min-block-size:var(--brick-control-min-block-size-lg);--brick-toggle-padding-inline:1.25rem;--brick-toggle-gap:.625rem;--brick-toggle-icon-size:1.25rem;font-size:var(--brick-typography-control-lg-font-size);padding-block:.5rem}:where(.brick-toggle,.brick-toggle-group-item)[data-shape=pill]{--brick-toggle-radius:var(--brick-radius-full)}:where(.brick-toggle,.brick-toggle-group-item)[data-icon-only]{inline-size:var(--brick-toggle-min-block-size);padding-inline:0}@media (hover:hover) and (pointer:fine){:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled]):hover{background:var(--brick-color-surface-base)}:where(.brick-toggle,.brick-toggle-group-item):not([data-disabled])[data-state=on]:hover{background:var(--brick-color-accent-soft-hover)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=solid][data-state=on]:not([data-disabled]):hover{border-color:var(--brick-color-accent-solid-hover);background:var(--brick-color-accent-solid-hover)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]:not([data-disabled]):hover{background:var(--brick-color-surface-subtle)}:where(.brick-toggle,.brick-toggle-group-item)[data-variant=ghost]:not([data-disabled])[data-state=on]:hover{background:var(--brick-color-accent-soft-hover)}}@media (prefers-reduced-motion:reduce){:where(.brick-toggle,.brick-toggle-group-item){transition-duration:0s}}@media (forced-colors:active){:where(.brick-toggle,.brick-toggle-group-item){color:buttontext;background:buttonface;border-color:buttontext}:where(.brick-toggle,.brick-toggle-group-item)[data-state=on]{color:buttontext;outline-offset:-.25rem;box-shadow:none;background:buttonface;border-color:highlight;outline:.125rem solid highlight}:where(.brick-toggle,.brick-toggle-group-item):focus-visible{outline-offset:var(--brick-border-focus-offset);outline-color:highlight}:where(.brick-toggle,.brick-toggle-group-item)[data-disabled]{color:graytext;opacity:1;border-color:graytext}}.brick-toggle-group{--brick-toggle-group-gap:.5rem;box-sizing:border-box;align-items:stretch;gap:var(--brick-toggle-group-gap);min-inline-size:0;max-inline-size:100%;display:inline-flex}.brick-toggle-group[data-orientation=horizontal]{flex-flow:wrap}.brick-toggle-group[data-orientation=vertical]{flex-direction:column}.brick-toggle-group[data-full-width]{inline-size:100%;display:flex}.brick-toggle-group[data-full-width]>.brick-toggle-group-item{flex:1 1 0}.brick-toggle-group>.brick-toggle-group-item{--brick-toggle-min-block-size:var(--brick-control-min-block-size-md);--brick-toggle-padding-inline:1rem;--brick-toggle-gap:.5rem;--brick-toggle-icon-size:1.125rem}.brick-toggle-group[data-size=sm]>.brick-toggle-group-item{--brick-toggle-min-block-size:var(--brick-control-min-block-size-sm);--brick-toggle-padding-inline:.75rem;--brick-toggle-gap:.375rem;--brick-toggle-icon-size:1rem;font-size:var(--brick-typography-control-sm-font-size);padding-block:.25rem}.brick-toggle-group[data-size=lg]>.brick-toggle-group-item{--brick-toggle-min-block-size:var(--brick-control-min-block-size-lg);--brick-toggle-padding-inline:1.25rem;--brick-toggle-gap:.625rem;--brick-toggle-icon-size:1.25rem;font-size:var(--brick-typography-control-lg-font-size);padding-block:.5rem}.brick-toggle-group[data-shape=pill]>.brick-toggle-group-item{--brick-toggle-radius:var(--brick-radius-full)}.brick-toggle-group[data-variant=solid]>.brick-toggle-group-item[data-state=on]{border-color:var(--brick-color-accent-solid);background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid);box-shadow:none}.brick-toggle-group[data-variant=outline]>.brick-toggle-group-item{border-color:var(--brick-color-border-default);background:0 0}.brick-toggle-group[data-variant=outline]>.brick-toggle-group-item[data-state=on]{border-color:var(--brick-color-accent-border);color:var(--brick-color-accent-text);box-shadow:none;background:0 0}.brick-toggle-group[data-variant=ghost]>.brick-toggle-group-item{background:0 0}.brick-toggle-group[data-variant=ghost]>.brick-toggle-group-item[data-state=on]{background:var(--brick-color-accent-soft);box-shadow:none;border-color:#0000}.brick-toggle-group[data-variant=solid]>.brick-toggle-group-item[data-state=on]:not([data-disabled]):active{border-color:var(--brick-color-accent-solid-pressed);background:var(--brick-color-accent-solid-pressed)}.brick-toggle-group[data-attached=true]{--brick-toggle-group-gap:0;flex-wrap:nowrap}.brick-toggle-group[data-attached=true]>.brick-toggle-group-item{--brick-toggle-radius:0}.brick-toggle-group[data-attached=true][data-orientation=horizontal]>.brick-toggle-group-item+.brick-toggle-group-item{margin-inline-start:calc(-1 * var(--brick-border-width))}.brick-toggle-group[data-attached=true][data-orientation=vertical]>.brick-toggle-group-item+.brick-toggle-group-item{margin-block-start:calc(-1 * var(--brick-border-width))}.brick-toggle-group[data-attached=true][data-orientation=horizontal]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-control);border-end-start-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-orientation=horizontal]>.brick-toggle-group-item:last-child{border-start-end-radius:var(--brick-radius-control);border-end-end-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-orientation=vertical]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-control);border-start-end-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-orientation=vertical]>.brick-toggle-group-item:last-child{border-end-end-radius:var(--brick-radius-control);border-end-start-radius:var(--brick-radius-control)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=horizontal]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-full);border-end-start-radius:var(--brick-radius-full)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=horizontal]>.brick-toggle-group-item:last-child{border-start-end-radius:var(--brick-radius-full);border-end-end-radius:var(--brick-radius-full)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=vertical]>.brick-toggle-group-item:first-child{border-start-start-radius:var(--brick-radius-full);border-start-end-radius:var(--brick-radius-full)}.brick-toggle-group[data-attached=true][data-shape=pill][data-orientation=vertical]>.brick-toggle-group-item:last-child{border-end-end-radius:var(--brick-radius-full);border-end-start-radius:var(--brick-radius-full)}@media (hover:hover) and (pointer:fine){.brick-toggle-group[data-variant=solid]>.brick-toggle-group-item[data-state=on]:not([data-disabled]):hover{border-color:var(--brick-color-accent-solid-hover);background:var(--brick-color-accent-solid-hover)}}}@layer brick.effects;