.Toolbar-module__2e2Eua__toolbar{--tb-fg:#000;--tb-outline:#e4e4e3;--tb-hover:#efefee;--tb-pressed:#dededc;--tb-field:#fff;--tb-menu:#fff;--tb-menu-shadow:0 12px 32px #00000024, 0 1px 2px #00000014;--tb-separator:#d9d9d8;--tb-placeholder:#8a8a88;--tb-focus:#0a84ff;--tb-favourite:#ff3b30;--tb-font-size:16px;--tb-height:40px;--tb-glyph:round(nearest, 1.1429em, 1px);--tb-pad:calc((var(--tb-height) - var(--tb-glyph)) / 2);--tb-gap:.2857em;--tb-shape:.22s cubic-bezier(.2, 0, 0, 1);--tb-fade:.16s ease-out;box-sizing:border-box;width:100%;min-width:0;color:var(--tb-fg);font-family:var(--font-sans), system-ui, sans-serif;font-size:var(--tb-font-size);line-height:1;display:block;position:relative}.Toolbar-module__2e2Eua__toolbar[data-size=medium]{--tb-font-size:14px;--tb-height:32px}@media (prefers-color-scheme:dark){.Toolbar-module__2e2Eua__toolbar{--tb-fg:#fff;--tb-outline:#ffffff29;--tb-hover:#ffffff17;--tb-pressed:#ffffff2e;--tb-field:#1b1918;--tb-menu:#2a2927;--tb-menu-shadow:0 12px 32px #00000080, 0 1px 2px #0006;--tb-separator:#ffffff2e;--tb-placeholder:#ffffff73;--tb-focus:#409cff;--tb-favourite:#ff453a}}[data-theme=light] .Toolbar-module__2e2Eua__toolbar{--tb-fg:#000;--tb-outline:#e4e4e3;--tb-hover:#efefee;--tb-pressed:#dededc;--tb-field:#fff;--tb-menu:#fff;--tb-menu-shadow:0 12px 32px #00000024, 0 1px 2px #00000014;--tb-separator:#d9d9d8;--tb-placeholder:#8a8a88;--tb-focus:#0a84ff;--tb-favourite:#ff3b30}[data-theme=dark] .Toolbar-module__2e2Eua__toolbar{--tb-fg:#fff;--tb-outline:#ffffff29;--tb-hover:#ffffff17;--tb-pressed:#ffffff2e;--tb-field:#1b1918;--tb-menu:#2a2927;--tb-menu-shadow:0 12px 32px #00000080, 0 1px 2px #0006;--tb-separator:#ffffff2e;--tb-placeholder:#ffffff73;--tb-focus:#409cff;--tb-favourite:#ff453a}@media (prefers-reduced-motion:reduce){.Toolbar-module__2e2Eua__toolbar{--tb-shape:0s;--tb-fade:0s}}.Toolbar-module__2e2Eua__row{align-items:center;gap:var(--tb-gap);min-width:0;display:flex}.Toolbar-module__2e2Eua__measure{gap:var(--tb-gap);visibility:hidden;pointer-events:none;white-space:nowrap;height:0;display:flex;position:absolute;top:0;left:0;overflow:hidden}.Toolbar-module__2e2Eua__measure>span{flex:none;display:inline-flex}.Toolbar-module__2e2Eua__control{box-sizing:border-box;height:var(--tb-height);min-width:var(--tb-height);padding:0 var(--tb-pad);outline-offset:0;color:inherit;font:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default;transition:width var(--tb-shape), background-color var(--tb-fade), outline-color var(--tb-fade);background:0 0;border:0;border-radius:999px;outline:2px solid #0000;flex:none;justify-content:flex-start;align-items:center;gap:.4286em;display:inline-flex;position:relative;overflow:hidden}.Toolbar-module__2e2Eua__anchor>.Toolbar-module__2e2Eua__control{width:100%}.Toolbar-module__2e2Eua__control:before,.Toolbar-module__2e2Eua__search:before{content:"";border:.5px solid var(--tb-outline);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.Toolbar-module__2e2Eua__control[data-hover],.Toolbar-module__2e2Eua__control[data-open]{background:var(--tb-hover)}.Toolbar-module__2e2Eua__control[data-pressed]{background:var(--tb-pressed);transition-duration:0s, 0s, var(--tb-fade)}.Toolbar-module__2e2Eua__control[data-active] .Toolbar-module__2e2Eua__label{font-weight:600}.Toolbar-module__2e2Eua__control[data-focused],.Toolbar-module__2e2Eua__search[data-focused]{outline-color:var(--tb-focus)}.Toolbar-module__2e2Eua__icon{width:var(--tb-glyph);height:var(--tb-glyph);flex:none;display:inline-flex}.Toolbar-module__2e2Eua__icon>svg{width:100%;height:100%}.Toolbar-module__2e2Eua__label{transition:opacity var(--tb-fade);flex:none;padding-top:.0714em}.Toolbar-module__2e2Eua__label[data-hidden]{opacity:0}.Toolbar-module__2e2Eua__control[data-menu]{padding-right:calc(var(--tb-pad) + .7143em + .2857em)}.Toolbar-module__2e2Eua__chevron{top:50%;right:var(--tb-pad);opacity:.7;width:.7143em;height:.7143em;display:inline-flex;position:absolute;transform:translateY(-50%)}.Toolbar-module__2e2Eua__chevron>svg{width:100%;height:100%}.Toolbar-module__2e2Eua__control[data-glyph-menu]{padding-right:1.3572em}.Toolbar-module__2e2Eua__control[data-glyph-menu] .Toolbar-module__2e2Eua__chevron{width:.6429em;height:.6429em;right:.5em}.Toolbar-module__2e2Eua__searchSlot{width:15.4em;height:var(--tb-height);transition:width var(--tb-shape);flex:none}.Toolbar-module__2e2Eua__searchSlot[data-collapsed]{width:var(--tb-height)}.Toolbar-module__2e2Eua__search[data-pinned]{z-index:1;position:absolute;top:0;right:0}.Toolbar-module__2e2Eua__search{box-sizing:border-box;width:15.4em;height:var(--tb-height);padding:0 var(--tb-pad);outline-offset:0;background:var(--tb-field);cursor:text;transition:width var(--tb-shape), background-color var(--tb-fade), outline-color var(--tb-fade);border:0;border-radius:999px;outline:2px solid #0000;flex:none;align-items:center;display:inline-flex;position:relative;overflow:hidden}.Toolbar-module__2e2Eua__search[data-collapsed]{width:var(--tb-height);cursor:default}.Toolbar-module__2e2Eua__search[data-hover]{background:var(--tb-hover)}.Toolbar-module__2e2Eua__search[data-collapsed][data-pressed]{background:var(--tb-pressed);transition-duration:0s, 0s, var(--tb-fade)}.Toolbar-module__2e2Eua__searchInput{min-width:0;height:100%;color:inherit;font:inherit;transition:opacity var(--tb-fade), margin-left var(--tb-shape);background:0 0;border:0;outline:none;flex:1 1 0;margin-left:.4286em;padding:.0714em 0 0}.Toolbar-module__2e2Eua__search[data-collapsed] .Toolbar-module__2e2Eua__searchInput{opacity:0;margin-left:0}.Toolbar-module__2e2Eua__searchInput::placeholder{color:var(--tb-placeholder)}.Toolbar-module__2e2Eua__searchClear{width:1em;height:1em;color:var(--tb-placeholder);cursor:default;transition:color var(--tb-fade);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-left:.2857em;padding:0;display:inline-flex}.Toolbar-module__2e2Eua__searchClear>svg{width:100%;height:100%}.Toolbar-module__2e2Eua__searchClear:hover{color:var(--tb-fg)}.Toolbar-module__2e2Eua__searchInput::-webkit-search-cancel-button{appearance:none}.Toolbar-module__2e2Eua__searchInput::-webkit-search-decoration{appearance:none}.Toolbar-module__2e2Eua__title{box-sizing:border-box;height:var(--tb-height);white-space:nowrap;min-width:0;transition:width var(--tb-shape);flex:none;align-items:center;gap:.4286em;padding:0 .4286em;font-weight:600;display:inline-flex;overflow:hidden}.Toolbar-module__2e2Eua__title[data-collapsed]{max-width:8em}.Toolbar-module__2e2Eua__title[data-centered]{transition:left var(--tb-shape), width var(--tb-shape);animation:Toolbar-module__2e2Eua__tb-title-enter var(--tb-shape) both;position:absolute;top:0}@keyframes Toolbar-module__2e2Eua__tb-title-enter{0%{opacity:0;transform:translateY(4px)}}.Toolbar-module__2e2Eua__titleText{text-overflow:ellipsis;min-width:0;padding-top:.0714em;line-height:1.3;overflow:hidden}.Toolbar-module__2e2Eua__separator{background:var(--tb-separator);flex:none;width:1px;height:1.1429em;margin:0 .2143em}.Toolbar-module__2e2Eua__flex{flex:1 1 0;align-self:stretch;min-width:0}@keyframes Toolbar-module__2e2Eua__tb-enter{0%{width:0;margin-right:calc(-1 * var(--tb-gap));opacity:0;transform:scale(.6)}}@keyframes Toolbar-module__2e2Eua__tb-leave{to{width:0;margin-right:calc(-1 * var(--tb-gap));opacity:0;transform:scale(.6)}}.Toolbar-module__2e2Eua__row [data-presence]{transform-origin:50%;overflow:hidden}.Toolbar-module__2e2Eua__row [data-presence=enter]{animation:Toolbar-module__2e2Eua__tb-enter var(--tb-shape) both}.Toolbar-module__2e2Eua__row [data-presence=leave]{animation:Toolbar-module__2e2Eua__tb-leave var(--tb-shape) forwards;pointer-events:none}.Toolbar-module__2e2Eua__anchor{box-sizing:border-box;transition:width var(--tb-shape);flex:none;display:inline-flex;position:relative}.Toolbar-module__2e2Eua__menu{z-index:40;border:.5px solid var(--tb-outline);background:var(--tb-menu);min-width:12.571em;box-shadow:var(--tb-menu-shadow);color:var(--tb-fg);border-radius:.7857em;flex-direction:column;gap:1px;padding:.2857em;display:flex;position:absolute;top:calc(100% + .357em)}.Toolbar-module__2e2Eua__menu[data-align=start]{left:0}.Toolbar-module__2e2Eua__menu[data-align=end]{right:0}.Toolbar-module__2e2Eua__menuItem{box-sizing:border-box;width:100%;height:2em;color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:default;transition:background-color var(--tb-fade);background:0 0;border:0;border-radius:.5em;align-items:center;gap:.5714em;padding:0 .5714em;display:flex}.Toolbar-module__2e2Eua__menuItem:hover{background:var(--tb-hover)}.Toolbar-module__2e2Eua__menuItem:active{background:var(--tb-pressed)}.Toolbar-module__2e2Eua__menuItem:focus-visible{outline:2px solid var(--tb-focus);outline-offset:-2px}.Toolbar-module__2e2Eua__menuItem[data-checked] .Toolbar-module__2e2Eua__menuLabel{font-weight:600}.Toolbar-module__2e2Eua__menuItem[data-open]{background:var(--tb-hover)}.Toolbar-module__2e2Eua__menuLabel{flex:auto;padding-top:.0714em}.Toolbar-module__2e2Eua__menuValue{color:var(--tb-placeholder);padding-top:.0714em}.Toolbar-module__2e2Eua__menuHint{color:var(--tb-placeholder);letter-spacing:.04em;flex:none;margin-left:1em;padding-top:.0714em;font-size:.857em}.Toolbar-module__2e2Eua__submenuChevron{opacity:.6;flex:none;width:.7143em;height:.7143em;margin-right:-.1429em;display:inline-flex;transform:scaleX(-1)}.Toolbar-module__2e2Eua__submenuChevron>svg{width:100%;height:100%}.Toolbar-module__2e2Eua__submenuAnchor{position:relative}.Toolbar-module__2e2Eua__menu[data-sub]{top:-.2857em;left:calc(100% + .2857em);right:auto}.Toolbar-module__2e2Eua__menu[data-sub][data-side=left]{left:auto;right:calc(100% + .2857em)}.Toolbar-module__2e2Eua__menuTitle{white-space:nowrap;align-items:center;gap:.5714em;height:2em;padding:0 .5714em;font-weight:600;display:flex}.Toolbar-module__2e2Eua__menuGroup{flex-direction:column;gap:1px;display:flex}.Toolbar-module__2e2Eua__menuHeader{color:var(--tb-placeholder);letter-spacing:.04em;text-transform:uppercase;padding:.4286em .5714em .2143em;font-size:.7857em}.Toolbar-module__2e2Eua__menuSeparator{background:var(--tb-separator);height:1px;margin:.2143em .4286em}
.OpenBook-module__XOgTIW__spread{z-index:30;pointer-events:none;transform-origin:50%;opacity:0;will-change:transform, opacity;transition:opacity .12s ease-out;position:fixed}.OpenBook-module__XOgTIW__spread[data-visible]{opacity:1;pointer-events:auto}.OpenBook-module__XOgTIW__open{z-index:3;position:absolute;inset:0}.OpenBook-module__XOgTIW__spread[data-wide]{pointer-events:auto}.OpenBook-module__XOgTIW__frame{position:absolute;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.OpenBook-module__XOgTIW__spread,.OpenBook-module__XOgTIW__sheet,.OpenBook-module__XOgTIW__sheet:before{transition:none}}.OpenBook-module__XOgTIW__sheet{z-index:1;will-change:transform;background:#fff;border-radius:4px;width:50%;transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0}.OpenBook-module__XOgTIW__sheet:before{content:"";z-index:-1;border-radius:4px;transition:opacity .2s ease-out;position:absolute;inset:0;box-shadow:0 24px 40px -14px #00000080,0 2px 4px #0003}.OpenBook-module__XOgTIW__sheet[data-behind]{z-index:0}.OpenBook-module__XOgTIW__sheet[data-tucked]:before{opacity:0}
.ToolbarPlayground-module__PLQPZG__page{min-height:100vh;color:var(--foreground);background:var(--background);padding:40px 32px 80px}.ToolbarPlayground-module__PLQPZG__inner{max-width:920px;margin:0 auto}.ToolbarPlayground-module__PLQPZG__header{margin-bottom:20px}.ToolbarPlayground-module__PLQPZG__header h1{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600}.ToolbarPlayground-module__PLQPZG__header p{max-width:640px;color:var(--muted-foreground);margin:6px 0 0;font-size:14px;line-height:1.5}.ToolbarPlayground-module__PLQPZG__controls{z-index:50;border-bottom:1px solid var(--border);background:var(--background);flex-wrap:wrap;align-items:flex-end;gap:18px 28px;margin:0 -8px 28px;padding:12px 8px;display:flex;position:sticky;top:0}.ToolbarPlayground-module__PLQPZG__field{color:var(--muted-foreground);flex-direction:column;gap:6px;font-size:12px;display:flex}.ToolbarPlayground-module__PLQPZG__field>span:first-child{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.ToolbarPlayground-module__PLQPZG__segmented{background:var(--muted);border-radius:8px;padding:2px;display:inline-flex}.ToolbarPlayground-module__PLQPZG__segmented button{color:var(--foreground);font:inherit;background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:13px}.ToolbarPlayground-module__PLQPZG__segmented button[aria-pressed=true]{background:var(--surface);font-weight:500;box-shadow:0 1px 2px #0000001f}.ToolbarPlayground-module__PLQPZG__swatches{align-items:center;gap:6px;display:inline-flex}.ToolbarPlayground-module__PLQPZG__swatch{background-clip:content-box;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.ToolbarPlayground-module__PLQPZG__swatch[aria-pressed=true]{border-color:var(--foreground)}.ToolbarPlayground-module__PLQPZG__colorInput{border:1px solid var(--border);background:0 0;border-radius:6px;width:30px;height:24px;padding:0}.ToolbarPlayground-module__PLQPZG__checks{color:var(--foreground);gap:14px;font-size:13px;display:flex}.ToolbarPlayground-module__PLQPZG__checks label{align-items:center;gap:5px;display:inline-flex}.ToolbarPlayground-module__PLQPZG__section{margin-bottom:44px}.ToolbarPlayground-module__PLQPZG__sectionHead{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.ToolbarPlayground-module__PLQPZG__sectionHead h2{margin:0;font-size:16px;font-weight:600}.ToolbarPlayground-module__PLQPZG__sectionHead span{color:var(--muted-foreground);font-size:13px}.ToolbarPlayground-module__PLQPZG__stage{border-radius:16px;flex-direction:column;gap:22px;padding:22px;display:flex}.ToolbarPlayground-module__PLQPZG__stage[data-theme=light]{color:#000;background:#fff;border:1px solid #e8e8e7}.ToolbarPlayground-module__PLQPZG__stage[data-theme=dark]{color:#fafaf9;background:#0c0a09;border:1px solid #262524}.ToolbarPlayground-module__PLQPZG__stages{gap:16px;display:grid}.ToolbarPlayground-module__PLQPZG__stage{min-width:0}.ToolbarPlayground-module__PLQPZG__instance{flex-direction:column;gap:6px;min-width:0;display:flex}.ToolbarPlayground-module__PLQPZG__frame{max-width:100%}.ToolbarPlayground-module__PLQPZG__readout{min-height:14px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 10px;font-size:11px;display:flex}.ToolbarPlayground-module__PLQPZG__stage[data-theme=dark] .ToolbarPlayground-module__PLQPZG__readout{color:#8f8d8a}.ToolbarPlayground-module__PLQPZG__stage[data-theme=light] .ToolbarPlayground-module__PLQPZG__readout{color:#7a7976}.ToolbarPlayground-module__PLQPZG__readout b{color:inherit;font-weight:500}.ToolbarPlayground-module__PLQPZG__readout .ToolbarPlayground-module__PLQPZG__collapsed{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.ToolbarPlayground-module__PLQPZG__readout .ToolbarPlayground-module__PLQPZG__overflow{text-decoration:line-through}.ToolbarPlayground-module__PLQPZG__slider{align-items:center;gap:10px;display:flex}.ToolbarPlayground-module__PLQPZG__slider input{width:220px}