.tb-bar{--tb-inset:12px;--tb-avail:calc(100dvh - 2*var(--tb-inset));--tb-group-gap:21px;position:fixed;top:var(--tb-inset);left:var(--tb-inset);max-height:var(--tb-avail);display:flex;align-content: flex-start;align-items: flex-start;row-gap:var(--tb-group-gap);clip-path:inset(-4px -100vw -100vh -4px);flex-flow:column wrap;column-gap:6px}.tb-bar[data-orientation=horizontal]{--tb-avail:calc(100dvw - 2*var(--tb-inset));max-width:var(--tb-avail);row-gap:6px;column-gap:var(--tb-group-gap);clip-path:inset(-4px -100vw -100vh -100vw);flex-direction:row;max-height:none}.tb-group{position:relative;max-height:var(--tb-avail);display:flex;flex-flow:column wrap;flex:none;align-content: flex-start;align-items: flex-start;gap:6px}.tb-bar[data-orientation=horizontal]>.tb-group{max-width:var(--tb-avail);flex-direction:row;max-height:none}.tb-sep{position:absolute;top:calc(-.5*var(--tb-group-gap));background:#0000004d;width:22px;height:1px;left:6px}.tb-bar[data-orientation=horizontal] .tb-sep{top:6px;left:calc(-.5*var(--tb-group-gap));width:1px;height:22px}.tb-btn{position:relative;display:flex;color:#222;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-touch-callout:none;background:#ffffffd9;border:1px solid #00000059;border-radius:6px;justify-content:center;align-items: center;width:34px;height:34px;padding:0}.tb-btn:before{content:"";position:absolute;inset:calc(-1*var(--tb-hit,4px))}.tb-btn[aria-disabled=true]{cursor:default;background:#ffffff80;border-color:#00000024}.tb-btn[aria-disabled=true]>.tb-icon{opacity:.4}.tb-btn[aria-pressed=true]{color:#fff;background:#285ac8e6;border-color:#00000080}.tb-btn:active:not([aria-disabled=true]){background:#00000029;border-color:#00000080;scale:.94}.tb-btn[aria-pressed=true]:active:not(:-webkit-any([aria-disabled=true],.tb-popover-btn)){background:#183a86f2}.tb-btn[aria-pressed=true]:active:not(:-moz-any([aria-disabled=true],.tb-popover-btn)){background:#183a86f2}.tb-btn[aria-pressed=true]:active:not(:is([aria-disabled=true],.tb-popover-btn)){background:#183a86f2}.tb-icon{pointer-events:none}.tb-icon>svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tb-variant{position:relative;display:flex}.tb-variant-btn:after{content:"";position:absolute;border-bottom:4px solid;border-left:4px solid #0000;bottom:2px;right:2px}.tb-popover{position:absolute;z-index:1;display:flex;background:#fffffff2;border:1px solid #00000059;border-radius:8px;flex-direction:column;gap:2px;margin-left:6px;padding:4px;top:0;left:100%}.tb-bar[data-orientation=horizontal] .tb-popover{margin-top:6px;margin-left:0;top:100%;left:0}.tb-popover-btn{--tb-hit:1px;white-space:nowrap;background:0 0;border:none;justify-content:flex-start;gap:8px;width:auto;height:auto;padding:5px 10px}.tb-label{font-size:13px}.tb-popover-btn[aria-pressed=true]{color:#285ac8;background:0 0;border-color:#0000}.tb-popover-btn:active:not([aria-disabled=true]){background:#0000001a;border-color:#0000;scale:1}.tb-spinner{position:absolute;pointer-events:none;animation:.8s linear infinite tb-spin;border:2px solid #0000002e;border-top-color:#222;border-radius:50%;width:14px;height:14px;top:50%;left:100%;translate:8px -50%}.tb-popover-btn>.tb-spinner{display:none}.tb-bar[data-orientation=horizontal] .tb-btn:not(.tb-popover-btn)>.tb-spinner{top:100%;left:50%;translate:-50% 8px}@keyframes tb-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.tb-spinner{animation-duration:2s}}.tb-tip{position:absolute;z-index:2;pointer-events:none;white-space:nowrap;color:#fff;background:#141414e6;border-radius:6px;padding:4px 8px;font-size:13px;top:50%;left:100%;translate:6px -50%}.tb-bar[data-orientation=horizontal] .tb-btn:not(.tb-popover-btn)>.tb-tip{top:100%;left:50%;translate:-50% 6px}