@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-toolbar{--brick-toolbar-surface:var(--brick-color-surface-subtle);--brick-toolbar-border-color:transparent;--brick-toolbar-radius:var(--brick-radius-control);--brick-toolbar-gap:.25rem;--brick-toolbar-padding:.25rem;--brick-toolbar-item-size:var(--brick-control-min-block-size-md);--brick-toolbar-item-padding-inline:.75rem;--brick-toolbar-item-radius:calc(var(--brick-toolbar-radius) - .125rem);--brick-toolbar-item-background:transparent;--brick-toolbar-item-selected-background:var(--brick-toolbar-toggle-tone-soft);--brick-toolbar-separator-color:var(--brick-color-border-default);box-sizing:border-box;align-items:center;gap:var(--brick-toolbar-gap);min-inline-size:0;max-inline-size:100%;padding:var(--brick-toolbar-padding);border:var(--brick-border-width) solid var(--brick-toolbar-border-color);border-radius:var(--brick-toolbar-radius);background:var(--brick-toolbar-surface);color:var(--brick-color-text-primary);scrollbar-width:thin;display:inline-flex;overflow:auto hidden}.brick-toolbar[data-orientation=vertical]{flex-direction:column;align-items:stretch;overflow:hidden auto}.brick-toolbar[data-variant=plain]{--brick-toolbar-surface:transparent;--brick-toolbar-padding:0}.brick-toolbar[data-variant=outline]{--brick-toolbar-surface:var(--brick-color-surface-base);--brick-toolbar-border-color:var(--brick-color-border-default)}.brick-toolbar[data-size=sm]{--brick-toolbar-item-size:var(--brick-control-min-block-size-sm);--brick-toolbar-item-padding-inline:.625rem}.brick-toolbar[data-size=lg]{--brick-toolbar-item-size:var(--brick-control-min-block-size-lg);--brick-toolbar-item-padding-inline:1rem}:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item){box-sizing:border-box;min-block-size:var(--brick-toolbar-item-size);padding:.25rem var(--brick-toolbar-item-padding-inline);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-toolbar-item-radius);appearance:none;background:var(--brick-toolbar-item-background);color:inherit;font:inherit;font-family:var(--brick-typography-control-md-font-family);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-typography-control-md-line-height);white-space:nowrap;cursor:pointer;flex:none;justify-content:center;align-items:center;gap:.375rem;text-decoration:none;display:inline-flex}.brick-toolbar[data-size=sm] :where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item){font-size:var(--brick-typography-control-sm-font-size)}.brick-toolbar[data-size=lg] :where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item){font-size:var(--brick-typography-control-lg-font-size)}:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item)>:where(svg,img){flex:none;block-size:1em;inline-size:1em}:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item):focus-visible{z-index:1;outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:calc(-1 * var(--brick-border-focus-width))}:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item)[data-disabled]{color:var(--brick-color-text-disabled);box-shadow:none;cursor:not-allowed;opacity:.55;background:0 0;border-color:#0000}.brick-toolbar__toggle-group{--brick-toolbar-toggle-tone-solid:var(--brick-color-accent-solid);--brick-toolbar-toggle-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-toolbar-toggle-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-toolbar-toggle-tone-on-solid:var(--brick-color-accent-on-solid);--brick-toolbar-toggle-tone-soft:var(--brick-color-accent-soft);--brick-toolbar-toggle-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-toolbar-toggle-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-toolbar-toggle-tone-on-soft:var(--brick-color-accent-on-soft);--brick-toolbar-toggle-tone-border:var(--brick-color-accent-border);--brick-toolbar-toggle-tone-text:var(--brick-color-accent-text);display:contents}.brick-toolbar__toggle-group[data-tone=neutral]{--brick-toolbar-toggle-tone-solid:var(--lightningcss-light,var(--brick-color-surface-raised))var(--lightningcss-dark,color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 16%));--brick-toolbar-toggle-tone-solid-hover:var(--lightningcss-light,color-mix(in srgb, var(--brick-color-surface-raised) 80%, var(--brick-color-surface-subtle)))var(--lightningcss-dark,color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 22%));--brick-toolbar-toggle-tone-solid-pressed:var(--lightningcss-light,color-mix(in srgb, var(--brick-color-surface-raised) 60%, var(--brick-color-surface-subtle)))var(--lightningcss-dark,color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 28%));--brick-toolbar-toggle-tone-on-solid:var(--brick-color-text-primary);--brick-toolbar-toggle-tone-soft:var(--brick-color-surface-subtle);--brick-toolbar-toggle-tone-soft-hover:var(--brick-color-surface-base);--brick-toolbar-toggle-tone-soft-pressed:var(--brick-color-border-subtle);--brick-toolbar-toggle-tone-on-soft:var(--brick-color-text-primary);--brick-toolbar-toggle-tone-border:var(--brick-color-border-strong);--brick-toolbar-toggle-tone-text:var(--brick-color-text-primary)}.brick-toolbar__toggle-group[data-variant=soft]>.brick-toolbar__toggle-item[data-state=on]{border-color:var(--brick-toolbar-toggle-tone-border);background:var(--brick-toolbar-item-selected-background);color:var(--brick-toolbar-toggle-tone-on-soft);box-shadow:inset 0 -.125rem 0 var(--brick-toolbar-toggle-tone-solid)}.brick-toolbar__toggle-group[data-variant=solid]>.brick-toolbar__toggle-item[data-state=on]{border-color:var(--brick-toolbar-toggle-tone-solid);background:var(--brick-toolbar-toggle-tone-solid);color:var(--brick-toolbar-toggle-tone-on-solid)}.brick-toolbar__toggle-group[data-variant=outline]>.brick-toolbar__toggle-item{border-color:var(--brick-color-border-default);background:0 0}.brick-toolbar__toggle-group[data-variant=outline]>.brick-toolbar__toggle-item[data-state=on]{border-color:var(--brick-toolbar-toggle-tone-border);color:var(--brick-toolbar-toggle-tone-text)}.brick-toolbar__toggle-group[data-variant=ghost]>.brick-toolbar__toggle-item{background:0 0}.brick-toolbar__toggle-group[data-variant=ghost]>.brick-toolbar__toggle-item[data-state=on]{background:var(--brick-toolbar-toggle-tone-soft);color:var(--brick-toolbar-toggle-tone-on-soft);border-color:#0000}.brick-toolbar__toggle-group>.brick-toolbar__toggle-item[data-state=on]:not([data-disabled]):active{background:var(--brick-toolbar-toggle-tone-soft-pressed)}.brick-toolbar__toggle-group[data-variant=solid]>.brick-toolbar__toggle-item[data-state=on]:not([data-disabled]):active{border-color:var(--brick-toolbar-toggle-tone-solid-pressed);background:var(--brick-toolbar-toggle-tone-solid-pressed)}.brick-toolbar__toggle-group[data-variant]>.brick-toolbar__toggle-item[data-disabled][data-state]{color:var(--brick-color-text-disabled);box-shadow:none;background:0 0;border-color:#0000}.brick-toolbar__separator{inline-size:var(--brick-border-width);background:var(--brick-toolbar-separator-color);flex:none;align-self:stretch;min-block-size:1.25rem;margin:0 .125rem}.brick-toolbar__separator[data-orientation=horizontal]{min-block-size:0;inline-size:auto;block-size:var(--brick-border-width);min-inline-size:1.25rem;margin:.125rem 0}@media (hover:hover) and (pointer:fine){:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item):not([data-disabled]):hover{background:var(--brick-color-surface-raised)}.brick-toolbar__toggle-group>.brick-toolbar__toggle-item[data-state=on]:not([data-disabled]):hover{background:var(--brick-toolbar-toggle-tone-soft-hover)}.brick-toolbar__toggle-group[data-variant=solid]>.brick-toolbar__toggle-item[data-state=on]:not([data-disabled]):hover{border-color:var(--brick-toolbar-toggle-tone-solid-hover);background:var(--brick-toolbar-toggle-tone-solid-hover)}.brick-toolbar__toggle-group[data-variant=outline]>.brick-toolbar__toggle-item[data-state=on]:not([data-disabled]):hover{background:var(--brick-color-surface-raised)}}@media (prefers-reduced-motion:reduce){:where(.brick-toolbar__button,.brick-toolbar__link,.brick-toolbar__toggle-item){transition:none}}@media (forced-colors:active){.brick-toolbar{border-color:canvastext}.brick-toolbar__toggle-item[data-state=on]{outline:2px solid highlight}}}@layer brick.utilities,brick.effects;
