@layer base{.toolbar{--toolbar-gap:.25rem;--toolbar-height:calc(var(--size-field,.25rem) * 8);--toolbar-padding-inline:.5rem;align-items:center;gap:var(--toolbar-gap);background-color:var(--color-base-200);border-width:var(--border,1px);border-style:solid;border-color:var(--color-base-300);border-radius:var(--radius-field,.25rem);width:fit-content;max-width:100%;padding:.25rem;font-size:1rem;display:inline-flex}.toolbar[data-orientation=vertical]{flex-direction:column;align-items:stretch;width:fit-content}.toolbar:has(>.toolbar-center){grid-template-columns:1fr auto 1fr;display:grid}.toolbar:has(>.toolbar-center)>:first-child{justify-self:start}.toolbar:has(>.toolbar-center)>:last-child{justify-self:end}.toolbar[data-size=xs]{--toolbar-height:calc(var(--size-field,.25rem) * 5);--toolbar-padding-inline:.25rem;padding:.125rem;font-size:1rem}.toolbar[data-size=sm]{--toolbar-height:calc(var(--size-field,.25rem) * 6);--toolbar-padding-inline:.375rem;padding:.1875rem;font-size:1rem}.toolbar[data-size=md]{--toolbar-height:calc(var(--size-field,.25rem) * 8);--toolbar-padding-inline:.5rem;padding:.25rem;font-size:1rem}.toolbar[data-size=lg]{--toolbar-height:calc(var(--size-field,.25rem) * 10);--toolbar-padding-inline:.75rem;padding:.375rem;font-size:1rem}.toolbar[data-size=xl]{--toolbar-height:calc(var(--size-field,.25rem) * 12);--toolbar-padding-inline:1rem;padding:.5rem;font-size:1rem}.toolbar[data-variant=muted]{background-color:var(--color-base-300)}@supports (color:color-mix(in lab,red,red)){.toolbar[data-variant=muted]{background-color:color-mix(in oklab,var(--color-base-300) 45%,var(--color-base-100))}}.toolbar[data-variant=muted]{border-color:var(--color-base-300)}@supports (color:color-mix(in lab,red,red)){.toolbar[data-variant=muted]{border-color:color-mix(in oklab,var(--color-base-300) 70%,transparent)}}.toolbar[data-dividers=top]{border-inline-width:0;border-bottom-width:0;border-top:var(--border,1px) solid var(--color-base-300);background-color:#0000;border-radius:0}.toolbar[data-dividers=bottom]{border-inline-width:0;border-top-width:0;border-bottom:var(--border,1px) solid var(--color-base-300);background-color:#0000;border-radius:0}.toolbar[data-dividers=both]{border-inline-width:0;border-top:var(--border,1px) solid var(--color-base-300);border-bottom:var(--border,1px) solid var(--color-base-300);background-color:#0000;border-radius:0}.toolbar[data-variant=muted][data-dividers]{background-color:var(--color-base-300)}@supports (color:color-mix(in lab,red,red)){.toolbar[data-variant=muted][data-dividers]{background-color:color-mix(in oklab,var(--color-base-300) 45%,var(--color-base-100))}}.toolbar-group{gap:.125rem}.toolbar-center,.toolbar-group{align-items:center;display:inline-flex}.toolbar-center{justify-self:center;gap:var(--toolbar-gap);grid-column:2}.toolbar-button{height:var(--toolbar-height);min-width:var(--toolbar-height);padding-inline:var(--toolbar-padding-inline);font-size:inherit;color:var(--color-base-content);border-radius:calc(var(--radius-field,.25rem) * .75);cursor:pointer;transition-property:background-color,color;transition-duration:var(--duration,.15s);transition-timing-function:var(--ease,cubic-bezier(.4,0,.2,1));background-color:#0000;border-width:0;justify-content:center;align-items:center;gap:.375rem;font-weight:500;display:inline-flex}.toolbar-button svg{flex-shrink:0;width:1.15rem;height:1.15rem}.toolbar-button:hover{background-color:var(--color-base-300)}.toolbar-button:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:1px}.toolbar-button:disabled,.toolbar-button[data-disabled]{opacity:var(--disabled-opacity,.5);cursor:not-allowed;background-color:#0000}.toolbar-link{height:var(--toolbar-height);padding-inline:var(--toolbar-padding-inline);font-size:inherit;color:var(--color-base-content);border-radius:calc(var(--radius-field,.25rem) * .75);align-items:center;gap:.375rem;font-weight:500;text-decoration:none;display:inline-flex}.toolbar-link:hover{background-color:var(--color-base-300);text-decoration:underline}.toolbar-link:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:1px}.toolbar-separator{background-color:var(--color-base-300);flex-shrink:0;align-self:stretch}.toolbar-separator[data-orientation=vertical]{width:var(--border,1px);min-height:1.25rem;margin-inline:.125rem}.toolbar-separator[data-orientation=horizontal]{height:var(--border,1px);margin-block:.125rem}}