.ui-toolbar{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-card)}.ui-toolbar--floating{background:rgb(from var(--color-brand-pale-white) r g b/92%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-overlay)}.ui-toolbar__button{display:inline-flex;box-sizing:border-box;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--space-5);border:0;border-radius:var(--radius-field);background:transparent;color:var(--color-foreground);font:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.ui-toolbar__button--s{width:var(--control-height-s);height:var(--control-height-s)}.ui-toolbar__button--m{width:var(--control-height-m);height:var(--control-height-m)}.ui-toolbar__button--with-label{width:auto;padding-inline:var(--space-10)}.ui-toolbar__button[data-tone=destructive]{color:var(--color-destructive)}.ui-toolbar__button:disabled,.ui-toolbar__button[data-disabled]{opacity:.45;cursor:default}.ui-toolbar__button:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}@media(hover:hover){.ui-toolbar__button:not(:disabled,[data-disabled]):hover{background:rgb(from var(--color-foreground) r g b/8%)}.ui-toolbar__button[data-tone=destructive]:not(:disabled,[data-disabled]):hover{background:rgb(from var(--color-destructive) r g b/10%)}}.ui-toolbar__button-label{font-size:var(--font-size-s);line-height:1;white-space:nowrap}