@livx.cc/bare-v3 0.1.0-alpha.161 → 0.1.0-alpha.163

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/bare.css +1 -1
  2. package/dist/bare.min.css +1 -1
  3. package/dist/components.js +1 -1
  4. package/dist/manifest.json +2 -2
  5. package/package.json +1 -1
package/dist/bare.css CHANGED
@@ -2767,7 +2767,7 @@
2767
2767
  }
2768
2768
 
2769
2769
  .b3-app-frame .b3-bottom-nav {
2770
- inline-size: 100%;
2770
+ inline-size: auto;
2771
2771
  max-inline-size: none;
2772
2772
  padding-block-end: max(.5rem, env(safe-area-inset-bottom, 0px));
2773
2773
  position: static;
package/dist/bare.min.css CHANGED
@@ -1 +1 @@
1
- @layer bare.reset{:where(.b3-root),:where(.b3-root *){box-sizing:border-box}:where(.b3-root){font-family:var(--b3-font-body);background:var(--b3-color-canvas);color:var(--b3-color-text);color-scheme:light;margin:0;font-size:1rem;line-height:1.5}:where(.b3-root>body){margin:0}:where(b3-tabs,b3-dropdown,b3-dialog,b3-sheet,b3-command,b3-composer){display:contents}:where(b3-reel,b3-toast-region,b3-toc,b3-board,b3-date-picker,b3-image-viewer){display:block}:where(.b3-root) :where(button,input,select,textarea){font:inherit}:where(.b3-root) :where(button:not(:disabled)){color:inherit}:where(.b3-root) :where(button:not(:disabled),a[href],select,summary,[role=button],[role=option],[role=tab],[role=menuitem],[role=link]){cursor:pointer}:where(.b3-root) :where(h1,h2,h3,h4,h5,h6,p){margin:0}:where(.b3-root) :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:none;box-shadow:inset 0 0 0 2px}:where(.b3-root) :where([tabindex="-1"]:not(:is(button,a,input,select,textarea,summary,[role=button],[role=link]))):focus-visible{box-shadow:none}@media (forced-colors:active){:where(.b3-root) :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline-offset:-2px;outline:1px solid highlight}}:where(.b3-root) :where(img,svg:not([width])){max-inline-size:100%}:where(.b3-root) :where(svg:not([width])){block-size:1em;inline-size:1em}@media (prefers-reduced-motion:reduce){:where(.b3-root *),:where(.b3-root *):before,:where(.b3-root *):after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-b3-motion=reduce] *,[data-b3-motion=reduce] :before,[data-b3-motion=reduce] :after,[data-b3-motion=reduce] ::backdrop{scroll-behavior:auto!important;transition:none!important;animation:none!important}:where(.b3-root [hidden]):not([hidden=until-found]){display:none!important}:where(.b3-root) :where(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--b3-color-accent)}:where(.b3-root) :where(input[type=checkbox],input[type=radio]){flex-shrink:0}}@layer bare.tokens{.b3-root:where(:not(.b3-root .b3-root)),.b3-root[data-b3-theme=light]{--b3-color-canvas:#f6f5f0;--b3-color-surface:#fff;--b3-color-text:#202923;--b3-color-muted:#59655d;--b3-color-border:#d5dbd3;--b3-color-border-strong:#838d86;--b3-color-accent:#245c42;--b3-color-on-accent:#fff;--b3-color-danger:#a62c35;--b3-color-focus:#276bdd;--b3-font-body:ui-sans-serif, system-ui, sans-serif;--b3-font-display:var(--b3-font-body);--b3-radius:.75rem;--b3-space:1rem;--b3-content:68rem}.b3-root[data-b3-theme=dark]{color-scheme:dark;--b3-color-canvas:#141c19;--b3-color-surface:#202c26;--b3-color-text:#edf3ec;--b3-color-muted:#a8b9ad;--b3-color-border:#415348;--b3-color-border-strong:#74877b;--b3-color-accent:#aadbb8;--b3-color-on-accent:#132b1b;--b3-color-danger:#ffadb1;--b3-color-focus:#9ac4ff}.b3-root:where(:not(.b3-root .b3-root)),.b3-root[data-b3-theme=light]{--b3-space-1:.25rem;--b3-space-2:.5rem;--b3-space-3:.75rem;--b3-space-4:1rem;--b3-space-6:1.5rem;--b3-space-8:2rem;--b3-space-12:3rem;--b3-radius-small:.375rem;--b3-radius-large:1.25rem;--b3-shadow:0 8px 32px #14231b14;--b3-shadow-raised:0 16px 56px #14231b24;--b3-color-success:#256443;--b3-color-warning:#805100;--b3-color-info:#275f99;--b3-duration:.16s}.b3-root[data-b3-theme=dark]{--b3-shadow:0 8px 32px #0004;--b3-shadow-raised:0 16px 56px #0007;--b3-color-success:#99d9ab;--b3-color-warning:#f2c76c;--b3-color-info:#a2cfff}.b3-root[data-b3-density=compact]{--b3-d-control:2.25rem;--b3-d-control-small:1.875rem;--b3-d-pad-block:.4375rem;--b3-d-pad-inline:.875rem;--b3-d-label:.875rem;--b3-d-heading:1.0625rem;--b3-d-avatar:2.25rem;--b3-d-message-pad:.625rem .875rem;--b3-d-meta:.75rem;--b3-d-gap:1rem;--b3-d-surface-pad:1rem}@media (pointer:fine) and (width>=48rem){.b3-root[data-b3-density=auto]{--b3-d-control:2.25rem;--b3-d-control-small:1.875rem;--b3-d-pad-block:.4375rem;--b3-d-pad-inline:.875rem;--b3-d-label:.875rem;--b3-d-heading:1.0625rem;--b3-d-avatar:2.25rem;--b3-d-message-pad:.625rem .875rem;--b3-d-meta:.75rem;--b3-d-gap:1rem;--b3-d-surface-pad:1rem}}}@layer bare.layout{.b3-shell{inline-size:min(100%, var(--b3-content));margin-inline:auto;padding:clamp(1rem,4vw,3rem)}.b3-stack{gap:var(--b3-space);flex-direction:column;min-inline-size:0;display:flex}.b3-stack:where(dialog:not([open])){display:none}.b3-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-block-size:0;min-inline-size:0;overflow:auto}dialog.b3-stack>.b3-scroll{min-block-size:min(6rem,30dvh)}.b3-stack:has(>.b3-scroll)>:not(.b3-scroll){flex-shrink:0}.b3-cluster{align-items:center;gap:var(--b3-space);flex-wrap:wrap;min-inline-size:0;display:flex}.b3-cluster>*,.b3-split>*{min-inline-size:0}.b3-inline{vertical-align:middle;align-items:center;gap:.5em;min-inline-size:0;max-inline-size:100%;display:inline-flex}.b3-inline>*{min-inline-size:0}.b3-inline:has(>.b3-badge){flex-wrap:wrap}.b3-inline>.b3-badge{flex-shrink:0}.b3-inline:has(>.b3-badge)>:not(.b3-badge,.b3-icon,svg){flex:1 1 min-content}.b3-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--b3-grid-min,17rem)), 1fr));gap:var(--b3-space);display:grid}.b3-split{justify-content:space-between;align-items:center;gap:var(--b3-space);flex-wrap:wrap;display:flex}.b3-page{flex-direction:column;min-block-size:100svh;display:flex}.b3-page-body{flex:1;min-inline-size:0}.b3-app-layout{flex-wrap:wrap;min-block-size:100svh;display:flex;container:b3-app/inline-size}.b3-app-layout>.b3-sidebar{flex:16rem}.b3-app-layout>:not(.b3-sidebar){flex:999 32rem;min-inline-size:0}.b3-sidebar{padding:var(--b3-space-6);border-inline-end:1px solid var(--b3-color-border);background:var(--b3-color-surface);min-inline-size:0}.b3-center{padding:var(--b3-space-6);place-items:center;display:grid}.b3-cover{min-block-size:min(42rem,85svh);padding-block:var(--b3-space-12);flex-direction:column;justify-content:center;display:flex}.b3-reel{gap:var(--b3-space);scroll-snap-type:x proximity;padding-block-end:var(--b3-space-2);display:flex;overflow-x:auto}.b3-reel>*{scroll-snap-align:start;flex:0 0 min(85%,20rem)}@container b3-app (width<48rem){.b3-app-layout>.b3-sidebar{border-inline-end:0;border-block-end:1px solid var(--b3-color-border)}}.b3-reel:has(>.b3-badge){scrollbar-width:none;align-items:center;gap:.5rem;padding-block:.625rem}.b3-reel:has(>.b3-badge)::-webkit-scrollbar{display:none}.b3-reel>.b3-badge{flex:none}.b3-stack>.b3-reel{flex-shrink:0}@supports (animation-timeline:scroll(self inline)){.b3-reel:has(>.b3-badge){mask-image:linear-gradient(to right, #000 calc(100% - var(--b3-reel-fade)), #0000);animation-name:b3-reel-fade;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(self inline)}.b3-reel:has(>.b3-badge):dir(rtl){mask-image:linear-gradient(to left, #000 calc(100% - var(--b3-reel-fade)), #0000)}@keyframes b3-reel-fade{90%{--b3-reel-fade:2.5rem}to{--b3-reel-fade:0rem}}}}@layer bare.components{.b3-title{font-family:var(--b3-font-display);letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(1.75rem,7vw,4rem);line-height:1.05}.b3-heading{font-family:var(--b3-font-display);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.375rem;font-weight:650;line-height:1.25}.b3-muted{color:var(--b3-color-muted)}.b3-label{letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:650}.b3-surface{background:var(--b3-color-surface);color:var(--b3-color-text);border:1px solid var(--b3-color-border);border-radius:var(--b3-radius);padding:clamp(1rem,3vw,2rem)}.b3-button{border-radius:var(--b3-radius);background:var(--b3-color-accent);min-block-size:2.75rem;color:var(--b3-color-on-accent);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:650;text-decoration:none;display:inline-flex}.b3-button :where(svg){flex-shrink:0;display:block}.b3-button>:where([aria-hidden=true]):has(>svg){flex-shrink:0}.b3-button[data-b3-emphasis=quiet]{color:var(--b3-color-text);border-color:var(--b3-color-border);background:0 0}.b3-button:disabled{opacity:.5;cursor:not-allowed}.b3-field{align-content:start;gap:.375rem;min-inline-size:0;display:grid}.b3-input:where(:not([type=checkbox],[type=radio])){border:1px solid var(--b3-color-border-strong);border-radius:var(--b3-radius);background:var(--b3-color-surface);min-block-size:2.75rem;inline-size:100%;min-inline-size:0;color:var(--b3-color-text);padding:.625rem .75rem}.b3-error{color:var(--b3-color-danger);font-size:.875rem}select.b3-input:not([multiple]):not([size]),select.b3-input[size="1"]:not([multiple]){appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right calc(1rem + 5px) center,right 1rem center;background-repeat:no-repeat;background-size:5px 5px;padding-inline-end:2.5rem}select.b3-input:not([multiple]):not([size]):dir(rtl),select.b3-input[size="1"]:not([multiple]):dir(rtl){background-position:1rem,calc(1rem + 5px)}@media (forced-colors:active){select.b3-input:not([multiple]):not([size]),select.b3-input[size="1"]:not([multiple]){appearance:auto;background-image:none}}:where(ul,ol):has(>.b3-row){margin:0;padding-inline-start:0}.b3-row{border-block-end:1px solid var(--b3-color-border);align-items:center;gap:.75rem;padding-block:1rem;display:flex}.b3-row:where(.b3-stack){align-items:stretch;gap:var(--b3-space)}:is(a,button,[role=button]).b3-row{padding-inline:var(--b3-space-4);color:inherit;text-align:start;cursor:pointer;transition:background-color var(--b3-duration);text-decoration:none}button.b3-row{appearance:none;border:0;border-block-end:1px solid var(--b3-color-border);background:0 0;inline-size:100%}@media (hover:hover){:is(a,button,[role=button]).b3-row:hover{background:color-mix(in srgb, var(--b3-color-text) 4%, transparent)}}:is(a,button,[role=button]).b3-row:focus-visible{background:color-mix(in srgb, var(--b3-color-text) 4%, transparent)}:is(a,button,[role=button]).b3-row:active{background:color-mix(in srgb, var(--b3-color-text) 8%, transparent)}.b3-clamp{-webkit-line-clamp:var(--b3-clamp,2);line-clamp:var(--b3-clamp,2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.b3-count{box-sizing:border-box;background:var(--b3-color-danger);block-size:1.25rem;min-inline-size:1.25rem;color:var(--b3-color-canvas);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:100vmax;flex:none;place-items:center;padding-inline:.3125rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-grid}.b3-count[data-b3-tone=accent]{background:var(--b3-color-accent);color:var(--b3-color-on-accent)}.b3-nav-link>.b3-count{margin-inline-start:auto}.b3-bottom-link{position:relative}.b3-bottom-link:has(>.b3-count){min-inline-size:max(var(--b3-touch,44px), 2.25rem)}.b3-bottom-link>.b3-count{box-shadow:0 0 0 2px var(--b3-color-surface);position:absolute;inset-block-start:.125rem;inset-inline-end:max(.125rem,50% - 2rem)}:is(a,button,[role=button]).b3-row:is([aria-current]:not([aria-current=false]),[aria-selected=true]){background:color-mix(in srgb, var(--b3-color-accent) 12%, transparent)}@media (forced-colors:active){:is(a,button,[role=button]).b3-row{border-inline-start:3px solid canvas}:is(a,button,[role=button]).b3-row:is([aria-current]:not([aria-current=false]),[aria-selected=true]){border-inline-start-color:highlight}}.b3-badge{overflow-wrap:anywhere;border:1px solid var(--b3-color-border);border-radius:100vmax;align-items:center;inline-size:fit-content;max-inline-size:100%;padding:.125rem .5rem;font-size:.75rem;font-weight:650;display:inline-flex}.b3-progress{block-size:.5rem;inline-size:100%;accent-color:var(--b3-color-accent)}.b3-button{transition:box-shadow var(--b3-duration), border-color var(--b3-duration)}@media (hover:hover){.b3-button:not(:disabled):hover{box-shadow:inset 0 0 0 100vmax #00000012}}.b3-button:not(:disabled):active{box-shadow:inset 0 0 0 100vmax #00000024}.b3-button[data-b3-emphasis=ghost]:not(:disabled):active{color:var(--b3-color-text)}.b3-button[data-b3-emphasis=outline]{color:var(--b3-color-accent);background:0 0;border-color:currentColor}.b3-button[data-b3-emphasis=danger]{background:var(--b3-color-danger);color:var(--b3-color-canvas)}.b3-button[data-b3-size=small]{padding:.5rem .75rem;font-size:.875rem}.b3-button[data-b3-size=large]{min-block-size:3.25rem;padding:.875rem 1.5rem}.b3-button[aria-busy=true]{cursor:progress}.b3-icon{vertical-align:-.2em;flex:none;block-size:1.25em;inline-size:1.25em;display:inline-block}[data-b3-confirm][data-b3-armed]{outline:2px solid var(--b3-color-danger)!important;outline-offset:2px!important}.b3-button[data-b3-armed]{background:var(--b3-color-danger);color:var(--b3-color-canvas);border-color:var(--b3-color-danger)}.b3-input:disabled{opacity:.6;cursor:not-allowed}.b3-input[readonly]{background:var(--b3-color-canvas)}.b3-input::placeholder{color:var(--b3-color-muted);opacity:.8}.b3-input-group{border:1px solid var(--b3-color-border-strong);border-radius:var(--b3-radius);background:var(--b3-color-canvas);flex-wrap:wrap;align-items:stretch;min-inline-size:0;display:flex;overflow:clip}.b3-input-group>.b3-input{border:0;border-radius:0;flex:12ch}.b3-input-group>.b3-button{overflow-wrap:anywhere;flex-wrap:wrap;min-inline-size:0;max-inline-size:100%;margin-inline-start:auto;padding-inline:.75rem}.b3-input-group:focus-within{outline:none;box-shadow:inset 0 0 0 2px}.b3-input-affix{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%;color:var(--b3-color-muted);background:var(--b3-color-canvas);align-items:center;padding-inline:.75rem;display:flex}.b3-choice{cursor:pointer;flex-wrap:wrap;align-items:start;gap:.75rem;padding-block:.5rem;display:flex}.b3-choice>:not(input){overflow-wrap:anywhere;flex:12ch;min-inline-size:0}.b3-choice input{--b3-choice-control:1.125rem;inline-size:var(--b3-choice-control);block-size:var(--b3-choice-control);flex:none;margin:0;margin-block-start:max(0px, calc((1lh - var(--b3-choice-control)) / 2))}.b3-choice>.b3-switch{--b3-choice-control:1.625rem}.b3-switch{appearance:none;background:var(--b3-color-muted);border:2px solid var(--b3-color-muted);cursor:pointer;border-radius:2rem;position:relative;block-size:1.625rem!important;inline-size:2.75rem!important}.b3-switch:before{content:"";background:var(--b3-color-surface);border-radius:50%;block-size:1.125rem;inline-size:1.125rem;position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem}.b3-switch:checked{background:var(--b3-color-accent);border-color:var(--b3-color-accent)}.b3-switch:checked:before{background:var(--b3-color-on-accent);inset-inline-start:calc(100% - 1.25rem)}.b3-switch:disabled{opacity:.5;cursor:not-allowed}@media (forced-colors:active){.b3-switch{forced-color-adjust:none;background:canvas;border-color:buttontext}.b3-switch:before{background:buttontext}.b3-switch:checked{background:highlight;border-color:highlight}.b3-switch:checked:before{background:highlighttext}.b3-switch:disabled{opacity:1;background:canvas;border-color:graytext}.b3-switch:disabled:before{background:graytext}}.b3-input[type=number]{appearance:textfield}.b3-input[type=number]::-webkit-inner-spin-button,.b3-input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.b3-input::-webkit-datetime-edit,.b3-input::-webkit-datetime-edit-fields-wrapper{padding-block:0}.b3-input:is([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){appearance:none;max-inline-size:100%;display:block}.b3-input::-webkit-date-and-time-value{text-align:start;min-block-size:1lh}.b3-card-header,.b3-card-footer{justify-content:space-between;align-items:center;gap:var(--b3-space);flex-wrap:wrap;display:flex}.b3-card-header{margin-block-end:var(--b3-space-4)}.b3-card-footer{border-block-start:1px solid var(--b3-color-border);margin-block-start:var(--b3-space-4);padding-block-start:var(--b3-space-4)}.b3-stack>:is(.b3-card-header,.b3-card-footer){margin-block:0}.b3-surface[data-b3-elevation=raised]{box-shadow:var(--b3-shadow)}.b3-divider{border:0;border-block-start:1px solid var(--b3-color-border);inline-size:100%;margin-inline:0;margin-block:var(--b3-space)}.b3-stack>.b3-divider{margin-block:0}.b3-alert,.b3-toast{overflow-wrap:anywhere;min-inline-size:0}.b3-alert>*,.b3-toast>*{min-inline-size:0}.b3-alert pre{max-inline-size:100%;overflow-x:auto}.b3-alert{--b3-status-color:var(--b3-color-info);border:1px solid var(--b3-status-color);border-radius:var(--b3-radius-small);color:var(--b3-color-text);background:color-mix(in srgb, var(--b3-status-color) 8%, var(--b3-color-surface));border-inline-start-width:4px;align-items:start;gap:.75rem;padding:1rem;display:flex}.b3-alert[data-b3-tone=success],.b3-badge[data-b3-tone=success]{--b3-status-color:var(--b3-color-success)}.b3-alert[data-b3-tone=warning],.b3-badge[data-b3-tone=warning]{--b3-status-color:var(--b3-color-warning)}.b3-alert[data-b3-tone=danger],.b3-badge[data-b3-tone=danger]{--b3-status-color:var(--b3-color-danger)}.b3-badge[data-b3-tone]{color:var(--b3-status-color,var(--b3-color-info));background:color-mix(in srgb, currentColor 7%, transparent);border-color:currentColor}.b3-toast-region{z-index:100;inline-size:min(24rem,100% - 2rem);max-block-size:calc(100dvh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;pointer-events:none;gap:.75rem;display:grid;position:fixed;inset-block-end:calc(1rem + env(safe-area-inset-bottom,0px));inset-inline-end:1rem;overflow-y:auto}.b3-toast{border:1px solid var(--b3-color-border);border-radius:var(--b3-radius);background:var(--b3-color-surface);color:var(--b3-color-text);box-shadow:var(--b3-shadow-raised);pointer-events:auto;flex-wrap:wrap;align-items:start;gap:1rem;padding:1rem;display:flex}.b3-toast>:not(button,.b3-button){flex:12rem}.b3-toast>:is(button,.b3-button){flex:none;max-inline-size:100%}.b3-spinner{vertical-align:-.125em;border:2px solid;border-inline-end-color:#0000;border-radius:50%;flex:none;block-size:1.125em;inline-size:1.125em;animation:.8s linear infinite b3-spin;display:inline-block}@keyframes b3-spin{to{transform:rotate(360deg)}}.b3-skeleton{background:var(--b3-color-border);border-radius:var(--b3-radius-small);min-block-size:1rem;animation:1.8s ease-in-out infinite b3-pulse}@keyframes b3-pulse{50%{opacity:.45}}:is(button,a).b3-badge{min-block-size:auto;color:var(--b3-color-text);cursor:pointer;background:0 0;gap:.25rem;text-decoration:none;position:relative}:is(button,a).b3-badge:after{content:"";position:absolute;inset:-10px 0}:is(button,a).b3-badge[data-b3-tone]{color:var(--b3-status-color,var(--b3-color-info))}:is(button,a).b3-badge:is([aria-pressed=true],[aria-current]:not([aria-current=false])){color:var(--b3-color-on-accent);background:var(--b3-color-accent);border-color:var(--b3-color-accent)}.b3-avatar{background:var(--b3-color-accent);block-size:2.5rem;inline-size:2.5rem;color:var(--b3-color-on-accent);border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:650;display:inline-grid;overflow:hidden}.b3-avatar>img{object-fit:cover;block-size:100%;inline-size:100%}.b3-avatar[data-b3-unread]{position:relative;overflow:visible}.b3-avatar[data-b3-unread]>img{border-radius:inherit}.b3-avatar[data-b3-unread]:after{content:"";background:var(--b3-color-accent);block-size:.75rem;inline-size:.75rem;box-shadow:0 0 0 2px var(--b3-color-surface);border-radius:50%;position:absolute;inset-block-start:-.0625rem;inset-inline-end:-.0625rem}.b3-avatar-stack{padding-inline-start:.5rem;display:flex}.b3-avatar-stack>.b3-avatar{border:2px solid var(--b3-color-surface);margin-inline-start:-.5rem}.b3-kbd{border:1px solid var(--b3-color-border);background:var(--b3-color-surface);color:var(--b3-color-muted);border-block-end-width:2px;border-radius:.25rem;padding:.15rem .35rem;font:.75rem ui-monospace,monospace}.b3-table-wrap{border:1px solid var(--b3-color-border);border-radius:var(--b3-radius);position:relative;overflow-x:auto}.b3-table{border-collapse:collapse;text-align:start;font-variant-numeric:tabular-nums;inline-size:100%}.b3-table th{color:var(--b3-color-muted);background:var(--b3-color-canvas);font-size:.75rem;font-weight:650}.b3-table :is(th,td){border-block-end:1px solid var(--b3-color-border);text-align:start;vertical-align:middle;padding:.875rem 1rem}.b3-table tbody tr:last-child td{border-block-end:0}.b3-table[data-b3-density=compact] :is(th,td){padding:.5rem .75rem}.b3-table tbody tr[aria-selected=true]{background:color-mix(in srgb, var(--b3-color-accent) 10%, var(--b3-color-surface))}.b3-definition{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.75rem 1.5rem;margin:0;display:grid;container:b3-definition/inline-size}.b3-definition dt{overflow-wrap:anywhere;min-inline-size:0;color:var(--b3-color-muted)}.b3-definition dd{overflow-wrap:anywhere;margin:0}@container b3-definition (width<=26rem){.b3-definition>:is(dt,dd){grid-column:1/-1}.b3-definition>dt:not(:first-child){margin-block-start:.75rem}}.b3-stat{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}.b3-stat-value{overflow-wrap:anywhere;letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,5vw,3rem);font-weight:650;line-height:1.1}.b3-nav{border-block-end:1px solid var(--b3-color-border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem min(.75rem,3%);display:flex}.b3-nav[data-b3-orientation=vertical]{border-block-end:0;flex-direction:column;align-items:stretch}.b3-nav-link{overflow-wrap:anywhere;border-radius:var(--b3-radius-small);min-block-size:2.75rem;min-inline-size:0;max-inline-size:100%;color:var(--b3-color-muted);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.625rem min(.875rem,4%);text-decoration:none;display:flex}.b3-nav-link[aria-current=page]{background:color-mix(in srgb, var(--b3-color-accent) 10%, var(--b3-color-surface));color:var(--b3-color-accent);font-weight:650}.b3-nav-link:hover{background:var(--b3-color-surface);color:var(--b3-color-text)}.b3-breadcrumbs{color:var(--b3-color-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.b3-breadcrumbs li+li:before{content:"/";color:var(--b3-color-border);margin-inline-end:.5rem}.b3-tablist{border-block-end:1px solid var(--b3-color-border);gap:.25rem;display:flex;overflow-x:auto}@supports (animation-timeline:scroll(self inline)){.b3-tablist:not([aria-orientation=vertical]){--b3-tablist-l:var(--b3-tablist-start);--b3-tablist-r:var(--b3-tablist-end);mask-image:linear-gradient(to right, #0000, #000 var(--b3-tablist-l), #000 calc(100% - var(--b3-tablist-r)), #0000);animation-name:b3-tablist-fade;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(self inline)}.b3-tablist:not([aria-orientation=vertical]):dir(rtl){--b3-tablist-l:var(--b3-tablist-end);--b3-tablist-r:var(--b3-tablist-start)}@keyframes b3-tablist-fade{0%{--b3-tablist-start:0rem;--b3-tablist-end:2.5rem}10%{--b3-tablist-start:2.5rem}90%{--b3-tablist-end:2.5rem}to{--b3-tablist-start:2.5rem;--b3-tablist-end:0rem}}}.b3-tab{appearance:none;color:var(--b3-color-muted);font:inherit;white-space:normal;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;border-block-end:2px solid #0000;flex-shrink:0;min-block-size:2.75rem;max-inline-size:100%;padding:.75rem min(1rem,4vi)}.b3-tab[aria-selected=true]{color:var(--b3-color-accent);border-block-end-color:currentColor;font-weight:650}.b3-tab:disabled{opacity:.5;cursor:not-allowed}.b3-tabpanel{padding-block:var(--b3-space-4)}.b3-segmented{border-radius:var(--b3-radius);background:color-mix(in srgb, var(--b3-color-text) 7%, var(--b3-color-canvas));border:0;flex-wrap:wrap;gap:.25rem;min-inline-size:0;margin:0;padding:.25rem;display:flex}.b3-segmented>label{border-radius:calc(var(--b3-radius) - .25rem);min-block-size:2.75rem;max-inline-size:100%;color:var(--b3-color-muted);text-align:center;cursor:pointer;flex:1 0 auto;justify-content:center;align-items:center;gap:.375rem;padding-inline:.875rem;font-weight:600;display:inline-flex;position:relative}.b3-segmented>label>input{opacity:0;block-size:100%;inline-size:100%;cursor:inherit;margin:0;position:absolute;inset:0}.b3-segmented>label:has(input:checked){background:var(--b3-color-surface);color:var(--b3-color-text);box-shadow:0 1px 2px #0000001f, 0 0 0 1px var(--b3-color-border)}.b3-segmented>label:has(input:focus-visible){box-shadow:inset 0 0 0 2px}@media (forced-colors:active){.b3-segmented>label{border:2px solid canvas}.b3-segmented>label:has(input:checked){border-color:canvastext}.b3-segmented>label:has(input:focus-visible){outline-offset:1px;outline:2px solid highlight}}.b3-segmented>label:has(input:disabled){opacity:.5;cursor:not-allowed}.b3-filter-labels{overscroll-behavior-x:contain;scrollbar-width:none;gap:18px;display:flex;overflow-x:auto}.b3-filter-labels::-webkit-scrollbar{display:none}.b3-filter-labels>button{block-size:32px;box-shadow:none;color:var(--b3-color-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;padding:0;font-size:15px;font-weight:500}.b3-filter-labels>button:hover{color:var(--b3-color-text)}.b3-filter-labels>button:is([aria-checked=true],[aria-pressed=true]){color:var(--b3-color-accent);font-weight:700}.b3-filter-labels>button:focus-visible{box-shadow:none;text-decoration:underline 2px var(--b3-color-accent);text-underline-offset:5px;outline:none}@media (forced-colors:active){.b3-filter-labels>button:is([aria-checked=true],[aria-pressed=true]){text-decoration:underline}.b3-filter-labels>button:focus-visible{outline:1px solid highlight}}.b3-accordion{border-block-end:1px solid var(--b3-color-border)}.b3-accordion>summary{cursor:pointer;padding:1rem .25rem;font-weight:650}.b3-accordion>:not(summary){padding:0 .25rem 1rem}.b3-dropdown{display:inline-block;position:relative}.b3-dropdown>summary{list-style:none}.b3-dropdown>summary::-webkit-details-marker{display:none}.b3-dropdown-panel{z-index:20;border:1px solid var(--b3-color-border);border-radius:var(--b3-radius);background:var(--b3-color-surface);max-block-size:70svh;inline-size:max-content;min-inline-size:min(12rem,85vw);max-inline-size:min(22rem,85vw);color:var(--b3-color-text);box-shadow:var(--b3-shadow-raised);padding:.5rem;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-start:0;overflow-y:auto}.b3-dialog{overscroll-behavior:contain;border:1px solid var(--b3-color-border);border-radius:var(--b3-radius-large);background:var(--b3-color-surface);max-block-size:calc(100svh - 2rem);inline-size:min(32rem,100% - 2rem);color:var(--b3-color-text);box-shadow:var(--b3-shadow-raised);padding:min(1.5rem,5vi);overflow:auto;container:b3-dialog/inline-size}.b3-dialog::backdrop{background:#101b17a6}.b3-dialog[data-b3-placement=end]{border-radius:0;block-size:100svh;max-block-size:100svh;inline-size:min(28rem,100%);max-inline-size:100%;margin:0;margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){.b3-dialog[open]{animation:.28s cubic-bezier(.16,1,.3,1) b3-dialog-enter}.b3-dialog[open][data-b3-placement=end]{animation-name:b3-drawer-enter}.b3-dialog::backdrop,.b3-sheet::backdrop{transition:opacity .16s ease-out}.b3-dialog[data-b3-closing]::backdrop,.b3-sheet[data-b3-closing]::backdrop{opacity:0}@keyframes b3-dialog-enter{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes b3-drawer-enter{0%{opacity:0;translate:var(--b3-drawer-offset,1rem)}}.b3-dialog[dir=rtl][data-b3-placement=end],[dir=rtl] .b3-dialog[data-b3-placement=end]{--b3-drawer-offset:-1rem}}.b3-dialog>form{gap:var(--b3-space);flex-direction:column;margin:0;display:flex}.b3-dialog>form>header:has(>button:last-child){grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.75rem;display:grid}.b3-dialog>form>header:has(>button:last-child)>:not(:last-child){grid-column:1;min-inline-size:0}.b3-dialog>form>header>button:last-child:not(:first-child){grid-area:1/2}.b3-dialog>form>footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.b3-dialog>form>footer>[data-b3-emphasis=quiet]:first-child:not(:last-child){margin-inline-end:auto}@container b3-dialog (width<=16rem){.b3-dialog>form>header:has(>button:last-child){flex-direction:column;align-items:flex-start;display:flex}}.b3-tree,.b3-tree ul{overflow-wrap:anywhere;border-inline-start:1px solid var(--b3-color-border);padding-inline-start:min(1rem,5%);list-style:none}.b3-tree summary{cursor:pointer;padding-block:.5rem}.b3-prose{overflow-wrap:anywhere;max-inline-size:65ch;line-height:1.75}.b3-prose :is(p,ul,ol,blockquote,pre){margin-block:1rem}.b3-prose :is(h1,h2,h3,h4,h5,h6){margin-block:1.75rem .75rem;line-height:1.25}.b3-prose :is(h5,h6){font-size:1em}.b3-prose>:first-child{margin-block-start:0}.b3-prose :is(img,video,iframe){max-inline-size:100%;display:block}.b3-prose :is(img,video){block-size:auto}.b3-prose iframe{border:0}.b3-prose blockquote{border-inline-start:3px solid var(--b3-color-accent);color:var(--b3-color-muted);margin-inline:0;padding-inline-start:1rem}.b3-prose pre{background:var(--b3-color-surface);border:1px solid var(--b3-color-border);border-radius:var(--b3-radius-small);padding:1rem;overflow-x:auto}.b3-visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.b3-skip-link{z-index:1000;border-radius:var(--b3-radius-small);background:var(--b3-color-accent);max-inline-size:calc(100% - 1.5rem);color:var(--b3-color-on-accent);padding:.75rem 1rem;font-weight:650;position:fixed;inset-block-start:max(.75rem, env(safe-area-inset-top,0px));inset-inline-start:.75rem}.b3-skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;padding:0;overflow:hidden}.b3-hero{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:clamp(3rem,8vw,7rem);display:grid}.b3-hero[data-b3-align=center]{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.b3-hero-copy{gap:1.5rem;max-inline-size:40rem;display:grid}.b3-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);padding-block:clamp(2rem,6vw,5rem);display:grid}.b3-feature[data-b3-reverse=true]>:first-child{order:2}.b3-feature-icon{border-radius:var(--b3-radius);background:var(--b3-color-accent);block-size:3rem;inline-size:3rem;color:var(--b3-color-on-accent);place-items:center;display:inline-grid}.b3-pricing{border:1px solid var(--b3-color-border);border-radius:var(--b3-radius-large);background:var(--b3-color-surface);color:var(--b3-color-text);flex-direction:column;gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.b3-pricing[data-b3-featured=true]{border:2px solid var(--b3-color-accent);box-shadow:var(--b3-shadow)}.b3-pricing>.b3-button:last-child{margin-block-start:auto}.b3-price{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.375rem;display:flex}.b3-price>strong{letter-spacing:-.05em;font-size:3.25rem;line-height:1.1}.b3-checklist{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.b3-checklist>li{align-items:start;gap:.625rem;display:flex}.b3-checklist>li:before{content:"✓";color:var(--b3-color-accent);font-weight:700}.b3-quote{border-inline-start:3px solid var(--b3-color-accent);margin:0;padding:1.5rem}.b3-quote blockquote{margin:0 0 1rem;font-size:1.25rem;line-height:1.5}.b3-art{isolation:isolate;border-radius:var(--b3-radius-large);background:var(--b3-color-surface);position:relative;overflow:hidden}.b3-art:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.b3-art[data-b3-art=dots]:before{background-image:radial-gradient(var(--b3-color-border) 1px,transparent 1px);background-size:16px 16px}.b3-art[data-b3-art=glow]:before{background:radial-gradient(ellipse at 20% 20%,color-mix(in srgb,var(--b3-color-accent) 20%,transparent),transparent 65%)}.b3-art[data-b3-art=wash]:before{background:linear-gradient(135deg,color-mix(in srgb,var(--b3-color-accent) 14%,transparent),transparent 70%)}@media (width<=48rem){.b3-hero,.b3-feature{grid-template-columns:minmax(0,1fr)}.b3-feature[data-b3-reverse=true]>:first-child{order:initial}}.b3-reading{grid-template-columns:minmax(0,1fr) minmax(12rem,16rem);grid-template-areas:"content outline";align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.b3-reading>:not(.b3-toc){grid-area:content;min-inline-size:0}.b3-toc{max-block-size:calc(100svh - var(--b3-outline-top,1rem) - 1rem);border-inline-start:1px solid var(--b3-color-border);grid-area:outline;padding-inline-start:min(1rem,5%);font-size:.875rem;position:sticky;inset-block-start:var(--b3-outline-top,1rem);overflow-y:auto}.b3-toc ol{gap:.25rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.b3-toc ol ol{margin:.25rem 0;padding-inline-start:min(1rem,5%)}.b3-toc-link{border-radius:var(--b3-radius-small);color:var(--b3-color-muted);overflow-wrap:anywhere;padding:.625rem min(.75rem,5%);text-decoration:none;display:block}.b3-toc-link:hover{color:var(--b3-color-text);background:var(--b3-color-surface)}.b3-toc-link[aria-current=location]{color:var(--b3-color-accent);background:color-mix(in srgb, var(--b3-color-accent) 10%, var(--b3-color-surface));font-weight:650}@media (width<=48rem){.b3-reading{grid-template-columns:minmax(0,1fr);grid-template-areas:"outline""content";gap:2rem}.b3-toc{max-block-size:none;position:static}}.b3-command{inline-size:min(38rem,100% - 2rem);padding:0}.b3-command[open]:has(>.b3-scroll){grid-template-rows:auto minmax(0,1fr);display:grid}.b3-command>.b3-scroll>.b3-command-list{max-block-size:none;overflow:visible}.b3-command-search{border-block-end:1px solid var(--b3-color-border);flex-wrap:wrap;justify-content:end;align-items:center;gap:.75rem;padding:min(1rem,4vw);display:flex}.b3-command-search>input{flex:12ch;min-inline-size:0}.b3-command-list{overscroll-behavior:contain;max-block-size:50svh;padding:.5rem;overflow-y:auto}.b3-command-group+.b3-command-group{border-block-start:1px solid var(--b3-color-border);margin-block-start:.5rem;padding-block-start:.5rem}.b3-command-group>:first-child:not([role=option]){color:var(--b3-color-muted);padding:.5rem .75rem;font-size:.75rem;display:block}.b3-command-item{border-radius:var(--b3-radius-small);cursor:pointer;justify-content:space-between;align-items:center;gap:min(1rem,2vw);min-block-size:2.75rem;padding:min(.875rem,2svh) min(.75rem,3vw);display:flex}.b3-command .b3-command-item{border-radius:max(0px, calc(var(--b3-radius-large) - .5rem - 1px))}.b3-command-item>:first-child{overflow-wrap:anywhere;min-inline-size:0}.b3-command-item[aria-selected=true]{background:var(--b3-color-accent);color:var(--b3-color-on-accent)}.b3-command-item[aria-selected=true] .b3-muted{color:inherit}.b3-command-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.b3-command-item:not([aria-disabled=true]):hover{outline:1px solid var(--b3-color-border);outline-offset:-1px}.b3-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:start;gap:1.25rem;display:grid}.b3-form-grid[data-b3-layout=inline]{flex-wrap:wrap;align-items:end;display:flex}.b3-form-grid[data-b3-layout=inline]>.b3-field{flex:12rem;min-inline-size:0}.b3-form-grid[data-b3-layout=inline]>.b3-button{overflow-wrap:anywhere;flex:0 auto;max-inline-size:100%}.b3-fieldset{border:0;min-inline-size:0;margin:0;padding:0}.b3-fieldset>legend{padding:0 0 .75rem;font-weight:650}.b3-help,.b3-error{overflow-wrap:anywhere}.b3-help{color:var(--b3-color-muted);font-size:.875rem}.b3-help[data-b3-tone=success]{color:var(--b3-color-success)}.b3-help[data-b3-tone=warning]{color:var(--b3-color-warning)}.b3-input:where(:not([type=checkbox],[type=radio]))[data-b3-size=small]{padding:.5rem .75rem}.b3-input:where(:not([type=checkbox],[type=radio]))[data-b3-size=large]{min-block-size:3.25rem;padding:.875rem 1rem}.b3-input[data-b3-emphasis=subtle]{background-color:var(--b3-color-canvas);border-color:#0000}.b3-input[data-b3-emphasis=outline]{background-color:#0000;border-width:2px}.b3-input[data-b3-tone=success]{border-color:var(--b3-color-success)}.b3-input[data-b3-tone=warning]{border-color:var(--b3-color-warning)}.b3-input[aria-invalid=true]{border-color:var(--b3-color-danger)}textarea.b3-input{resize:vertical}select.b3-input[multiple]{min-block-size:8rem}.b3-input[type=file]{padding:.375rem}.b3-input::file-selector-button{font:inherit;border-radius:max(0px, calc(var(--b3-radius) - .375rem - 1px));background:var(--b3-color-accent);color:var(--b3-color-on-accent);cursor:pointer;border:0;margin-inline-end:.75rem;padding:.5rem .75rem}.b3-input[data-b3-emphasis=outline]::file-selector-button{border-radius:max(0px, calc(var(--b3-radius) - .375rem - 2px))}.b3-input[type=color]{inline-size:5rem;padding:.25rem}.b3-range{min-block-size:2.75rem;inline-size:100%;accent-color:var(--b3-color-accent);margin:0}.b3-choice-card{border:1px solid var(--b3-color-border);border-radius:var(--b3-radius);background:var(--b3-color-surface);color:var(--b3-color-text);cursor:pointer;flex-wrap:wrap;align-items:start;gap:.75rem;padding:1rem;display:flex}.b3-choice-card>:not(input){overflow-wrap:anywhere;flex:12ch;min-inline-size:0}.b3-choice-card>input{flex:none;block-size:1.125rem;inline-size:1.125rem;margin-block-start:.3rem}.b3-choice-card:has(input:checked){border-color:var(--b3-color-accent);background:color-mix(in srgb, var(--b3-color-accent) 7%, var(--b3-color-surface));box-shadow:inset 0 0 0 1px var(--b3-color-accent)}.b3-choice-card:has(input:focus-visible){outline:none;box-shadow:inset 0 0 0 2px}.b3-choice-card:has(input:disabled){opacity:.5;cursor:not-allowed}.b3-choice-card:has(input[aria-invalid=true]){border-color:var(--b3-color-danger)}.b3-range[aria-invalid=true]{accent-color:var(--b3-color-danger)}.b3-stepper{flex-wrap:wrap;gap:1rem 2rem;margin:0;padding:0;list-style:none;display:flex}.b3-step{color:var(--b3-color-muted);align-items:center;gap:.625rem;font-size:.875rem;display:flex}.b3-step-marker{border:1px solid var(--b3-color-border);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;block-size:2rem;inline-size:2rem;display:grid}.b3-step[aria-current=step]{color:var(--b3-color-text);font-weight:650}.b3-step[aria-current=step] .b3-step-marker{background:var(--b3-color-accent);color:var(--b3-color-on-accent);border-color:var(--b3-color-accent)}.b3-step[data-b3-complete=true] .b3-step-marker{border-color:var(--b3-color-success);color:var(--b3-color-success)}.b3-conversation{gap:1.5rem;min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}.b3-message{grid-template-columns:minmax(0,1fr);justify-self:start;gap:.375rem;min-inline-size:0;max-inline-size:min(85%,38rem);display:grid}.b3-message[data-b3-side=self]{justify-self:end}.b3-message-body{border:1px solid var(--b3-color-border);border-radius:var(--b3-radius);background:var(--b3-color-surface);color:var(--b3-color-text);white-space:pre-wrap;overflow-wrap:anywhere;padding:.75rem 1rem}.b3-message[data-b3-side=self]>.b3-message-body{background:var(--b3-color-accent);color:var(--b3-color-on-accent);border-color:#0000}.b3-message-meta{color:var(--b3-color-muted);flex-wrap:wrap;gap:.35rem .75rem;font-size:.8125rem;display:flex}.b3-message[data-b3-side=self]>.b3-message-meta{justify-content:end}.b3-conversation{align-content:start}.b3-message-body:has(>:is(div,p,ul,ol,table,pre,blockquote,b3-markdown-stream)){white-space:normal}.b3-composer{align-items:end;gap:var(--b3-space-2);padding:var(--b3-space-3);border-block-start:1px solid var(--b3-color-border);background:var(--b3-color-canvas);flex-wrap:wrap;display:flex}.b3-composer>.b3-input,.b3-composer>.b3-button{border-radius:var(--b3-radius);min-block-size:var(--b3-d-control,2.75rem)}.b3-composer>.b3-input{resize:none;min-inline-size:0;max-inline-size:100%;padding-block:calc((var(--b3-d-control,2.75rem) - 1.5em - 2px) / 2);flex:12ch;line-height:1.5}.b3-composer>.b3-button{block-size:var(--b3-d-control,2.75rem);min-inline-size:var(--b3-d-control,2.75rem);flex-shrink:0;margin-inline-start:auto}.b3-message-body :where(p,ul,ol,pre,table,blockquote,h1,h2,h3,h4,h5,h6,div,figure):first-child{margin-block-start:0}.b3-message-body :where(p,ul,ol,pre,table,blockquote,h1,h2,h3,h4,h5,h6,div,figure):last-child{margin-block-end:0}.b3-conversation[data-b3-layout=assistant]{gap:.75em}.b3-conversation[data-b3-layout=assistant]>.b3-message{gap:.45em}.b3-conversation[data-b3-layout=assistant]>.b3-message:not([data-b3-side=self]){justify-self:stretch;max-inline-size:none}.b3-conversation[data-b3-layout=assistant]>.b3-message[data-b3-side=self]{max-inline-size:88%}.b3-conversation[data-b3-layout=assistant]>.b3-message:not([data-b3-side=self])>.b3-message-body{background:0 0;border:0;padding:0}.b3-conversation[data-b3-layout=assistant]>.b3-message[data-b3-side=self]>.b3-message-body,.b3-root[data-b3-theme=dark] .b3-conversation[data-b3-layout=assistant]>.b3-message[data-b3-side=self]>.b3-message-body{background:var(--b3-message-self-bg,color-mix(in srgb, var(--b3-color-accent) 12%, var(--b3-color-surface)));color:var(--b3-message-self-text,var(--b3-color-text));unicode-bidi:plaintext;border:0;border-radius:1.075em 1.075em .3em;padding:.625em .9375em}.b3-message-body:has(>:is(div,p,ul,ol,table,pre,blockquote,h1,h2,h3,h4,h5,h6)){overflow-wrap:anywhere;line-height:1.5}.b3-message-body :where(p,ul,ol,pre,blockquote,table,.b3-table-wrap,.b3-alert){margin-block:0 .6em}.b3-message-body :where(h1,h2,h3,h4,h5,h6){margin-block:.9em .3em;font-size:1.1em;line-height:1.3}.b3-message-body :where(h1){font-size:1.2em}.b3-message-body :where(ul,ol){padding-inline-start:1.5em}.b3-message-body :where(a){color:var(--b3-color-accent);text-underline-offset:2px;text-decoration:underline}.b3-message-body :where(:not(pre)>code){background:color-mix(in srgb, var(--b3-color-text) 8%, transparent);border-radius:.3em;padding:.05em .3em;font-size:.92em}.b3-message-body :where(code,pre){font-family:var(--b3-font-mono,ui-monospace, monospace);text-align:start;direction:ltr;unicode-bidi:isolate}.b3-message-body :where(pre){background:color-mix(in srgb, var(--b3-color-text) 6%, transparent);border-radius:.6em;padding:.75em .9em;font-size:.92em;overflow-x:auto}.b3-message-body :where(blockquote){border-inline-start:3px solid var(--b3-color-border);color:var(--b3-color-muted);margin-inline:0;padding-inline-start:.75em}.b3-message-disclosure{font-size:.92em}.b3-message-disclosure>summary{max-inline-size:100%;color:var(--b3-color-muted);border-radius:.5em;align-items:center;gap:.5em;padding:.25em .5em;list-style:none;display:inline-flex;overflow:hidden}.b3-message-disclosure>summary::-webkit-details-marker{display:none}.b3-message-disclosure>summary:before{content:"›";transition:transform var(--b3-duration,.15s)}.b3-message-disclosure[open]>summary:before{transform:rotate(90deg)}@media (hover:hover){.b3-message-disclosure>summary:hover{background:color-mix(in srgb, var(--b3-color-text) 6%, transparent)}}.b3-message-disclosure>:not(summary){max-block-size:18em;color:var(--b3-color-muted);white-space:pre-wrap;padding:.35em .65em .35em 1.5em;font-style:italic;overflow-y:auto}.b3-composer[data-b3-layout=stacked]{border:1px solid var(--b3-color-border);background:var(--b3-color-surface);border-radius:.9375em;flex-flow:column;align-items:stretch;gap:.45em;padding:.625em}.b3-composer[data-b3-layout=stacked]:focus-within{border-color:var(--b3-color-accent)}.b3-composer[data-b3-layout=stacked]>textarea{max-block-size:15.4em;inline-size:100%;color:inherit;font:inherit;resize:none;background:0 0;border:0;padding:.15em;line-height:1.45;display:block}.b3-composer[data-b3-layout=stacked]>textarea:is(:focus,:focus-visible){box-shadow:none;outline:none}.b3-composer-bar{align-items:center;gap:.45em;min-inline-size:0;display:flex}.b3-composer-bar>.b3-button:last-child:not([data-b3-icon]){border-radius:.86em;flex:none;block-size:auto;min-block-size:2.46em;margin-inline-start:auto;padding:0 1.23em;font-size:.875em}.b3-mobile-app{--b3-touch:44px;min-block-size:100svh;max-inline-size:var(--b3-app-width,70rem);margin-inline:auto;padding-block-end:calc(5.5rem + env(safe-area-inset-bottom,0px))}.b3-mobile-app[data-b3-platform=android]{--b3-touch:48px}.b3-mobile-app :where(button,.b3-button,select,input:not([type=checkbox],[type=radio])){min-block-size:var(--b3-touch)}.b3-app-bar{padding:max(.75rem, env(safe-area-inset-top,0px)) 1.25rem .75rem;align-items:center;gap:.75rem;display:flex}.b3-app-bar>:last-child:not(:first-child){margin-inline-start:auto}.b3-bottom-nav{z-index:10;max-inline-size:var(--b3-app-width,70rem);padding:.5rem clamp(.5rem, 2vw, 1rem) max(.5rem, env(safe-area-inset-bottom,0px));background:var(--b3-color-surface);color:var(--b3-color-text);border-block-start:1px solid var(--b3-color-border);flex-wrap:wrap;justify-content:space-around;gap:.125rem;margin-inline:auto;display:flex;position:fixed;inset-block-end:0;inset-inline:0}.b3-bottom-link{appearance:none;cursor:pointer;overflow-wrap:anywhere;text-align:center;flex:1 1 max-content;min-block-size:var(--b3-touch,44px);min-inline-size:var(--b3-touch,44px);max-inline-size:100%;color:var(--b3-color-muted);background:0 0;border:0;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.25rem clamp(.125rem,1vw,.5rem);font-size:.75rem;text-decoration:none;display:flex}.b3-bottom-link:disabled{opacity:.5;cursor:not-allowed}.b3-bottom-link:has(svg){justify-content:flex-start}.b3-bottom-link[aria-current=page]{color:var(--b3-color-accent);font-weight:700}[data-b3-platform=android] .b3-bottom-link[aria-current=page]{background:var(--b3-color-canvas)}.b3-mobile-list{border:1px solid var(--b3-color-border);background:var(--b3-color-surface);border-radius:1rem;margin:0;padding:0;list-style:none;overflow:hidden}.b3-mobile-list>li+li{border-block-start:1px solid var(--b3-color-border)}.b3-mobile-row{min-block-size:var(--b3-touch,44px);color:var(--b3-color-text);align-items:center;gap:1rem;padding:.875rem 1rem;text-decoration:none;display:flex}.b3-mobile-row>:last-child:not(:first-child){margin-inline-start:auto}.b3-sheet{inline-size:min(100%, var(--b3-overlay-width,32rem));max-inline-size:none;max-block-size:min(85dvh, calc(100dvh - env(safe-area-inset-top,0px) - 1rem));overscroll-behavior:contain;border:1px solid var(--b3-color-border);padding:1.5rem min(1.5rem, 5vi) max(1.5rem, env(safe-area-inset-bottom,0px));background:var(--b3-color-surface);color:var(--b3-color-text);border-radius:1.5rem 1.5rem 0 0;margin:0 auto;inset:auto 0 0;overflow-y:auto}.b3-sheet::backdrop{background:#0007}.b3-sheet [data-b3-initial-focus]:focus{box-shadow:none;outline:none}.b3-sheet-handle{min-block-size:44px;inline-size:5rem;color:var(--b3-color-muted);touch-action:none;cursor:grab;background:0 0;border:0;border-radius:1rem;flex:none;align-self:center;place-items:center;margin-block:-1rem -.5rem;padding:0;display:grid}.b3-sheet-handle:before{content:"";background:currentColor;border-radius:1rem;block-size:.25rem;inline-size:2.25rem}.b3-sheet[data-b3-dragging]{animation:none}.b3-sheet[data-b3-dragging] .b3-sheet-handle{cursor:grabbing}[data-b3-platform=android] .b3-mobile-list{border-radius:1.5rem}@media (prefers-reduced-motion:no-preference){.b3-sheet[open]{animation:.32s cubic-bezier(.16,1,.3,1) b3-sheet-enter}@keyframes b3-sheet-enter{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}}.b3-root:has(dialog:modal){overflow:hidden}.b3-bottom-link[aria-current=page]{background:color-mix(in srgb, var(--b3-color-accent) 12%, transparent)}.b3-bottom-link :where(svg:not([width])){flex:none;block-size:1.375rem;inline-size:1.375rem}.b3-bottom-link>:where(span,strong):not(.b3-count){white-space:normal;overflow-wrap:anywhere;max-inline-size:100%;overflow:visible}:has(>.b3-bottom-link:nth-of-type(5))>.b3-bottom-link{padding-inline:.125rem;font-size:.6875rem}.b3-app-frame{inline-size:100%;block-size:var(--b3-frame-height,100dvh);min-block-size:0;max-inline-size:var(--b3-app-width,70rem);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);grid-template-rows:auto minmax(0,1fr) auto;margin-inline:auto;display:grid;overflow:clip}.b3-app-frame>header{grid-row:1;min-inline-size:0}.b3-app-frame>main{overscroll-behavior:contain;grid-area:2/1;min-block-size:0;min-inline-size:0;overflow:hidden auto}.b3-app-frame>:is(nav,footer){grid-row:3;min-inline-size:0;position:relative}.b3-app-frame>.b3-toast-region{overscroll-behavior:contain;grid-area:2/1;place-self:end;min-block-size:0;max-block-size:calc(100% - 2rem);margin:1rem;position:relative;inset:auto;overflow-y:auto}.b3-app-frame>.b3-app-bar{padding-block-start:.75rem}.b3-app-frame:has(>.b3-bottom-nav,>footer .b3-bottom-nav){padding-block-end:0}.b3-app-frame .b3-bottom-nav{inline-size:100%;max-inline-size:none;padding-block-end:max(.5rem, env(safe-area-inset-bottom,0px));position:static}:where(.b3-root[data-b3-density]) .b3-button{min-block-size:var(--b3-d-control,2.75rem);padding:var(--b3-d-pad-block,.625rem) var(--b3-d-pad-inline,1rem);font-size:var(--b3-d-label,inherit)}:where(.b3-root[data-b3-density]) .b3-button[data-b3-size=small]{min-block-size:var(--b3-d-control-small,auto);padding:calc(var(--b3-d-pad-block,.5rem) - .125rem) calc(var(--b3-d-pad-inline,.75rem) - .25rem)}:where(.b3-root[data-b3-density]) .b3-input:where(:not([type=checkbox],[type=radio])){min-block-size:var(--b3-d-control,2.75rem);padding:calc((var(--b3-d-control,2.75rem) - 1.5em - 2px) / 2) .75rem;line-height:1.5}:where(.b3-root[data-b3-density]) .b3-nav-link{min-block-size:var(--b3-d-control,2.75rem);padding:var(--b3-d-pad-block,.625rem) min(var(--b3-d-pad-inline,.875rem), 4%);font-size:var(--b3-d-label,inherit)}:where(.b3-root[data-b3-density]) .b3-heading{font-size:var(--b3-d-heading,1.375rem)}:where(.b3-root[data-b3-density]) .b3-avatar{block-size:var(--b3-d-avatar,2.5rem);inline-size:var(--b3-d-avatar,2.5rem)}:where(.b3-root[data-b3-density]) .b3-conversation{gap:var(--b3-d-gap,1.5rem)}:where(.b3-root[data-b3-density]) .b3-message-body{padding:var(--b3-d-message-pad,.75rem 1rem)}:where(.b3-root[data-b3-density]) .b3-message-meta{font-size:var(--b3-d-meta,.8125rem)}.b3-button[data-b3-emphasis=ghost]{color:var(--b3-color-muted);background:0 0;border-color:#0000}.b3-button[data-b3-emphasis=ghost]:not(:disabled):hover{color:var(--b3-color-text);background:color-mix(in srgb, var(--b3-color-text) 10%, transparent);box-shadow:none}.b3-button[data-b3-emphasis=ghost][aria-pressed=true]{color:var(--b3-color-accent)}.b3-button[data-b3-icon]{min-inline-size:var(--b3-d-control,2.75rem);padding-inline:0}.b3-button[data-b3-icon] :where(svg:not([width])){block-size:1.375em;inline-size:1.375em}.b3-button[data-b3-icon][data-b3-size=small]{min-inline-size:var(--b3-d-control-small,2.75rem);min-block-size:var(--b3-d-control-small,2.75rem);block-size:var(--b3-d-control-small,2.75rem);padding:0}.b3-button:disabled{opacity:1;background:color-mix(in srgb, var(--b3-color-muted) 14%, var(--b3-color-surface));color:var(--b3-color-muted);border-color:#0000}.b3-button[data-b3-emphasis=ghost]:disabled{background:0 0}.b3-truncate{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.b3-strong{font-size:inherit;font-weight:650}.b3-caption{color:var(--b3-color-muted);font-size:.8125rem;line-height:1.4}.b3-heading[data-b3-size=small]{font-size:1.0625rem;line-height:1.3}:is(a,button).b3-caption{color:var(--b3-color-accent);cursor:pointer;text-underline-offset:.15em;background:0 0;border:0;padding:0}:is(a,button).b3-caption:is(:hover,:focus-visible){text-decoration:underline}:where(.b3-root[data-b3-density]) .b3-caption{font-size:var(--b3-d-meta,.8125rem)}.b3-badge{gap:.25rem}:where(.b3-root[data-b3-density]) .b3-surface{padding:var(--b3-d-surface-pad,clamp(1rem, 3vw, 2rem))}.b3-input-group,.b3-input-group>.b3-input-affix,.b3-input-group>.b3-input{background:var(--b3-color-surface)}.b3-root[data-b3-theme=dark] .b3-message[data-b3-side=self]>.b3-message-body{background:color-mix(in srgb, var(--b3-color-accent) 22%, var(--b3-color-surface));color:var(--b3-color-text)}.b3-empty{justify-items:center;gap:var(--b3-space-2);padding:var(--b3-space-12) var(--b3-space-4);text-align:center;color:var(--b3-color-muted);display:grid}.b3-empty>svg{color:var(--b3-color-muted)}}@property --b3-reel-fade{syntax:"<length>";inherits:false;initial-value:2.5rem}@property --b3-tablist-start{syntax:"<length>";inherits:false;initial-value:0}@property --b3-tablist-end{syntax:"<length>";inherits:false;initial-value:0}
1
+ @layer bare.reset{:where(.b3-root),:where(.b3-root *){box-sizing:border-box}:where(.b3-root){font-family:var(--b3-font-body);background:var(--b3-color-canvas);color:var(--b3-color-text);color-scheme:light;margin:0;font-size:1rem;line-height:1.5}:where(.b3-root>body){margin:0}:where(b3-tabs,b3-dropdown,b3-dialog,b3-sheet,b3-command,b3-composer){display:contents}:where(b3-reel,b3-toast-region,b3-toc,b3-board,b3-date-picker,b3-image-viewer){display:block}:where(.b3-root) :where(button,input,select,textarea){font:inherit}:where(.b3-root) :where(button:not(:disabled)){color:inherit}:where(.b3-root) :where(button:not(:disabled),a[href],select,summary,[role=button],[role=option],[role=tab],[role=menuitem],[role=link]){cursor:pointer}:where(.b3-root) :where(h1,h2,h3,h4,h5,h6,p){margin:0}:where(.b3-root) :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:none;box-shadow:inset 0 0 0 2px}:where(.b3-root) :where([tabindex="-1"]:not(:is(button,a,input,select,textarea,summary,[role=button],[role=link]))):focus-visible{box-shadow:none}@media (forced-colors:active){:where(.b3-root) :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline-offset:-2px;outline:1px solid highlight}}:where(.b3-root) :where(img,svg:not([width])){max-inline-size:100%}:where(.b3-root) :where(svg:not([width])){block-size:1em;inline-size:1em}@media (prefers-reduced-motion:reduce){:where(.b3-root *),:where(.b3-root *):before,:where(.b3-root *):after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-b3-motion=reduce] *,[data-b3-motion=reduce] :before,[data-b3-motion=reduce] :after,[data-b3-motion=reduce] ::backdrop{scroll-behavior:auto!important;transition:none!important;animation:none!important}:where(.b3-root [hidden]):not([hidden=until-found]){display:none!important}:where(.b3-root) :where(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--b3-color-accent)}:where(.b3-root) :where(input[type=checkbox],input[type=radio]){flex-shrink:0}}@layer bare.tokens{.b3-root:where(:not(.b3-root .b3-root)),.b3-root[data-b3-theme=light]{--b3-color-canvas:#f6f5f0;--b3-color-surface:#fff;--b3-color-text:#202923;--b3-color-muted:#59655d;--b3-color-border:#d5dbd3;--b3-color-border-strong:#838d86;--b3-color-accent:#245c42;--b3-color-on-accent:#fff;--b3-color-danger:#a62c35;--b3-color-focus:#276bdd;--b3-font-body:ui-sans-serif, system-ui, sans-serif;--b3-font-display:var(--b3-font-body);--b3-radius:.75rem;--b3-space:1rem;--b3-content:68rem}.b3-root[data-b3-theme=dark]{color-scheme:dark;--b3-color-canvas:#141c19;--b3-color-surface:#202c26;--b3-color-text:#edf3ec;--b3-color-muted:#a8b9ad;--b3-color-border:#415348;--b3-color-border-strong:#74877b;--b3-color-accent:#aadbb8;--b3-color-on-accent:#132b1b;--b3-color-danger:#ffadb1;--b3-color-focus:#9ac4ff}.b3-root:where(:not(.b3-root .b3-root)),.b3-root[data-b3-theme=light]{--b3-space-1:.25rem;--b3-space-2:.5rem;--b3-space-3:.75rem;--b3-space-4:1rem;--b3-space-6:1.5rem;--b3-space-8:2rem;--b3-space-12:3rem;--b3-radius-small:.375rem;--b3-radius-large:1.25rem;--b3-shadow:0 8px 32px #14231b14;--b3-shadow-raised:0 16px 56px #14231b24;--b3-color-success:#256443;--b3-color-warning:#805100;--b3-color-info:#275f99;--b3-duration:.16s}.b3-root[data-b3-theme=dark]{--b3-shadow:0 8px 32px #0004;--b3-shadow-raised:0 16px 56px #0007;--b3-color-success:#99d9ab;--b3-color-warning:#f2c76c;--b3-color-info:#a2cfff}.b3-root[data-b3-density=compact]{--b3-d-control:2.25rem;--b3-d-control-small:1.875rem;--b3-d-pad-block:.4375rem;--b3-d-pad-inline:.875rem;--b3-d-label:.875rem;--b3-d-heading:1.0625rem;--b3-d-avatar:2.25rem;--b3-d-message-pad:.625rem .875rem;--b3-d-meta:.75rem;--b3-d-gap:1rem;--b3-d-surface-pad:1rem}@media (pointer:fine) and (width>=48rem){.b3-root[data-b3-density=auto]{--b3-d-control:2.25rem;--b3-d-control-small:1.875rem;--b3-d-pad-block:.4375rem;--b3-d-pad-inline:.875rem;--b3-d-label:.875rem;--b3-d-heading:1.0625rem;--b3-d-avatar:2.25rem;--b3-d-message-pad:.625rem .875rem;--b3-d-meta:.75rem;--b3-d-gap:1rem;--b3-d-surface-pad:1rem}}}@layer bare.layout{.b3-shell{inline-size:min(100%, var(--b3-content));margin-inline:auto;padding:clamp(1rem,4vw,3rem)}.b3-stack{gap:var(--b3-space);flex-direction:column;min-inline-size:0;display:flex}.b3-stack:where(dialog:not([open])){display:none}.b3-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-block-size:0;min-inline-size:0;overflow:auto}dialog.b3-stack>.b3-scroll{min-block-size:min(6rem,30dvh)}.b3-stack:has(>.b3-scroll)>:not(.b3-scroll){flex-shrink:0}.b3-cluster{align-items:center;gap:var(--b3-space);flex-wrap:wrap;min-inline-size:0;display:flex}.b3-cluster>*,.b3-split>*{min-inline-size:0}.b3-inline{vertical-align:middle;align-items:center;gap:.5em;min-inline-size:0;max-inline-size:100%;display:inline-flex}.b3-inline>*{min-inline-size:0}.b3-inline:has(>.b3-badge){flex-wrap:wrap}.b3-inline>.b3-badge{flex-shrink:0}.b3-inline:has(>.b3-badge)>:not(.b3-badge,.b3-icon,svg){flex:1 1 min-content}.b3-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--b3-grid-min,17rem)), 1fr));gap:var(--b3-space);display:grid}.b3-split{justify-content:space-between;align-items:center;gap:var(--b3-space);flex-wrap:wrap;display:flex}.b3-page{flex-direction:column;min-block-size:100svh;display:flex}.b3-page-body{flex:1;min-inline-size:0}.b3-app-layout{flex-wrap:wrap;min-block-size:100svh;display:flex;container:b3-app/inline-size}.b3-app-layout>.b3-sidebar{flex:16rem}.b3-app-layout>:not(.b3-sidebar){flex:999 32rem;min-inline-size:0}.b3-sidebar{padding:var(--b3-space-6);border-inline-end:1px solid var(--b3-color-border);background:var(--b3-color-surface);min-inline-size:0}.b3-center{padding:var(--b3-space-6);place-items:center;display:grid}.b3-cover{min-block-size:min(42rem,85svh);padding-block:var(--b3-space-12);flex-direction:column;justify-content:center;display:flex}.b3-reel{gap:var(--b3-space);scroll-snap-type:x proximity;padding-block-end:var(--b3-space-2);display:flex;overflow-x:auto}.b3-reel>*{scroll-snap-align:start;flex:0 0 min(85%,20rem)}@container b3-app (width<48rem){.b3-app-layout>.b3-sidebar{border-inline-end:0;border-block-end:1px solid var(--b3-color-border)}}.b3-reel:has(>.b3-badge){scrollbar-width:none;align-items:center;gap:.5rem;padding-block:.625rem}.b3-reel:has(>.b3-badge)::-webkit-scrollbar{display:none}.b3-reel>.b3-badge{flex:none}.b3-stack>.b3-reel{flex-shrink:0}@supports (animation-timeline:scroll(self inline)){.b3-reel:has(>.b3-badge){mask-image:linear-gradient(to right, #000 calc(100% - var(--b3-reel-fade)), #0000);animation-name:b3-reel-fade;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(self inline)}.b3-reel:has(>.b3-badge):dir(rtl){mask-image:linear-gradient(to left, #000 calc(100% - var(--b3-reel-fade)), #0000)}@keyframes b3-reel-fade{90%{--b3-reel-fade:2.5rem}to{--b3-reel-fade:0rem}}}}@layer bare.components{.b3-title{font-family:var(--b3-font-display);letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(1.75rem,7vw,4rem);line-height:1.05}.b3-heading{font-family:var(--b3-font-display);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.375rem;font-weight:650;line-height:1.25}.b3-muted{color:var(--b3-color-muted)}.b3-label{letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:650}.b3-surface{background:var(--b3-color-surface);color:var(--b3-color-text);border:1px solid var(--b3-color-border);border-radius:var(--b3-radius);padding:clamp(1rem,3vw,2rem)}.b3-button{border-radius:var(--b3-radius);background:var(--b3-color-accent);min-block-size:2.75rem;color:var(--b3-color-on-accent);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:650;text-decoration:none;display:inline-flex}.b3-button :where(svg){flex-shrink:0;display:block}.b3-button>:where([aria-hidden=true]):has(>svg){flex-shrink:0}.b3-button[data-b3-emphasis=quiet]{color:var(--b3-color-text);border-color:var(--b3-color-border);background:0 0}.b3-button:disabled{opacity:.5;cursor:not-allowed}.b3-field{align-content:start;gap:.375rem;min-inline-size:0;display:grid}.b3-input:where(:not([type=checkbox],[type=radio])){border:1px solid var(--b3-color-border-strong);border-radius:var(--b3-radius);background:var(--b3-color-surface);min-block-size:2.75rem;inline-size:100%;min-inline-size:0;color:var(--b3-color-text);padding:.625rem .75rem}.b3-error{color:var(--b3-color-danger);font-size:.875rem}select.b3-input:not([multiple]):not([size]),select.b3-input[size="1"]:not([multiple]){appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right calc(1rem + 5px) center,right 1rem center;background-repeat:no-repeat;background-size:5px 5px;padding-inline-end:2.5rem}select.b3-input:not([multiple]):not([size]):dir(rtl),select.b3-input[size="1"]:not([multiple]):dir(rtl){background-position:1rem,calc(1rem + 5px)}@media (forced-colors:active){select.b3-input:not([multiple]):not([size]),select.b3-input[size="1"]:not([multiple]){appearance:auto;background-image:none}}:where(ul,ol):has(>.b3-row){margin:0;padding-inline-start:0}.b3-row{border-block-end:1px solid var(--b3-color-border);align-items:center;gap:.75rem;padding-block:1rem;display:flex}.b3-row:where(.b3-stack){align-items:stretch;gap:var(--b3-space)}:is(a,button,[role=button]).b3-row{padding-inline:var(--b3-space-4);color:inherit;text-align:start;cursor:pointer;transition:background-color var(--b3-duration);text-decoration:none}button.b3-row{appearance:none;border:0;border-block-end:1px solid var(--b3-color-border);background:0 0;inline-size:100%}@media (hover:hover){:is(a,button,[role=button]).b3-row:hover{background:color-mix(in srgb, var(--b3-color-text) 4%, transparent)}}:is(a,button,[role=button]).b3-row:focus-visible{background:color-mix(in srgb, var(--b3-color-text) 4%, transparent)}:is(a,button,[role=button]).b3-row:active{background:color-mix(in srgb, var(--b3-color-text) 8%, transparent)}.b3-clamp{-webkit-line-clamp:var(--b3-clamp,2);line-clamp:var(--b3-clamp,2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.b3-count{box-sizing:border-box;background:var(--b3-color-danger);block-size:1.25rem;min-inline-size:1.25rem;color:var(--b3-color-canvas);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:100vmax;flex:none;place-items:center;padding-inline:.3125rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-grid}.b3-count[data-b3-tone=accent]{background:var(--b3-color-accent);color:var(--b3-color-on-accent)}.b3-nav-link>.b3-count{margin-inline-start:auto}.b3-bottom-link{position:relative}.b3-bottom-link:has(>.b3-count){min-inline-size:max(var(--b3-touch,44px), 2.25rem)}.b3-bottom-link>.b3-count{box-shadow:0 0 0 2px var(--b3-color-surface);position:absolute;inset-block-start:.125rem;inset-inline-end:max(.125rem,50% - 2rem)}:is(a,button,[role=button]).b3-row:is([aria-current]:not([aria-current=false]),[aria-selected=true]){background:color-mix(in srgb, var(--b3-color-accent) 12%, transparent)}@media (forced-colors:active){:is(a,button,[role=button]).b3-row{border-inline-start:3px solid canvas}:is(a,button,[role=button]).b3-row:is([aria-current]:not([aria-current=false]),[aria-selected=true]){border-inline-start-color:highlight}}.b3-badge{overflow-wrap:anywhere;border:1px solid var(--b3-color-border);border-radius:100vmax;align-items:center;inline-size:fit-content;max-inline-size:100%;padding:.125rem .5rem;font-size:.75rem;font-weight:650;display:inline-flex}.b3-progress{block-size:.5rem;inline-size:100%;accent-color:var(--b3-color-accent)}.b3-button{transition:box-shadow var(--b3-duration), border-color var(--b3-duration)}@media (hover:hover){.b3-button:not(:disabled):hover{box-shadow:inset 0 0 0 100vmax #00000012}}.b3-button:not(:disabled):active{box-shadow:inset 0 0 0 100vmax #00000024}.b3-button[data-b3-emphasis=ghost]:not(:disabled):active{color:var(--b3-color-text)}.b3-button[data-b3-emphasis=outline]{color:var(--b3-color-accent);background:0 0;border-color:currentColor}.b3-button[data-b3-emphasis=danger]{background:var(--b3-color-danger);color:var(--b3-color-canvas)}.b3-button[data-b3-size=small]{padding:.5rem .75rem;font-size:.875rem}.b3-button[data-b3-size=large]{min-block-size:3.25rem;padding:.875rem 1.5rem}.b3-button[aria-busy=true]{cursor:progress}.b3-icon{vertical-align:-.2em;flex:none;block-size:1.25em;inline-size:1.25em;display:inline-block}[data-b3-confirm][data-b3-armed]{outline:2px solid var(--b3-color-danger)!important;outline-offset:2px!important}.b3-button[data-b3-armed]{background:var(--b3-color-danger);color:var(--b3-color-canvas);border-color:var(--b3-color-danger)}.b3-input:disabled{opacity:.6;cursor:not-allowed}.b3-input[readonly]{background:var(--b3-color-canvas)}.b3-input::placeholder{color:var(--b3-color-muted);opacity:.8}.b3-input-group{border:1px solid var(--b3-color-border-strong);border-radius:var(--b3-radius);background:var(--b3-color-canvas);flex-wrap:wrap;align-items:stretch;min-inline-size:0;display:flex;overflow:clip}.b3-input-group>.b3-input{border:0;border-radius:0;flex:12ch}.b3-input-group>.b3-button{overflow-wrap:anywhere;flex-wrap:wrap;min-inline-size:0;max-inline-size:100%;margin-inline-start:auto;padding-inline:.75rem}.b3-input-group:focus-within{outline:none;box-shadow:inset 0 0 0 2px}.b3-input-affix{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%;color:var(--b3-color-muted);background:var(--b3-color-canvas);align-items:center;padding-inline:.75rem;display:flex}.b3-choice{cursor:pointer;flex-wrap:wrap;align-items:start;gap:.75rem;padding-block:.5rem;display:flex}.b3-choice>:not(input){overflow-wrap:anywhere;flex:12ch;min-inline-size:0}.b3-choice input{--b3-choice-control:1.125rem;inline-size:var(--b3-choice-control);block-size:var(--b3-choice-control);flex:none;margin:0;margin-block-start:max(0px, calc((1lh - var(--b3-choice-control)) / 2))}.b3-choice>.b3-switch{--b3-choice-control:1.625rem}.b3-switch{appearance:none;background:var(--b3-color-muted);border:2px solid var(--b3-color-muted);cursor:pointer;border-radius:2rem;position:relative;block-size:1.625rem!important;inline-size:2.75rem!important}.b3-switch:before{content:"";background:var(--b3-color-surface);border-radius:50%;block-size:1.125rem;inline-size:1.125rem;position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem}.b3-switch:checked{background:var(--b3-color-accent);border-color:var(--b3-color-accent)}.b3-switch:checked:before{background:var(--b3-color-on-accent);inset-inline-start:calc(100% - 1.25rem)}.b3-switch:disabled{opacity:.5;cursor:not-allowed}@media (forced-colors:active){.b3-switch{forced-color-adjust:none;background:canvas;border-color:buttontext}.b3-switch:before{background:buttontext}.b3-switch:checked{background:highlight;border-color:highlight}.b3-switch:checked:before{background:highlighttext}.b3-switch:disabled{opacity:1;background:canvas;border-color:graytext}.b3-switch:disabled:before{background:graytext}}.b3-input[type=number]{appearance:textfield}.b3-input[type=number]::-webkit-inner-spin-button,.b3-input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.b3-input::-webkit-datetime-edit,.b3-input::-webkit-datetime-edit-fields-wrapper{padding-block:0}.b3-input:is([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){appearance:none;max-inline-size:100%;display:block}.b3-input::-webkit-date-and-time-value{text-align:start;min-block-size:1lh}.b3-card-header,.b3-card-footer{justify-content:space-between;align-items:center;gap:var(--b3-space);flex-wrap:wrap;display:flex}.b3-card-header{margin-block-end:var(--b3-space-4)}.b3-card-footer{border-block-start:1px solid var(--b3-color-border);margin-block-start:var(--b3-space-4);padding-block-start:var(--b3-space-4)}.b3-stack>:is(.b3-card-header,.b3-card-footer){margin-block:0}.b3-surface[data-b3-elevation=raised]{box-shadow:var(--b3-shadow)}.b3-divider{border:0;border-block-start:1px solid var(--b3-color-border);inline-size:100%;margin-inline:0;margin-block:var(--b3-space)}.b3-stack>.b3-divider{margin-block:0}.b3-alert,.b3-toast{overflow-wrap:anywhere;min-inline-size:0}.b3-alert>*,.b3-toast>*{min-inline-size:0}.b3-alert pre{max-inline-size:100%;overflow-x:auto}.b3-alert{--b3-status-color:var(--b3-color-info);border:1px solid var(--b3-status-color);border-radius:var(--b3-radius-small);color:var(--b3-color-text);background:color-mix(in srgb, var(--b3-status-color) 8%, var(--b3-color-surface));border-inline-start-width:4px;align-items:start;gap:.75rem;padding:1rem;display:flex}.b3-alert[data-b3-tone=success],.b3-badge[data-b3-tone=success]{--b3-status-color:var(--b3-color-success)}.b3-alert[data-b3-tone=warning],.b3-badge[data-b3-tone=warning]{--b3-status-color:var(--b3-color-warning)}.b3-alert[data-b3-tone=danger],.b3-badge[data-b3-tone=danger]{--b3-status-color:var(--b3-color-danger)}.b3-badge[data-b3-tone]{color:var(--b3-status-color,var(--b3-color-info));background:color-mix(in srgb, currentColor 7%, transparent);border-color:currentColor}.b3-toast-region{z-index:100;inline-size:min(24rem,100% - 2rem);max-block-size:calc(100dvh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;pointer-events:none;gap:.75rem;display:grid;position:fixed;inset-block-end:calc(1rem + env(safe-area-inset-bottom,0px));inset-inline-end:1rem;overflow-y:auto}.b3-toast{border:1px solid var(--b3-color-border);border-radius:var(--b3-radius);background:var(--b3-color-surface);color:var(--b3-color-text);box-shadow:var(--b3-shadow-raised);pointer-events:auto;flex-wrap:wrap;align-items:start;gap:1rem;padding:1rem;display:flex}.b3-toast>:not(button,.b3-button){flex:12rem}.b3-toast>:is(button,.b3-button){flex:none;max-inline-size:100%}.b3-spinner{vertical-align:-.125em;border:2px solid;border-inline-end-color:#0000;border-radius:50%;flex:none;block-size:1.125em;inline-size:1.125em;animation:.8s linear infinite b3-spin;display:inline-block}@keyframes b3-spin{to{transform:rotate(360deg)}}.b3-skeleton{background:var(--b3-color-border);border-radius:var(--b3-radius-small);min-block-size:1rem;animation:1.8s ease-in-out infinite b3-pulse}@keyframes b3-pulse{50%{opacity:.45}}:is(button,a).b3-badge{min-block-size:auto;color:var(--b3-color-text);cursor:pointer;background:0 0;gap:.25rem;text-decoration:none;position:relative}:is(button,a).b3-badge:after{content:"";position:absolute;inset:-10px 0}:is(button,a).b3-badge[data-b3-tone]{color:var(--b3-status-color,var(--b3-color-info))}:is(button,a).b3-badge:is([aria-pressed=true],[aria-current]:not([aria-current=false])){color:var(--b3-color-on-accent);background:var(--b3-color-accent);border-color:var(--b3-color-accent)}.b3-avatar{background:var(--b3-color-accent);block-size:2.5rem;inline-size:2.5rem;color:var(--b3-color-on-accent);border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:650;display:inline-grid;overflow:hidden}.b3-avatar>img{object-fit:cover;block-size:100%;inline-size:100%}.b3-avatar[data-b3-unread]{position:relative;overflow:visible}.b3-avatar[data-b3-unread]>img{border-radius:inherit}.b3-avatar[data-b3-unread]:after{content:"";background:var(--b3-color-accent);block-size:.75rem;inline-size:.75rem;box-shadow:0 0 0 2px var(--b3-color-surface);border-radius:50%;position:absolute;inset-block-start:-.0625rem;inset-inline-end:-.0625rem}.b3-avatar-stack{padding-inline-start:.5rem;display:flex}.b3-avatar-stack>.b3-avatar{border:2px solid var(--b3-color-surface);margin-inline-start:-.5rem}.b3-kbd{border:1px solid var(--b3-color-border);background:var(--b3-color-surface);color:var(--b3-color-muted);border-block-end-width:2px;border-radius:.25rem;padding:.15rem .35rem;font:.75rem ui-monospace,monospace}.b3-table-wrap{border:1px solid var(--b3-color-border);border-radius:var(--b3-radius);position:relative;overflow-x:auto}.b3-table{border-collapse:collapse;text-align:start;font-variant-numeric:tabular-nums;inline-size:100%}.b3-table th{color:var(--b3-color-muted);background:var(--b3-color-canvas);font-size:.75rem;font-weight:650}.b3-table :is(th,td){border-block-end:1px solid var(--b3-color-border);text-align:start;vertical-align:middle;padding:.875rem 1rem}.b3-table tbody tr:last-child td{border-block-end:0}.b3-table[data-b3-density=compact] :is(th,td){padding:.5rem .75rem}.b3-table tbody tr[aria-selected=true]{background:color-mix(in srgb, var(--b3-color-accent) 10%, var(--b3-color-surface))}.b3-definition{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.75rem 1.5rem;margin:0;display:grid;container:b3-definition/inline-size}.b3-definition dt{overflow-wrap:anywhere;min-inline-size:0;color:var(--b3-color-muted)}.b3-definition dd{overflow-wrap:anywhere;margin:0}@container b3-definition (width<=26rem){.b3-definition>:is(dt,dd){grid-column:1/-1}.b3-definition>dt:not(:first-child){margin-block-start:.75rem}}.b3-stat{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}.b3-stat-value{overflow-wrap:anywhere;letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,5vw,3rem);font-weight:650;line-height:1.1}.b3-nav{border-block-end:1px solid var(--b3-color-border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem min(.75rem,3%);display:flex}.b3-nav[data-b3-orientation=vertical]{border-block-end:0;flex-direction:column;align-items:stretch}.b3-nav-link{overflow-wrap:anywhere;border-radius:var(--b3-radius-small);min-block-size:2.75rem;min-inline-size:0;max-inline-size:100%;color:var(--b3-color-muted);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.625rem min(.875rem,4%);text-decoration:none;display:flex}.b3-nav-link[aria-current=page]{background:color-mix(in srgb, var(--b3-color-accent) 10%, var(--b3-color-surface));color:var(--b3-color-accent);font-weight:650}.b3-nav-link:hover{background:var(--b3-color-surface);color:var(--b3-color-text)}.b3-breadcrumbs{color:var(--b3-color-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.b3-breadcrumbs li+li:before{content:"/";color:var(--b3-color-border);margin-inline-end:.5rem}.b3-tablist{border-block-end:1px solid var(--b3-color-border);gap:.25rem;display:flex;overflow-x:auto}@supports (animation-timeline:scroll(self inline)){.b3-tablist:not([aria-orientation=vertical]){--b3-tablist-l:var(--b3-tablist-start);--b3-tablist-r:var(--b3-tablist-end);mask-image:linear-gradient(to right, #0000, #000 var(--b3-tablist-l), #000 calc(100% - var(--b3-tablist-r)), #0000);animation-name:b3-tablist-fade;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(self inline)}.b3-tablist:not([aria-orientation=vertical]):dir(rtl){--b3-tablist-l:var(--b3-tablist-end);--b3-tablist-r:var(--b3-tablist-start)}@keyframes b3-tablist-fade{0%{--b3-tablist-start:0rem;--b3-tablist-end:2.5rem}10%{--b3-tablist-start:2.5rem}90%{--b3-tablist-end:2.5rem}to{--b3-tablist-start:2.5rem;--b3-tablist-end:0rem}}}.b3-tab{appearance:none;color:var(--b3-color-muted);font:inherit;white-space:normal;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;border-block-end:2px solid #0000;flex-shrink:0;min-block-size:2.75rem;max-inline-size:100%;padding:.75rem min(1rem,4vi)}.b3-tab[aria-selected=true]{color:var(--b3-color-accent);border-block-end-color:currentColor;font-weight:650}.b3-tab:disabled{opacity:.5;cursor:not-allowed}.b3-tabpanel{padding-block:var(--b3-space-4)}.b3-segmented{border-radius:var(--b3-radius);background:color-mix(in srgb, var(--b3-color-text) 7%, var(--b3-color-canvas));border:0;flex-wrap:wrap;gap:.25rem;min-inline-size:0;margin:0;padding:.25rem;display:flex}.b3-segmented>label{border-radius:calc(var(--b3-radius) - .25rem);min-block-size:2.75rem;max-inline-size:100%;color:var(--b3-color-muted);text-align:center;cursor:pointer;flex:1 0 auto;justify-content:center;align-items:center;gap:.375rem;padding-inline:.875rem;font-weight:600;display:inline-flex;position:relative}.b3-segmented>label>input{opacity:0;block-size:100%;inline-size:100%;cursor:inherit;margin:0;position:absolute;inset:0}.b3-segmented>label:has(input:checked){background:var(--b3-color-surface);color:var(--b3-color-text);box-shadow:0 1px 2px #0000001f, 0 0 0 1px var(--b3-color-border)}.b3-segmented>label:has(input:focus-visible){box-shadow:inset 0 0 0 2px}@media (forced-colors:active){.b3-segmented>label{border:2px solid canvas}.b3-segmented>label:has(input:checked){border-color:canvastext}.b3-segmented>label:has(input:focus-visible){outline-offset:1px;outline:2px solid highlight}}.b3-segmented>label:has(input:disabled){opacity:.5;cursor:not-allowed}.b3-filter-labels{overscroll-behavior-x:contain;scrollbar-width:none;gap:18px;display:flex;overflow-x:auto}.b3-filter-labels::-webkit-scrollbar{display:none}.b3-filter-labels>button{block-size:32px;box-shadow:none;color:var(--b3-color-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;padding:0;font-size:15px;font-weight:500}.b3-filter-labels>button:hover{color:var(--b3-color-text)}.b3-filter-labels>button:is([aria-checked=true],[aria-pressed=true]){color:var(--b3-color-accent);font-weight:700}.b3-filter-labels>button:focus-visible{box-shadow:none;text-decoration:underline 2px var(--b3-color-accent);text-underline-offset:5px;outline:none}@media (forced-colors:active){.b3-filter-labels>button:is([aria-checked=true],[aria-pressed=true]){text-decoration:underline}.b3-filter-labels>button:focus-visible{outline:1px solid highlight}}.b3-accordion{border-block-end:1px solid var(--b3-color-border)}.b3-accordion>summary{cursor:pointer;padding:1rem .25rem;font-weight:650}.b3-accordion>:not(summary){padding:0 .25rem 1rem}.b3-dropdown{display:inline-block;position:relative}.b3-dropdown>summary{list-style:none}.b3-dropdown>summary::-webkit-details-marker{display:none}.b3-dropdown-panel{z-index:20;border:1px solid var(--b3-color-border);border-radius:var(--b3-radius);background:var(--b3-color-surface);max-block-size:70svh;inline-size:max-content;min-inline-size:min(12rem,85vw);max-inline-size:min(22rem,85vw);color:var(--b3-color-text);box-shadow:var(--b3-shadow-raised);padding:.5rem;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-start:0;overflow-y:auto}.b3-dialog{overscroll-behavior:contain;border:1px solid var(--b3-color-border);border-radius:var(--b3-radius-large);background:var(--b3-color-surface);max-block-size:calc(100svh - 2rem);inline-size:min(32rem,100% - 2rem);color:var(--b3-color-text);box-shadow:var(--b3-shadow-raised);padding:min(1.5rem,5vi);overflow:auto;container:b3-dialog/inline-size}.b3-dialog::backdrop{background:#101b17a6}.b3-dialog[data-b3-placement=end]{border-radius:0;block-size:100svh;max-block-size:100svh;inline-size:min(28rem,100%);max-inline-size:100%;margin:0;margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){.b3-dialog[open]{animation:.28s cubic-bezier(.16,1,.3,1) b3-dialog-enter}.b3-dialog[open][data-b3-placement=end]{animation-name:b3-drawer-enter}.b3-dialog::backdrop,.b3-sheet::backdrop{transition:opacity .16s ease-out}.b3-dialog[data-b3-closing]::backdrop,.b3-sheet[data-b3-closing]::backdrop{opacity:0}@keyframes b3-dialog-enter{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes b3-drawer-enter{0%{opacity:0;translate:var(--b3-drawer-offset,1rem)}}.b3-dialog[dir=rtl][data-b3-placement=end],[dir=rtl] .b3-dialog[data-b3-placement=end]{--b3-drawer-offset:-1rem}}.b3-dialog>form{gap:var(--b3-space);flex-direction:column;margin:0;display:flex}.b3-dialog>form>header:has(>button:last-child){grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.75rem;display:grid}.b3-dialog>form>header:has(>button:last-child)>:not(:last-child){grid-column:1;min-inline-size:0}.b3-dialog>form>header>button:last-child:not(:first-child){grid-area:1/2}.b3-dialog>form>footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.b3-dialog>form>footer>[data-b3-emphasis=quiet]:first-child:not(:last-child){margin-inline-end:auto}@container b3-dialog (width<=16rem){.b3-dialog>form>header:has(>button:last-child){flex-direction:column;align-items:flex-start;display:flex}}.b3-tree,.b3-tree ul{overflow-wrap:anywhere;border-inline-start:1px solid var(--b3-color-border);padding-inline-start:min(1rem,5%);list-style:none}.b3-tree summary{cursor:pointer;padding-block:.5rem}.b3-prose{overflow-wrap:anywhere;max-inline-size:65ch;line-height:1.75}.b3-prose :is(p,ul,ol,blockquote,pre){margin-block:1rem}.b3-prose :is(h1,h2,h3,h4,h5,h6){margin-block:1.75rem .75rem;line-height:1.25}.b3-prose :is(h5,h6){font-size:1em}.b3-prose>:first-child{margin-block-start:0}.b3-prose :is(img,video,iframe){max-inline-size:100%;display:block}.b3-prose :is(img,video){block-size:auto}.b3-prose iframe{border:0}.b3-prose blockquote{border-inline-start:3px solid var(--b3-color-accent);color:var(--b3-color-muted);margin-inline:0;padding-inline-start:1rem}.b3-prose pre{background:var(--b3-color-surface);border:1px solid var(--b3-color-border);border-radius:var(--b3-radius-small);padding:1rem;overflow-x:auto}.b3-visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.b3-skip-link{z-index:1000;border-radius:var(--b3-radius-small);background:var(--b3-color-accent);max-inline-size:calc(100% - 1.5rem);color:var(--b3-color-on-accent);padding:.75rem 1rem;font-weight:650;position:fixed;inset-block-start:max(.75rem, env(safe-area-inset-top,0px));inset-inline-start:.75rem}.b3-skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;padding:0;overflow:hidden}.b3-hero{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:clamp(3rem,8vw,7rem);display:grid}.b3-hero[data-b3-align=center]{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.b3-hero-copy{gap:1.5rem;max-inline-size:40rem;display:grid}.b3-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);padding-block:clamp(2rem,6vw,5rem);display:grid}.b3-feature[data-b3-reverse=true]>:first-child{order:2}.b3-feature-icon{border-radius:var(--b3-radius);background:var(--b3-color-accent);block-size:3rem;inline-size:3rem;color:var(--b3-color-on-accent);place-items:center;display:inline-grid}.b3-pricing{border:1px solid var(--b3-color-border);border-radius:var(--b3-radius-large);background:var(--b3-color-surface);color:var(--b3-color-text);flex-direction:column;gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.b3-pricing[data-b3-featured=true]{border:2px solid var(--b3-color-accent);box-shadow:var(--b3-shadow)}.b3-pricing>.b3-button:last-child{margin-block-start:auto}.b3-price{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.375rem;display:flex}.b3-price>strong{letter-spacing:-.05em;font-size:3.25rem;line-height:1.1}.b3-checklist{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.b3-checklist>li{align-items:start;gap:.625rem;display:flex}.b3-checklist>li:before{content:"✓";color:var(--b3-color-accent);font-weight:700}.b3-quote{border-inline-start:3px solid var(--b3-color-accent);margin:0;padding:1.5rem}.b3-quote blockquote{margin:0 0 1rem;font-size:1.25rem;line-height:1.5}.b3-art{isolation:isolate;border-radius:var(--b3-radius-large);background:var(--b3-color-surface);position:relative;overflow:hidden}.b3-art:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.b3-art[data-b3-art=dots]:before{background-image:radial-gradient(var(--b3-color-border) 1px,transparent 1px);background-size:16px 16px}.b3-art[data-b3-art=glow]:before{background:radial-gradient(ellipse at 20% 20%,color-mix(in srgb,var(--b3-color-accent) 20%,transparent),transparent 65%)}.b3-art[data-b3-art=wash]:before{background:linear-gradient(135deg,color-mix(in srgb,var(--b3-color-accent) 14%,transparent),transparent 70%)}@media (width<=48rem){.b3-hero,.b3-feature{grid-template-columns:minmax(0,1fr)}.b3-feature[data-b3-reverse=true]>:first-child{order:initial}}.b3-reading{grid-template-columns:minmax(0,1fr) minmax(12rem,16rem);grid-template-areas:"content outline";align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.b3-reading>:not(.b3-toc){grid-area:content;min-inline-size:0}.b3-toc{max-block-size:calc(100svh - var(--b3-outline-top,1rem) - 1rem);border-inline-start:1px solid var(--b3-color-border);grid-area:outline;padding-inline-start:min(1rem,5%);font-size:.875rem;position:sticky;inset-block-start:var(--b3-outline-top,1rem);overflow-y:auto}.b3-toc ol{gap:.25rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.b3-toc ol ol{margin:.25rem 0;padding-inline-start:min(1rem,5%)}.b3-toc-link{border-radius:var(--b3-radius-small);color:var(--b3-color-muted);overflow-wrap:anywhere;padding:.625rem min(.75rem,5%);text-decoration:none;display:block}.b3-toc-link:hover{color:var(--b3-color-text);background:var(--b3-color-surface)}.b3-toc-link[aria-current=location]{color:var(--b3-color-accent);background:color-mix(in srgb, var(--b3-color-accent) 10%, var(--b3-color-surface));font-weight:650}@media (width<=48rem){.b3-reading{grid-template-columns:minmax(0,1fr);grid-template-areas:"outline""content";gap:2rem}.b3-toc{max-block-size:none;position:static}}.b3-command{inline-size:min(38rem,100% - 2rem);padding:0}.b3-command[open]:has(>.b3-scroll){grid-template-rows:auto minmax(0,1fr);display:grid}.b3-command>.b3-scroll>.b3-command-list{max-block-size:none;overflow:visible}.b3-command-search{border-block-end:1px solid var(--b3-color-border);flex-wrap:wrap;justify-content:end;align-items:center;gap:.75rem;padding:min(1rem,4vw);display:flex}.b3-command-search>input{flex:12ch;min-inline-size:0}.b3-command-list{overscroll-behavior:contain;max-block-size:50svh;padding:.5rem;overflow-y:auto}.b3-command-group+.b3-command-group{border-block-start:1px solid var(--b3-color-border);margin-block-start:.5rem;padding-block-start:.5rem}.b3-command-group>:first-child:not([role=option]){color:var(--b3-color-muted);padding:.5rem .75rem;font-size:.75rem;display:block}.b3-command-item{border-radius:var(--b3-radius-small);cursor:pointer;justify-content:space-between;align-items:center;gap:min(1rem,2vw);min-block-size:2.75rem;padding:min(.875rem,2svh) min(.75rem,3vw);display:flex}.b3-command .b3-command-item{border-radius:max(0px, calc(var(--b3-radius-large) - .5rem - 1px))}.b3-command-item>:first-child{overflow-wrap:anywhere;min-inline-size:0}.b3-command-item[aria-selected=true]{background:var(--b3-color-accent);color:var(--b3-color-on-accent)}.b3-command-item[aria-selected=true] .b3-muted{color:inherit}.b3-command-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.b3-command-item:not([aria-disabled=true]):hover{outline:1px solid var(--b3-color-border);outline-offset:-1px}.b3-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:start;gap:1.25rem;display:grid}.b3-form-grid[data-b3-layout=inline]{flex-wrap:wrap;align-items:end;display:flex}.b3-form-grid[data-b3-layout=inline]>.b3-field{flex:12rem;min-inline-size:0}.b3-form-grid[data-b3-layout=inline]>.b3-button{overflow-wrap:anywhere;flex:0 auto;max-inline-size:100%}.b3-fieldset{border:0;min-inline-size:0;margin:0;padding:0}.b3-fieldset>legend{padding:0 0 .75rem;font-weight:650}.b3-help,.b3-error{overflow-wrap:anywhere}.b3-help{color:var(--b3-color-muted);font-size:.875rem}.b3-help[data-b3-tone=success]{color:var(--b3-color-success)}.b3-help[data-b3-tone=warning]{color:var(--b3-color-warning)}.b3-input:where(:not([type=checkbox],[type=radio]))[data-b3-size=small]{padding:.5rem .75rem}.b3-input:where(:not([type=checkbox],[type=radio]))[data-b3-size=large]{min-block-size:3.25rem;padding:.875rem 1rem}.b3-input[data-b3-emphasis=subtle]{background-color:var(--b3-color-canvas);border-color:#0000}.b3-input[data-b3-emphasis=outline]{background-color:#0000;border-width:2px}.b3-input[data-b3-tone=success]{border-color:var(--b3-color-success)}.b3-input[data-b3-tone=warning]{border-color:var(--b3-color-warning)}.b3-input[aria-invalid=true]{border-color:var(--b3-color-danger)}textarea.b3-input{resize:vertical}select.b3-input[multiple]{min-block-size:8rem}.b3-input[type=file]{padding:.375rem}.b3-input::file-selector-button{font:inherit;border-radius:max(0px, calc(var(--b3-radius) - .375rem - 1px));background:var(--b3-color-accent);color:var(--b3-color-on-accent);cursor:pointer;border:0;margin-inline-end:.75rem;padding:.5rem .75rem}.b3-input[data-b3-emphasis=outline]::file-selector-button{border-radius:max(0px, calc(var(--b3-radius) - .375rem - 2px))}.b3-input[type=color]{inline-size:5rem;padding:.25rem}.b3-range{min-block-size:2.75rem;inline-size:100%;accent-color:var(--b3-color-accent);margin:0}.b3-choice-card{border:1px solid var(--b3-color-border);border-radius:var(--b3-radius);background:var(--b3-color-surface);color:var(--b3-color-text);cursor:pointer;flex-wrap:wrap;align-items:start;gap:.75rem;padding:1rem;display:flex}.b3-choice-card>:not(input){overflow-wrap:anywhere;flex:12ch;min-inline-size:0}.b3-choice-card>input{flex:none;block-size:1.125rem;inline-size:1.125rem;margin-block-start:.3rem}.b3-choice-card:has(input:checked){border-color:var(--b3-color-accent);background:color-mix(in srgb, var(--b3-color-accent) 7%, var(--b3-color-surface));box-shadow:inset 0 0 0 1px var(--b3-color-accent)}.b3-choice-card:has(input:focus-visible){outline:none;box-shadow:inset 0 0 0 2px}.b3-choice-card:has(input:disabled){opacity:.5;cursor:not-allowed}.b3-choice-card:has(input[aria-invalid=true]){border-color:var(--b3-color-danger)}.b3-range[aria-invalid=true]{accent-color:var(--b3-color-danger)}.b3-stepper{flex-wrap:wrap;gap:1rem 2rem;margin:0;padding:0;list-style:none;display:flex}.b3-step{color:var(--b3-color-muted);align-items:center;gap:.625rem;font-size:.875rem;display:flex}.b3-step-marker{border:1px solid var(--b3-color-border);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;block-size:2rem;inline-size:2rem;display:grid}.b3-step[aria-current=step]{color:var(--b3-color-text);font-weight:650}.b3-step[aria-current=step] .b3-step-marker{background:var(--b3-color-accent);color:var(--b3-color-on-accent);border-color:var(--b3-color-accent)}.b3-step[data-b3-complete=true] .b3-step-marker{border-color:var(--b3-color-success);color:var(--b3-color-success)}.b3-conversation{gap:1.5rem;min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}.b3-message{grid-template-columns:minmax(0,1fr);justify-self:start;gap:.375rem;min-inline-size:0;max-inline-size:min(85%,38rem);display:grid}.b3-message[data-b3-side=self]{justify-self:end}.b3-message-body{border:1px solid var(--b3-color-border);border-radius:var(--b3-radius);background:var(--b3-color-surface);color:var(--b3-color-text);white-space:pre-wrap;overflow-wrap:anywhere;padding:.75rem 1rem}.b3-message[data-b3-side=self]>.b3-message-body{background:var(--b3-color-accent);color:var(--b3-color-on-accent);border-color:#0000}.b3-message-meta{color:var(--b3-color-muted);flex-wrap:wrap;gap:.35rem .75rem;font-size:.8125rem;display:flex}.b3-message[data-b3-side=self]>.b3-message-meta{justify-content:end}.b3-conversation{align-content:start}.b3-message-body:has(>:is(div,p,ul,ol,table,pre,blockquote,b3-markdown-stream)){white-space:normal}.b3-composer{align-items:end;gap:var(--b3-space-2);padding:var(--b3-space-3);border-block-start:1px solid var(--b3-color-border);background:var(--b3-color-canvas);flex-wrap:wrap;display:flex}.b3-composer>.b3-input,.b3-composer>.b3-button{border-radius:var(--b3-radius);min-block-size:var(--b3-d-control,2.75rem)}.b3-composer>.b3-input{resize:none;min-inline-size:0;max-inline-size:100%;padding-block:calc((var(--b3-d-control,2.75rem) - 1.5em - 2px) / 2);flex:12ch;line-height:1.5}.b3-composer>.b3-button{block-size:var(--b3-d-control,2.75rem);min-inline-size:var(--b3-d-control,2.75rem);flex-shrink:0;margin-inline-start:auto}.b3-message-body :where(p,ul,ol,pre,table,blockquote,h1,h2,h3,h4,h5,h6,div,figure):first-child{margin-block-start:0}.b3-message-body :where(p,ul,ol,pre,table,blockquote,h1,h2,h3,h4,h5,h6,div,figure):last-child{margin-block-end:0}.b3-conversation[data-b3-layout=assistant]{gap:.75em}.b3-conversation[data-b3-layout=assistant]>.b3-message{gap:.45em}.b3-conversation[data-b3-layout=assistant]>.b3-message:not([data-b3-side=self]){justify-self:stretch;max-inline-size:none}.b3-conversation[data-b3-layout=assistant]>.b3-message[data-b3-side=self]{max-inline-size:88%}.b3-conversation[data-b3-layout=assistant]>.b3-message:not([data-b3-side=self])>.b3-message-body{background:0 0;border:0;padding:0}.b3-conversation[data-b3-layout=assistant]>.b3-message[data-b3-side=self]>.b3-message-body,.b3-root[data-b3-theme=dark] .b3-conversation[data-b3-layout=assistant]>.b3-message[data-b3-side=self]>.b3-message-body{background:var(--b3-message-self-bg,color-mix(in srgb, var(--b3-color-accent) 12%, var(--b3-color-surface)));color:var(--b3-message-self-text,var(--b3-color-text));unicode-bidi:plaintext;border:0;border-radius:1.075em 1.075em .3em;padding:.625em .9375em}.b3-message-body:has(>:is(div,p,ul,ol,table,pre,blockquote,h1,h2,h3,h4,h5,h6)){overflow-wrap:anywhere;line-height:1.5}.b3-message-body :where(p,ul,ol,pre,blockquote,table,.b3-table-wrap,.b3-alert){margin-block:0 .6em}.b3-message-body :where(h1,h2,h3,h4,h5,h6){margin-block:.9em .3em;font-size:1.1em;line-height:1.3}.b3-message-body :where(h1){font-size:1.2em}.b3-message-body :where(ul,ol){padding-inline-start:1.5em}.b3-message-body :where(a){color:var(--b3-color-accent);text-underline-offset:2px;text-decoration:underline}.b3-message-body :where(:not(pre)>code){background:color-mix(in srgb, var(--b3-color-text) 8%, transparent);border-radius:.3em;padding:.05em .3em;font-size:.92em}.b3-message-body :where(code,pre){font-family:var(--b3-font-mono,ui-monospace, monospace);text-align:start;direction:ltr;unicode-bidi:isolate}.b3-message-body :where(pre){background:color-mix(in srgb, var(--b3-color-text) 6%, transparent);border-radius:.6em;padding:.75em .9em;font-size:.92em;overflow-x:auto}.b3-message-body :where(blockquote){border-inline-start:3px solid var(--b3-color-border);color:var(--b3-color-muted);margin-inline:0;padding-inline-start:.75em}.b3-message-disclosure{font-size:.92em}.b3-message-disclosure>summary{max-inline-size:100%;color:var(--b3-color-muted);border-radius:.5em;align-items:center;gap:.5em;padding:.25em .5em;list-style:none;display:inline-flex;overflow:hidden}.b3-message-disclosure>summary::-webkit-details-marker{display:none}.b3-message-disclosure>summary:before{content:"›";transition:transform var(--b3-duration,.15s)}.b3-message-disclosure[open]>summary:before{transform:rotate(90deg)}@media (hover:hover){.b3-message-disclosure>summary:hover{background:color-mix(in srgb, var(--b3-color-text) 6%, transparent)}}.b3-message-disclosure>:not(summary){max-block-size:18em;color:var(--b3-color-muted);white-space:pre-wrap;padding:.35em .65em .35em 1.5em;font-style:italic;overflow-y:auto}.b3-composer[data-b3-layout=stacked]{border:1px solid var(--b3-color-border);background:var(--b3-color-surface);border-radius:.9375em;flex-flow:column;align-items:stretch;gap:.45em;padding:.625em}.b3-composer[data-b3-layout=stacked]:focus-within{border-color:var(--b3-color-accent)}.b3-composer[data-b3-layout=stacked]>textarea{max-block-size:15.4em;inline-size:100%;color:inherit;font:inherit;resize:none;background:0 0;border:0;padding:.15em;line-height:1.45;display:block}.b3-composer[data-b3-layout=stacked]>textarea:is(:focus,:focus-visible){box-shadow:none;outline:none}.b3-composer-bar{align-items:center;gap:.45em;min-inline-size:0;display:flex}.b3-composer-bar>.b3-button:last-child:not([data-b3-icon]){border-radius:.86em;flex:none;block-size:auto;min-block-size:2.46em;margin-inline-start:auto;padding:0 1.23em;font-size:.875em}.b3-mobile-app{--b3-touch:44px;min-block-size:100svh;max-inline-size:var(--b3-app-width,70rem);margin-inline:auto;padding-block-end:calc(5.5rem + env(safe-area-inset-bottom,0px))}.b3-mobile-app[data-b3-platform=android]{--b3-touch:48px}.b3-mobile-app :where(button,.b3-button,select,input:not([type=checkbox],[type=radio])){min-block-size:var(--b3-touch)}.b3-app-bar{padding:max(.75rem, env(safe-area-inset-top,0px)) 1.25rem .75rem;align-items:center;gap:.75rem;display:flex}.b3-app-bar>:last-child:not(:first-child){margin-inline-start:auto}.b3-bottom-nav{z-index:10;max-inline-size:var(--b3-app-width,70rem);padding:.5rem clamp(.5rem, 2vw, 1rem) max(.5rem, env(safe-area-inset-bottom,0px));background:var(--b3-color-surface);color:var(--b3-color-text);border-block-start:1px solid var(--b3-color-border);flex-wrap:wrap;justify-content:space-around;gap:.125rem;margin-inline:auto;display:flex;position:fixed;inset-block-end:0;inset-inline:0}.b3-bottom-link{appearance:none;cursor:pointer;overflow-wrap:anywhere;text-align:center;flex:1 1 max-content;min-block-size:var(--b3-touch,44px);min-inline-size:var(--b3-touch,44px);max-inline-size:100%;color:var(--b3-color-muted);background:0 0;border:0;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.25rem clamp(.125rem,1vw,.5rem);font-size:.75rem;text-decoration:none;display:flex}.b3-bottom-link:disabled{opacity:.5;cursor:not-allowed}.b3-bottom-link:has(svg){justify-content:flex-start}.b3-bottom-link[aria-current=page]{color:var(--b3-color-accent);font-weight:700}[data-b3-platform=android] .b3-bottom-link[aria-current=page]{background:var(--b3-color-canvas)}.b3-mobile-list{border:1px solid var(--b3-color-border);background:var(--b3-color-surface);border-radius:1rem;margin:0;padding:0;list-style:none;overflow:hidden}.b3-mobile-list>li+li{border-block-start:1px solid var(--b3-color-border)}.b3-mobile-row{min-block-size:var(--b3-touch,44px);color:var(--b3-color-text);align-items:center;gap:1rem;padding:.875rem 1rem;text-decoration:none;display:flex}.b3-mobile-row>:last-child:not(:first-child){margin-inline-start:auto}.b3-sheet{inline-size:min(100%, var(--b3-overlay-width,32rem));max-inline-size:none;max-block-size:min(85dvh, calc(100dvh - env(safe-area-inset-top,0px) - 1rem));overscroll-behavior:contain;border:1px solid var(--b3-color-border);padding:1.5rem min(1.5rem, 5vi) max(1.5rem, env(safe-area-inset-bottom,0px));background:var(--b3-color-surface);color:var(--b3-color-text);border-radius:1.5rem 1.5rem 0 0;margin:0 auto;inset:auto 0 0;overflow-y:auto}.b3-sheet::backdrop{background:#0007}.b3-sheet [data-b3-initial-focus]:focus{box-shadow:none;outline:none}.b3-sheet-handle{min-block-size:44px;inline-size:5rem;color:var(--b3-color-muted);touch-action:none;cursor:grab;background:0 0;border:0;border-radius:1rem;flex:none;align-self:center;place-items:center;margin-block:-1rem -.5rem;padding:0;display:grid}.b3-sheet-handle:before{content:"";background:currentColor;border-radius:1rem;block-size:.25rem;inline-size:2.25rem}.b3-sheet[data-b3-dragging]{animation:none}.b3-sheet[data-b3-dragging] .b3-sheet-handle{cursor:grabbing}[data-b3-platform=android] .b3-mobile-list{border-radius:1.5rem}@media (prefers-reduced-motion:no-preference){.b3-sheet[open]{animation:.32s cubic-bezier(.16,1,.3,1) b3-sheet-enter}@keyframes b3-sheet-enter{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}}.b3-root:has(dialog:modal){overflow:hidden}.b3-bottom-link[aria-current=page]{background:color-mix(in srgb, var(--b3-color-accent) 12%, transparent)}.b3-bottom-link :where(svg:not([width])){flex:none;block-size:1.375rem;inline-size:1.375rem}.b3-bottom-link>:where(span,strong):not(.b3-count){white-space:normal;overflow-wrap:anywhere;max-inline-size:100%;overflow:visible}:has(>.b3-bottom-link:nth-of-type(5))>.b3-bottom-link{padding-inline:.125rem;font-size:.6875rem}.b3-app-frame{inline-size:100%;block-size:var(--b3-frame-height,100dvh);min-block-size:0;max-inline-size:var(--b3-app-width,70rem);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);grid-template-rows:auto minmax(0,1fr) auto;margin-inline:auto;display:grid;overflow:clip}.b3-app-frame>header{grid-row:1;min-inline-size:0}.b3-app-frame>main{overscroll-behavior:contain;grid-area:2/1;min-block-size:0;min-inline-size:0;overflow:hidden auto}.b3-app-frame>:is(nav,footer){grid-row:3;min-inline-size:0;position:relative}.b3-app-frame>.b3-toast-region{overscroll-behavior:contain;grid-area:2/1;place-self:end;min-block-size:0;max-block-size:calc(100% - 2rem);margin:1rem;position:relative;inset:auto;overflow-y:auto}.b3-app-frame>.b3-app-bar{padding-block-start:.75rem}.b3-app-frame:has(>.b3-bottom-nav,>footer .b3-bottom-nav){padding-block-end:0}.b3-app-frame .b3-bottom-nav{inline-size:auto;max-inline-size:none;padding-block-end:max(.5rem, env(safe-area-inset-bottom,0px));position:static}:where(.b3-root[data-b3-density]) .b3-button{min-block-size:var(--b3-d-control,2.75rem);padding:var(--b3-d-pad-block,.625rem) var(--b3-d-pad-inline,1rem);font-size:var(--b3-d-label,inherit)}:where(.b3-root[data-b3-density]) .b3-button[data-b3-size=small]{min-block-size:var(--b3-d-control-small,auto);padding:calc(var(--b3-d-pad-block,.5rem) - .125rem) calc(var(--b3-d-pad-inline,.75rem) - .25rem)}:where(.b3-root[data-b3-density]) .b3-input:where(:not([type=checkbox],[type=radio])){min-block-size:var(--b3-d-control,2.75rem);padding:calc((var(--b3-d-control,2.75rem) - 1.5em - 2px) / 2) .75rem;line-height:1.5}:where(.b3-root[data-b3-density]) .b3-nav-link{min-block-size:var(--b3-d-control,2.75rem);padding:var(--b3-d-pad-block,.625rem) min(var(--b3-d-pad-inline,.875rem), 4%);font-size:var(--b3-d-label,inherit)}:where(.b3-root[data-b3-density]) .b3-heading{font-size:var(--b3-d-heading,1.375rem)}:where(.b3-root[data-b3-density]) .b3-avatar{block-size:var(--b3-d-avatar,2.5rem);inline-size:var(--b3-d-avatar,2.5rem)}:where(.b3-root[data-b3-density]) .b3-conversation{gap:var(--b3-d-gap,1.5rem)}:where(.b3-root[data-b3-density]) .b3-message-body{padding:var(--b3-d-message-pad,.75rem 1rem)}:where(.b3-root[data-b3-density]) .b3-message-meta{font-size:var(--b3-d-meta,.8125rem)}.b3-button[data-b3-emphasis=ghost]{color:var(--b3-color-muted);background:0 0;border-color:#0000}.b3-button[data-b3-emphasis=ghost]:not(:disabled):hover{color:var(--b3-color-text);background:color-mix(in srgb, var(--b3-color-text) 10%, transparent);box-shadow:none}.b3-button[data-b3-emphasis=ghost][aria-pressed=true]{color:var(--b3-color-accent)}.b3-button[data-b3-icon]{min-inline-size:var(--b3-d-control,2.75rem);padding-inline:0}.b3-button[data-b3-icon] :where(svg:not([width])){block-size:1.375em;inline-size:1.375em}.b3-button[data-b3-icon][data-b3-size=small]{min-inline-size:var(--b3-d-control-small,2.75rem);min-block-size:var(--b3-d-control-small,2.75rem);block-size:var(--b3-d-control-small,2.75rem);padding:0}.b3-button:disabled{opacity:1;background:color-mix(in srgb, var(--b3-color-muted) 14%, var(--b3-color-surface));color:var(--b3-color-muted);border-color:#0000}.b3-button[data-b3-emphasis=ghost]:disabled{background:0 0}.b3-truncate{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.b3-strong{font-size:inherit;font-weight:650}.b3-caption{color:var(--b3-color-muted);font-size:.8125rem;line-height:1.4}.b3-heading[data-b3-size=small]{font-size:1.0625rem;line-height:1.3}:is(a,button).b3-caption{color:var(--b3-color-accent);cursor:pointer;text-underline-offset:.15em;background:0 0;border:0;padding:0}:is(a,button).b3-caption:is(:hover,:focus-visible){text-decoration:underline}:where(.b3-root[data-b3-density]) .b3-caption{font-size:var(--b3-d-meta,.8125rem)}.b3-badge{gap:.25rem}:where(.b3-root[data-b3-density]) .b3-surface{padding:var(--b3-d-surface-pad,clamp(1rem, 3vw, 2rem))}.b3-input-group,.b3-input-group>.b3-input-affix,.b3-input-group>.b3-input{background:var(--b3-color-surface)}.b3-root[data-b3-theme=dark] .b3-message[data-b3-side=self]>.b3-message-body{background:color-mix(in srgb, var(--b3-color-accent) 22%, var(--b3-color-surface));color:var(--b3-color-text)}.b3-empty{justify-items:center;gap:var(--b3-space-2);padding:var(--b3-space-12) var(--b3-space-4);text-align:center;color:var(--b3-color-muted);display:grid}.b3-empty>svg{color:var(--b3-color-muted)}}@property --b3-reel-fade{syntax:"<length>";inherits:false;initial-value:2.5rem}@property --b3-tablist-start{syntax:"<length>";inherits:false;initial-value:0}@property --b3-tablist-end{syntax:"<length>";inherits:false;initial-value:0}
package/dist/components.js CHANGED
@@ -1 +1 @@
1
- var ot=typeof HTMLElement==="function"?HTMLElement:class{};function x(t,s){if(typeof customElements>"u"||customElements.get?.(t))return;try{customElements.define(t,s)}catch(f){console.warn(`bare-v3: ${t} was not registered`,f)}}class w extends ot{#t=null;#n=null;#e=null;target(){return this}connectedCallback(){let t=this.ownerDocument;if(t.readyState==="loading"){t.addEventListener("DOMContentLoaded",()=>{if(this.isConnected)this.#r()},{once:!0});return}this.#r()}disconnectedCallback(){this.#o(),this.#e?.disconnect(),this.#e=null}#r(){if(this.#t)return;let t=this.target();if(t!==this&&!this.#e)this.#e=new MutationObserver(()=>{if(this.target()!==this.#n)this.#o(),this.#r()}),this.#e.observe(this,{childList:!0});if(!t)return;this.#t=new AbortController,this.#n=t,this.mount(t,this.#t.signal)}#o(){this.#t?.abort(),this.#t=null,this.#n=null}}function k(t,s,f={},i=[]){let o=()=>{for(let c of i)if(!t.classList.contains(c))t.classList.add(c);for(let[c,d]of Object.entries(f))if(!t.hasAttribute(c))t.setAttribute(c,d)};o();let r=new MutationObserver(o);r.observe(t,{attributes:!0,attributeFilter:["class",...Object.keys(f)]}),s.addEventListener("abort",()=>r.disconnect(),{once:!0})}function P(t,s){let f=t.ownerDocument,i=(b)=>b.closest(t.localName)===t,o=(b)=>[...b.querySelectorAll('[role="tab"]')].filter((e)=>e.closest('[role="tablist"]')===b),r=new WeakMap,c=(b,e,n)=>{if(b.getAttribute(e)!==n)b.setAttribute(e,n)},d=()=>[...t.querySelectorAll('[role="tablist"]')].filter(i);function l(b,e){r.set(b,e);for(let n of o(b))c(n,"aria-selected",String(n===e)),c(n,"tabindex",n===e?"0":"-1")}function a(){let b=new Map;for(let e of d()){let n=r.get(e);if(!n)continue;for(let m of o(e)){let E=m.getAttribute("aria-controls"),g=E?f.getElementById(E):null;if(g)b.set(g,m===n||!!b.get(g))}}for(let[e,n]of b)if(e.hidden===n)e.hidden=!n}function u(b,e=!1){let n=b.closest('[role="tablist"]');if(!n||b.disabled)return;if(l(n,b),a(),e)b.focus({preventScroll:!0}),b.scrollIntoView({block:"nearest",inline:"nearest",behavior:"instant"})}function h(){for(let b of d()){let e=o(b).filter((g)=>!g.disabled),n=r.get(b),E=e.filter((g)=>g.getAttribute("aria-selected")==="true").find((g)=>g!==n)??(n&&e.includes(n)?n:e[0]);if(E)l(b,E)}a()}h();let p=new f.defaultView.MutationObserver(h);p.observe(t,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["aria-selected","tabindex","hidden"]}),s.addEventListener("abort",()=>p.disconnect(),{once:!0}),t.addEventListener("click",(b)=>{let e=b.target.closest?.('[role="tab"]'),n=e?.closest('[role="tablist"]');if(e&&n&&i(n)&&!e.disabled)u(e)},{signal:s}),t.addEventListener("keydown",(b)=>{let e=b.target.closest?.('[role="tab"]'),n=e?.closest('[role="tablist"]');if(!e||!n||!i(n))return;let m=o(n).filter((v)=>!v.disabled),E=m.indexOf(e),g=n.getAttribute("aria-orientation")==="vertical",y=f.defaultView.getComputedStyle(n).direction==="rtl",T=g?"ArrowDown":y?"ArrowLeft":"ArrowRight",L=g?"ArrowUp":y?"ArrowRight":"ArrowLeft",M;if(b.key===T)M=m[(E+1)%m.length];if(b.key===L)M=m[(E-1+m.length)%m.length];if(b.key==="Home")M=m[0];if(b.key==="End")M=m.at(-1);if(M)b.preventDefault(),u(M,!0)},{signal:s})}function F(t,s){let f=t.ownerDocument,i=f.defaultView,o=()=>i.getComputedStyle(t).direction==="rtl",r=()=>[...t.children].filter((n)=>n.getClientRects().length>0),c=(n)=>{let m=t.getBoundingClientRect(),E=n.getBoundingClientRect();return o()?m.right-E.right:E.left-m.left},d=()=>{let n=-1,m=1/0;return r().forEach((E,g)=>{let y=Math.abs(c(E));if(y<m-1)m=y,n=g}),n},l=(n)=>Math.max(0,Math.min(r().length-1,Math.trunc(n)||0)),a=()=>t.id?[...f.querySelectorAll("[data-b3-reel-to]")].filter((n)=>n.getAttribute("aria-controls")===t.id):[],u=(n=!0)=>{let m=d(),E=t.dataset.b3ReelIndex;if(m<0)delete t.dataset.b3ReelIndex;else if(E!==String(m))t.dataset.b3ReelIndex=String(m);for(let g of a()){let y=g.dataset.b3ReelTo;if(String(m)===y){if(g.getAttribute("aria-current")!=="true")g.setAttribute("aria-current","true")}else if(Number.isInteger(Number(y)))g.removeAttribute("aria-current")}if(n&&E!==void 0&&E!==String(m))t.dispatchEvent(new CustomEvent("b3-reel-change",{bubbles:!0,detail:{index:m,count:r().length}}))},h=(n,m="smooth")=>{let E=r()[l(n)];if(!E)return;let g=c(E);t.scrollBy({left:o()?-g:g,behavior:m})},p=new i.ResizeObserver(()=>u(!1));p.observe(t);let b=new i.MutationObserver(()=>u(!1));b.observe(t,{attributes:!0,attributeFilter:["data-b3-reel-index"]}),s.addEventListener("abort",()=>{p.disconnect(),b.disconnect()},{once:!0});let e=0;return t.addEventListener("scroll",()=>{i.cancelAnimationFrame(e),e=i.requestAnimationFrame(()=>u())},{signal:s}),f.addEventListener("click",(n)=>{let m=n.target.closest?.("[data-b3-reel-to]");if(!m||!t.id||m.getAttribute("aria-controls")!==t.id)return;let E=m.dataset.b3ReelTo,g=d();h(E==="next"?g+1:E==="previous"?g-1:Number(E))},{signal:s}),t.addEventListener("keydown",(n)=>{if(n.target!==t)return;let m=d(),E=o()?"ArrowLeft":"ArrowRight",g=o()?"ArrowRight":"ArrowLeft",y;if(n.key===E)y=m+1;if(n.key===g)y=m-1;if(n.key==="Home")y=0;if(n.key==="End")y=r().length-1;if(y===void 0)return;n.preventDefault(),h(y)},{signal:s}),u(!1),{get index(){return d()},get count(){return r().length},to:h}}var it=["transform","inset-block-start","inset-block-end","max-block-size","max-inline-size","min-inline-size"];function N(t,s){let f=t.ownerDocument,i=f.defaultView,o=null,r=()=>t.querySelector(".b3-dropdown-panel");function c(l){if(!o)return;for(let[a,u,h]of o)if(u)l.style.setProperty(a,u,h);else l.style.removeProperty(a)}s.addEventListener("abort",()=>{let l=r();if(l)c(l);o=null},{once:!0});function d(){let l=r();if(!l)return;if(c(l),!t.open){o=null;return}o??=it.map((L)=>[L,l.style.getPropertyValue(L),l.style.getPropertyPriority(L)]);let a={left:0,right:i.innerWidth,top:0,bottom:i.innerHeight};for(let L=t.parentElement;L;L=L.parentElement){let M=i.getComputedStyle(L),v=L.getBoundingClientRect(),S=L.offsetWidth?v.width/L.offsetWidth:1,R=L.offsetHeight?v.height/L.offsetHeight:1,O=v.left+L.clientLeft*S,q=v.top+L.clientTop*R;if(/^(auto|scroll|hidden|clip)$/.test(M.overflowX))a.left=Math.max(a.left,O),a.right=Math.min(a.right,O+L.clientWidth*S);if(/^(auto|scroll|hidden|clip)$/.test(M.overflowY))a.top=Math.max(a.top,q),a.bottom=Math.min(a.bottom,q+L.clientHeight*R)}let u=t.getBoundingClientRect();if(u.bottom<=a.top||u.top>=a.bottom||u.right<=a.left||u.left>=a.right){t.open=!1;return}let h=Math.max(0,a.right-a.left-16),p=l.getBoundingClientRect(),b=l.offsetWidth?p.width/l.offsetWidth:1,e=l.offsetHeight?p.height/l.offsetHeight:1;if(!(b>0&&e>0))return;if(p.width>h)l.style.minInlineSize="0",l.style.maxInlineSize=`${h/b}px`;let n=l.getBoundingClientRect(),m=n.left<a.left+8?a.left+8-n.left:n.right>a.right-8?a.right-8-n.right:0;l.style.transform=`translateX(${m/b}px)`;let E=Math.max(0,n.top-u.bottom),g=Math.max(0,a.bottom-u.bottom-E-8),y=Math.max(0,u.top-a.top-E-8),T=n.height>g&&y>g;if(l.style.maxBlockSize=`${Math.min(n.height,T?y:g)/e}px`,T)l.style.insetBlockStart="auto",l.style.insetBlockEnd="calc(100% + .5rem)"}t.addEventListener("toggle",d,{signal:s}),i.addEventListener("resize",()=>{if(t.open)d()},{signal:s}),i.addEventListener("scroll",(l)=>{if(!t.open||l.target?.nodeType&&r()?.contains(l.target))return;d()},{signal:s,capture:!0,passive:!0}),t.addEventListener("keydown",(l)=>{if(l.key!=="Escape"||l.target.closest?.("details[open]")!==t)return;t.open=!1,t.querySelector("summary")?.focus()},{signal:s}),f.addEventListener("click",(l)=>{if(t.open&&!t.contains(l.target))t.open=!1},{signal:s})}var A=new WeakMap;var st={enter:{keyframes:[{opacity:0,transform:"translateY(12px) scale(.985)"},{opacity:1,transform:"none"}],duration:320},exit:{keyframes:[{opacity:1,transform:"none"},{opacity:0,transform:"translateY(-6px) scale(.98)"}],duration:180,easing:"cubic-bezier(.4,0,1,1)"},update:{keyframes:[{opacity:0.35},{opacity:1}],duration:180},confirm:{keyframes:[{transform:"scale(.9)"},{transform:"scale(1.08)",offset:0.5},{transform:"scale(.985)",offset:0.8},{transform:"scale(1)"}],duration:380},reveal:{keyframes:[{opacity:0,clipPath:"inset(0 0 100%)",transform:"translateY(8px)"},{opacity:1,clipPath:"inset(0)",transform:"none"}],duration:440}},H=(t)=>!!(t.ownerDocument?.defaultView?.matchMedia("(prefers-reduced-motion: reduce)").matches||t.closest('[data-b3-motion="reduce"]'));function D(t,s,f){if(A.get(t)?.cancel(),!t.isConnected||!t.animate||H(t))return null;let i=t.animate(s,{easing:"cubic-bezier(.16,1,.3,1)",fill:"backwards",...f});A.set(t,i);let o=t.ownerDocument.defaultView.matchMedia("(prefers-reduced-motion: reduce)"),r=()=>{if(o.matches)i.cancel()};o.addEventListener("change",r);let c=()=>{if(o.removeEventListener("change",r),A.get(t)===i)A.delete(t)};return i.addEventListener("finish",c,{once:!0}),i.addEventListener("cancel",c,{once:!0}),i}function I(t,s="update",f={}){let i=st[s];if(!i)throw TypeError(`Unknown motion intent: ${s}`);let o=i.keyframes,r=A.get(t);if((s==="enter"||s==="exit")&&r&&(r.playState==="running"||r.playState==="paused")){let c=t.ownerDocument.defaultView.getComputedStyle(t);o=[{...i.keyframes[0],opacity:c.opacity,transform:c.transform},...i.keyframes.slice(1)]}return D(t,o,{duration:i.duration,easing:i.easing||"cubic-bezier(.16,1,.3,1)",delay:Math.min(200,Math.max(0,f.delay||0))})}function at(t,s="enter"){return Array.from(t,(f,i)=>I(f,s,{delay:Math.min(i*45,180)})).filter((f)=>!!f)}function lt(t,s){let f=()=>{let r=new Map;for(let c of t.querySelectorAll("[data-b3-layout]")){let d=c.dataset.b3Layout;if(!d||r.has(d))throw Error("Layout motion requires unique, non-empty data-b3-layout keys");r.set(d,{element:c,rect:c.getBoundingClientRect()})}return r},i=f();for(let{element:r}of i.values())A.get(r)?.cancel();s();let o=[];for(let[r,{element:c,rect:d}]of f()){let l=i.get(r);if(!l||l.element!==c){let n=I(c,"enter");if(n)o.push(n);continue}let a=l.rect;if(!d.width||!d.height||!a.width||!a.height)continue;let u=a.x-d.x,h=a.y-d.y,p=a.width/d.width,b=a.height/d.height;if(Math.abs(u)+Math.abs(h)+Math.abs(p-1)+Math.abs(b-1)<0.01)continue;let e=D(c,[{transformOrigin:"top left",transform:`translate(${u}px,${h}px) scale(${p},${b})`},{transformOrigin:"top left",transform:"none"}],{duration:420});if(e)o.push(e)}return o}function B(t,{x:s=0,y:f=0}={}){if(!Number.isFinite(s)||!Number.isFinite(f))throw TypeError("Settle displacement must be finite");let i=Array.from({length:41},(o,r)=>{let c=r/40,d=r===40?0:Math.exp(-7*c)*(Math.cos(11*c)+0.6*Math.sin(11*c));return{offset:c,transform:`translate(${s*d}px,${f*d}px)`}});return D(t,i,{duration:460,easing:"linear"})}function K(t,{signal:s,backdrop:f}){let i=t.ownerDocument,o=i.defaultView,r={signal:s},c=null,d=null,l=null,a=!1,u=(e)=>{let n=t.getBoundingClientRect();return e.clientX<n.left||e.clientX>n.right||e.clientY<n.top||e.clientY>n.bottom},h=()=>{d=null,delete t.dataset.b3Closing},p=()=>{if(!t.open||d)return!1;if(!t.dispatchEvent(new Event("cancel",{cancelable:!0})))return!1;if(H(t)||!t.animate)return t.close(),!0;let e=o.getComputedStyle(t),n=t.matches(".b3-sheet")?"translateY(100%)":t.dataset.b3Placement==="end"?`translateX(${e.direction==="rtl"?"-":""}100%)`:"scale(.985)",m=t.animate([{transform:e.transform,opacity:1},{transform:n,opacity:0}],{duration:160,easing:"cubic-bezier(.4, 0, 1, 1)"});return d=m,t.dataset.b3Closing="",m.finished.then(()=>{if(t.open)t.close()},()=>{}).finally(()=>{if(d===m)h()}),!0},b=(e=null)=>{if(c=e,!t.open)t.showModal()};return t.addEventListener("cancel",(e)=>{if(!e.cancelable||e.defaultPrevented||!e.isTrusted||e.target!==t)return;e.preventDefault(),e.stopImmediatePropagation(),p()},{...r,capture:!0}),s.addEventListener("abort",()=>{d?.cancel(),h()},{once:!0}),t.addEventListener("pointerdown",(e)=>{a=!1,l=e.isPrimary&&e.button===0&&e.target===t&&f()&&t.matches(":modal")&&u(e)?e.pointerId:null},r),t.addEventListener("pointerup",(e)=>{let n=l;if(l=null,n!==null&&n===e.pointerId&&e.target===t&&u(e))a=!0},r),t.addEventListener("pointercancel",()=>{l=null,a=!1},r),t.addEventListener("click",(e)=>{let n=a;if(a=!1,!n||e.target!==t||!u(e))return;e.preventDefault(),e.stopImmediatePropagation(),p()},{...r,capture:!0}),t.addEventListener("close",(e)=>{if(e.target!==t)return;d?.cancel(),h();let n=c;if(c=null,n?.isConnected&&!n.disabled)n.focus()},{...r,capture:!0}),t.addEventListener("click",(e)=>{let n=e.target.closest?.("[data-b3-close]");if(n&&!n.disabled&&n.closest("dialog")===t)p()},r),i.addEventListener("click",(e)=>{let n=e.target.closest?.("[data-b3-open]");if(n&&!n.disabled&&t.id&&n.dataset.b3Open===t.id)b(n)},r),{dismiss:p,show:b}}var ct=["tabindex","autofocus","data-b3-initial-focus"];function V(t,s){let f=t.ownerDocument,i=null,o=()=>{if(!i)return;let{title:c,original:d}=i;for(let[l,a]of Object.entries(d)){let u=l==="tabindex"?"-1":"";if(c.getAttribute(l)!==u)continue;if(a===null)c.removeAttribute(l);else c.setAttribute(l,a)}i=null},r=()=>{if([...t.querySelectorAll("[autofocus]")].find((a)=>a!==i?.title))return o();let d=t.getAttribute("aria-labelledby")?.trim().split(/\s+/)[0],l=d?f.getElementById(d):null;if(!l||!t.contains(l)||i?.title===l)return;o(),i={title:l,original:Object.fromEntries(ct.map((a)=>[a,l.getAttribute(a)]))},l.setAttribute("tabindex","-1"),l.setAttribute("autofocus",""),l.setAttribute("data-b3-initial-focus","")};r(),t.addEventListener("beforetoggle",(c)=>{if(c.newState==="open")r()},{signal:s}),s.addEventListener("abort",o,{once:!0})}function W(t,s,f){let i={signal:f},o=null,r=null,c=null,d=(a,u=!0)=>{let{handle:h,pointerId:p,distance:b}=a;if(o=null,delete t.dataset.b3Dragging,t.style.removeProperty("transform"),h.hasPointerCapture(p))h.releasePointerCapture(p);if(u&&b&&t.open&&!H(t)){let e=B(t,{y:b});if(!e)return;c=e,e.finished.catch(()=>{}).finally(()=>{if(c===e)c=null})}};t.addEventListener("pointerdown",(a)=>{r=null;let u=a.target.closest?.(".b3-sheet-handle");if(!u||u.closest("dialog")!==t||!t.matches(":modal"))return;if(o||!a.isPrimary||a.button!==0||t.hasAttribute("data-b3-closing"))return;c?.cancel();for(let h of t.getAnimations())h.cancel();o={handle:u,pointerId:a.pointerId,y:a.clientY,distance:0,moved:!1},t.dataset.b3Dragging="",u.setPointerCapture(a.pointerId)},i),t.addEventListener("pointermove",(a)=>{if(!o||a.pointerId!==o.pointerId)return;o.distance=Math.max(0,a.clientY-o.y),o.moved||=Math.abs(a.clientY-o.y)>6,t.style.transform=`translateY(${o.distance}px)`},i),t.addEventListener("pointerup",(a)=>{if(!o||a.pointerId!==o.pointerId)return;let u=o;if(u.moved)r={pointerId:u.pointerId,handle:u.handle};let h=Math.min(120,t.offsetHeight*0.25);if(u.moved&&u.distance>=h){let p=s();d(u,!p)}else d(u)},i);let l=(a)=>{if(o&&a.pointerId===o.pointerId)d(o)};t.addEventListener("pointercancel",l,i),t.addEventListener("lostpointercapture",l,i),t.addEventListener("click",(a)=>{let u=r;if(r=null,u&&a.detail!==0&&(a.pointerId===u.pointerId||u.handle.contains(a.target)))a.preventDefault(),a.stopImmediatePropagation()},{...i,capture:!0}),t.addEventListener("close",()=>{if(o)d(o,!1);c?.cancel()},{...i,capture:!0}),f.addEventListener("abort",()=>{if(o)d(o,!1);c?.cancel(),c=null},{once:!0})}function Y(t,s){let f={signal:s},i=()=>{let e=t.querySelector('input[role="combobox"]'),n=t.querySelector('[role="listbox"]');if(!e||!n?.id||e.getAttribute("aria-controls")!==n.id)return null;return{input:e,list:n,empty:t.querySelector("[data-b3-command-empty]"),status:t.querySelector("[data-b3-command-status]")}},o=null,r=[],c=(e)=>[...e.querySelectorAll('[role="option"]')];function d(e,n=!0){let m=i();if(!m)return;o=e||null;for(let E of c(m.list))E.setAttribute("aria-selected",String(E===o));if(o){if(m.input.setAttribute("aria-activedescendant",o.id),n)o.scrollIntoView({block:"nearest"})}else m.input.removeAttribute("aria-activedescendant")}function l(){let e=i();if(!e)return;let{input:n,list:m,empty:E,status:g}=e,y=n.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean),T=c(m);for(let M of T){let v=`${M.textContent} ${M.dataset.b3Keywords||""}`.toLocaleLowerCase();M.hidden=!y.every((S)=>v.includes(S))}for(let M of m.querySelectorAll('[role="group"]'))M.hidden=![...M.querySelectorAll('[role="option"]')].some((v)=>!v.hidden);let L=T.filter((M)=>!M.hidden);if(r=L.filter((M)=>M.id&&M.getAttribute("aria-disabled")!=="true"),m.hidden=!L.length,n.setAttribute("aria-expanded",String(t.open&&!!L.length)),E)E.hidden=!!L.length;if(g)g.textContent=`${r.length} ${r.length===1?"action":"actions"} available.`;d(r[0],t.open&&!!m.parentElement?.classList.contains("b3-scroll"))}let a=()=>{if(!r.every((e)=>e.isConnected)||o&&!o.isConnected)l();return i()};function u(e){let n=a();if(!n||!e||!r.includes(e)||e.hidden||e.getAttribute("aria-disabled")==="true"||!n.list.contains(e))return;if(t.dispatchEvent(new CustomEvent("b3:command",{bubbles:!0,cancelable:!0,detail:{value:e.dataset.b3Value,item:e}})))t.close()}let h=(e)=>e.target===i()?.input;t.addEventListener("input",(e)=>{if(h(e))l()},f),t.addEventListener("keydown",(e)=>{if(!h(e)||e.isComposing||e.altKey||e.ctrlKey||e.metaKey)return;if(e.key==="ArrowDown"||e.key==="ArrowUp"){if(e.preventDefault(),a(),!r.length)return;let n=r.indexOf(o),m=e.key==="ArrowDown"?Math.min(n+1,r.length-1):Math.max(n-1,0);d(r[m])}else if(e.key==="Enter")e.preventDefault(),a(),u(o)},f);let p=(e)=>{let n=e.target.closest?.('[role="option"]');return n&&i()?.list.contains(n)?n:null};t.addEventListener("pointerdown",(e)=>{if(p(e))e.preventDefault()},f),t.addEventListener("click",(e)=>{let n=p(e);if(n)u(n)},f);let b=new MutationObserver(()=>{let e=i();if(t.open){if(e)e.input.value="";l()}else if(e)e.input.setAttribute("aria-expanded","false"),e.input.removeAttribute("aria-activedescendant")});b.observe(t,{attributes:!0,attributeFilter:["open"]}),s.addEventListener("abort",()=>b.disconnect(),{once:!0}),l()}function z(t,s){let f=t.ownerDocument;t.addEventListener("click",(i)=>{let o=i.target.closest?.("[data-b3-dismiss]"),r=o?.closest(".b3-toast");if(!o||!r||o.disabled||!t.contains(r))return;let c=r.contains(f.activeElement),d=[...t.querySelectorAll(".b3-toast")],l=d.indexOf(r),a=r.dataset.b3ReturnFocus||t.dataset.b3ReturnFocus,u=a?f.getElementById(a):null;if(r.remove(),!c)return;let h=[...d.slice(l+1),...d.slice(0,l).reverse()].flatMap((p)=>[...p.querySelectorAll("[data-b3-dismiss]")]);if(u)h.push(u);if(t.hasAttribute("tabindex"))h.push(t);for(let p of h){if(!p.isConnected||p.matches(":disabled")||p.closest("[inert]")||!p.getClientRects().length)continue;if(p.focus(),f.activeElement===p)break}},{signal:s})}function X(t,s){let f=t.ownerDocument,i=f.defaultView,o=()=>[...t.querySelectorAll('a[href^="#"]')].flatMap((u)=>{let h;try{h=decodeURIComponent(u.getAttribute("href").slice(1))}catch{return[]}let p=f.getElementById(h);if(!p)u.removeAttribute("aria-current");return p?[{link:u,heading:p}]:[]});function r(u){for(let h=u.parentElement;h&&h!==f.body;h=h.parentElement)if(h.scrollHeight>h.clientHeight+1&&/(auto|scroll)/.test(i.getComputedStyle(h).overflowY))return h;return null}let c=0;function d(){c=0;let u=o(),h=u.filter(({heading:g})=>g.getClientRects().length).sort((g,y)=>g.heading.getBoundingClientRect().top-y.heading.getBoundingClientRect().top),p=h.length?r(h[0].heading):null,b=p?p.getBoundingClientRect().top+p.clientTop:0,e=h[0];for(let g of h){let y=parseFloat(i.getComputedStyle(g.heading).scrollMarginBlockStart)||0;if(g.heading.getBoundingClientRect().top<=b+y+1)e=g}let n=p?p.scrollTop:i.scrollY,m=p?p.clientHeight:i.innerHeight,E=p?p.scrollHeight:f.documentElement.scrollHeight;if(n>0&&n+m>=E-2)e=h.at(-1);for(let g of u)if(g!==e)g.link.removeAttribute("aria-current");else if(g.link.getAttribute("aria-current")!=="location")g.link.setAttribute("aria-current","location")}let l=()=>{if(!c)c=i.requestAnimationFrame(d)};i.addEventListener("scroll",l,{signal:s,capture:!0,passive:!0}),i.addEventListener("resize",l,{signal:s}),i.addEventListener("hashchange",l,{signal:s});let a=new i.MutationObserver(l);a.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["aria-current","href"]}),a.observe(f.body,{childList:!0,subtree:!0}),s.addEventListener("abort",()=>{i.cancelAnimationFrame(c),a.disconnect()},{once:!0}),d()}function ut(t,s){let f=t.ownerDocument||t,i=f.defaultView,o={signal:s},r=null,c=null,d=0,l=null,a=0,u=null,h=new i.MutationObserver((e)=>{if(!r.isConnected||e.some(({target:n})=>c.contains(n)&&!u.contains(n)))p()});function p(){if(!r)return;i.clearTimeout(a),h.disconnect();let e=r.dataset.b3Confirm;if(l&&e&&r.textContent===e)r.replaceChildren(...l);r.removeAttribute("data-b3-armed"),r=c=l=null,u.textContent=""}function b(e){if(!u?.isConnected)u=f.createElement("span"),u.className="b3-visually-hidden",u.setAttribute("role","status"),f.body.append(u);let n=u;r=e,d=i.performance.now(),c=e.parentElement.closest("li, tr, article, [data-id], .b3-row, .b3-card")||e.parentElement;let m=e.dataset.b3Confirm;if(m)l=[...e.childNodes],e.replaceChildren(m);e.setAttribute("data-b3-armed",""),h.observe(t,{childList:!0,subtree:!0}),h.observe(c,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),a=i.setTimeout(p,4000),i.requestAnimationFrame(()=>{if(r===e)n.textContent=m||"Press again to confirm"})}t.addEventListener("click",(e)=>{let n=e.target.closest?.("[data-b3-confirm]");if(r&&n!==r)p();if(!n||n.disabled||!t.contains(n))return;if(n===r&&i.performance.now()-d>=350)return p();if(e.preventDefault(),e.stopImmediatePropagation(),n!==r)b(n)},{...o,capture:!0}),t.addEventListener("focusout",({target:e})=>{if(e===r)i.queueMicrotask(()=>e===r&&p())},o),t.addEventListener("keydown",(e)=>{let n=e;if(n.key==="Escape")p();else if(n.repeat&&(n.key==="Enter"||n.key===" ")&&n.target.closest?.("[data-b3-confirm]"))n.preventDefault()},{...o,capture:!0}),s?.addEventListener("abort",()=>{p(),u?.remove()},{once:!0})}var j=Symbol.for("bare-v3.confirm");function U(){if(typeof document>"u"||!document.defaultView?.MutationObserver)return;let t=document;if(t[j])return;t[j]=!0,ut(document)}function G(t,s){let f=()=>t.querySelector("textarea"),i=()=>{let o=f();if(!o)return;if(o.style.height="auto",!o.scrollHeight){o.style.height="";return}let r=getComputedStyle(o),c=r.boxSizing==="border-box"?parseFloat(r.borderTopWidth)+parseFloat(r.borderBottomWidth):-(parseFloat(r.paddingTop)+parseFloat(r.paddingBottom)),d=parseFloat(r.maxHeight),l=o.scrollHeight+c;o.style.height=`${Number.isFinite(d)?Math.min(l,d):l}px`};return t.addEventListener("input",(o)=>{if(o.target===f())i()},{signal:s}),t.addEventListener("keydown",(o)=>{let r=f();if(o.target!==r||o.key!=="Enter"||o.shiftKey||o.altKey||o.isComposing||o.defaultPrevented)return;o.preventDefault();let c=new CustomEvent("b3:send",{bubbles:!0,cancelable:!0,detail:{metaKey:o.metaKey,ctrlKey:o.ctrlKey}});if(t.dispatchEvent(c))r.form?.requestSubmit()},{signal:s}),i(),{grow:i}}class _ extends w{mount(t,s){P(t,s)}}class J extends w{#t=null;get index(){return this.#t?.index??-1}set index(t){this.#t?.to(t)}get count(){return this.#t?.count??0}to(t,s){this.#t?.to(t,s)}mount(t,s){k(t,s,{tabindex:"0"},["b3-reel"]),this.#t=F(t,s),s.addEventListener("abort",()=>{this.#t=null},{once:!0})}}class Q extends w{target(){return this.querySelector(":scope > details")}mount(t,s){N(t,s)}}class C extends w{#t=null;target(){return this.querySelector(":scope > dialog")}mount(t,s){this.#t=K(t,{signal:s,backdrop:()=>this.getAttribute("backdrop")==="dismiss"}),s.addEventListener("abort",()=>{this.#t=null},{once:!0})}show(t){if(this.#t)this.#t.show(t??null);else if(!this.target()?.open)this.target()?.showModal()}close(){if(this.#t)return this.#t.dismiss();return this.target()?.close(),!0}}class Z extends C{mount(t,s){super.mount(t,s),V(t,s),W(t,()=>this.close(),s)}}class tt extends C{mount(t,s){super.mount(t,s),Y(t,s)}}class et extends w{mount(t,s){k(t,s,{},["b3-toast-region"]),z(t,s)}}class nt extends w{mount(t,s){k(t,s,{role:"navigation"},["b3-toc"]),X(t,s)}}class rt extends w{#t=null;mount(t,s){this.#t=G(t,s),s.addEventListener("abort",()=>{this.#t=null},{once:!0})}grow(){this.#t?.grow()}}x("b3-tabs",_);x("b3-reel",J);x("b3-dropdown",Q);x("b3-dialog",C);x("b3-sheet",Z);x("b3-command",tt);x("b3-toast-region",et);x("b3-toc",nt);x("b3-composer",rt);U();export{tt as B3Command,rt as B3Composer,C as B3Dialog,Q as B3Dropdown,J as B3Reel,Z as B3Sheet,_ as B3Tabs,et as B3ToastRegion,nt as B3Toc,lt as layout,I as motion,at as sequence,B as settle};
1
+ var it=typeof HTMLElement==="function"?HTMLElement:class{};function M(t,s){if(typeof customElements>"u"||customElements.get?.(t))return;try{customElements.define(t,s)}catch(f){console.warn(`bare-v3: ${t} was not registered`,f)}}class x extends it{#t=null;#n=null;#e=null;target(){return this}connectedCallback(){let t=this.ownerDocument;if(t.readyState==="loading"){t.addEventListener("DOMContentLoaded",()=>{if(this.isConnected)this.#r()},{once:!0});return}this.#r()}disconnectedCallback(){this.#o(),this.#e?.disconnect(),this.#e=null}#r(){if(this.#t)return;let t=this.target();if(t!==this&&!this.#e)this.#e=new MutationObserver(()=>{if(this.target()!==this.#n)this.#o(),this.#r()}),this.#e.observe(this,{childList:!0});if(!t)return;this.#t=new AbortController,this.#n=t,this.mount(t,this.#t.signal)}#o(){this.#t?.abort(),this.#t=null,this.#n=null}}function k(t,s,f={},i=[]){let o=()=>{for(let c of i)if(!t.classList.contains(c))t.classList.add(c);for(let[c,d]of Object.entries(f))if(!t.hasAttribute(c))t.setAttribute(c,d)};o();let r=new MutationObserver(o);r.observe(t,{attributes:!0,attributeFilter:["class",...Object.keys(f)]}),s.addEventListener("abort",()=>r.disconnect(),{once:!0})}function F(t,s){let f=t.ownerDocument,i=(b)=>b.closest(t.localName)===t,o=(b)=>[...b.querySelectorAll('[role="tab"]')].filter((e)=>e.closest('[role="tablist"]')===b),r=new WeakMap,c=(b,e,n)=>{if(b.getAttribute(e)!==n)b.setAttribute(e,n)},d=()=>[...t.querySelectorAll('[role="tablist"]')].filter(i);function l(b,e){r.set(b,e);for(let n of o(b))c(n,"aria-selected",String(n===e)),c(n,"tabindex",n===e?"0":"-1")}function a(){let b=new Map;for(let e of d()){let n=r.get(e);if(!n)continue;for(let m of o(e)){let E=m.getAttribute("aria-controls"),g=E?f.getElementById(E):null;if(g)b.set(g,m===n||!!b.get(g))}}for(let[e,n]of b)if(e.hidden===n)e.hidden=!n}function u(b,e=!1){let n=b.closest('[role="tablist"]');if(!n||b.disabled)return;if(l(n,b),a(),e)b.focus({preventScroll:!0}),b.scrollIntoView({block:"nearest",inline:"nearest",behavior:"instant"})}function h(){for(let b of d()){let e=o(b).filter((g)=>!g.disabled),n=r.get(b),E=e.filter((g)=>g.getAttribute("aria-selected")==="true").find((g)=>g!==n)??(n&&e.includes(n)?n:e[0]);if(E)l(b,E)}a()}h();let p=new f.defaultView.MutationObserver(h);p.observe(t,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["aria-selected","tabindex","hidden"]}),s.addEventListener("abort",()=>p.disconnect(),{once:!0}),t.addEventListener("click",(b)=>{let e=b.target.closest?.('[role="tab"]'),n=e?.closest('[role="tablist"]');if(e&&n&&i(n)&&!e.disabled)u(e)},{signal:s}),t.addEventListener("keydown",(b)=>{let e=b.target.closest?.('[role="tab"]'),n=e?.closest('[role="tablist"]');if(!e||!n||!i(n))return;let m=o(n).filter((w)=>!w.disabled),E=m.indexOf(e),g=n.getAttribute("aria-orientation")==="vertical",L=f.defaultView.getComputedStyle(n).direction==="rtl",T=g?"ArrowDown":L?"ArrowLeft":"ArrowRight",v=g?"ArrowUp":L?"ArrowRight":"ArrowLeft",y;if(b.key===T)y=m[(E+1)%m.length];if(b.key===v)y=m[(E-1+m.length)%m.length];if(b.key==="Home")y=m[0];if(b.key==="End")y=m.at(-1);if(y)b.preventDefault(),u(y,!0)},{signal:s})}function N(t,s){let f=t.ownerDocument,i=f.defaultView,o=()=>i.getComputedStyle(t).direction==="rtl",r=()=>[...t.children].filter((n)=>n.getClientRects().length>0),c=(n)=>{let m=t.getBoundingClientRect(),E=n.getBoundingClientRect();return o()?m.right-E.right:E.left-m.left},d=()=>{let n=-1,m=1/0;return r().forEach((E,g)=>{let L=Math.abs(c(E));if(L<m-1)m=L,n=g}),n},l=(n)=>Math.max(0,Math.min(r().length-1,Math.trunc(n)||0)),a=()=>t.id?[...f.querySelectorAll("[data-b3-reel-to]")].filter((n)=>n.getAttribute("aria-controls")===t.id):[],u=(n=!0)=>{let m=d(),E=t.dataset.b3ReelIndex;if(m<0)delete t.dataset.b3ReelIndex;else if(E!==String(m))t.dataset.b3ReelIndex=String(m);for(let g of a()){let L=g.dataset.b3ReelTo;if(String(m)===L){if(g.getAttribute("aria-current")!=="true")g.setAttribute("aria-current","true")}else if(Number.isInteger(Number(L)))g.removeAttribute("aria-current")}if(n&&E!==void 0&&E!==String(m))t.dispatchEvent(new CustomEvent("b3-reel-change",{bubbles:!0,detail:{index:m,count:r().length}}))},h=(n,m="smooth")=>{let E=r()[l(n)];if(!E)return;let g=c(E);t.scrollBy({left:o()?-g:g,behavior:m})},p=new i.ResizeObserver(()=>u(!1));p.observe(t);let b=new i.MutationObserver(()=>u(!1));b.observe(t,{attributes:!0,attributeFilter:["data-b3-reel-index"]}),s.addEventListener("abort",()=>{p.disconnect(),b.disconnect()},{once:!0});let e=0;return t.addEventListener("scroll",()=>{i.cancelAnimationFrame(e),e=i.requestAnimationFrame(()=>u())},{signal:s}),f.addEventListener("click",(n)=>{let m=n.target.closest?.("[data-b3-reel-to]");if(!m||!t.id||m.getAttribute("aria-controls")!==t.id)return;let E=m.dataset.b3ReelTo,g=d();h(E==="next"?g+1:E==="previous"?g-1:Number(E))},{signal:s}),t.addEventListener("keydown",(n)=>{if(n.target!==t)return;let m=d(),E=o()?"ArrowLeft":"ArrowRight",g=o()?"ArrowRight":"ArrowLeft",L;if(n.key===E)L=m+1;if(n.key===g)L=m-1;if(n.key==="Home")L=0;if(n.key==="End")L=r().length-1;if(L===void 0)return;n.preventDefault(),h(L)},{signal:s}),u(!1),{get index(){return d()},get count(){return r().length},to:h}}var st=["transform","inset-block-start","inset-block-end","max-block-size","max-inline-size","min-inline-size"];function K(t,s){let f=t.ownerDocument,i=f.defaultView,o=null,r=()=>t.querySelector(".b3-dropdown-panel");function c(l){if(!o)return;for(let[a,u,h]of o)if(u)l.style.setProperty(a,u,h);else l.style.removeProperty(a)}s.addEventListener("abort",()=>{let l=r();if(l)c(l);o=null},{once:!0});function d(){let l=r();if(!l)return;if(c(l),!t.open){o=null;return}o??=st.map((y)=>[y,l.style.getPropertyValue(y),l.style.getPropertyPriority(y)]);let a={left:0,right:i.innerWidth,top:0,bottom:i.innerHeight};for(let y=t.parentElement;y;y=y.parentElement){let w=i.getComputedStyle(y),A=y.getBoundingClientRect(),R=y.offsetWidth?A.width/y.offsetWidth:1,O=y.offsetHeight?A.height/y.offsetHeight:1,q=A.left+y.clientLeft*R,P=A.top+y.clientTop*O;if(/^(auto|scroll|hidden|clip)$/.test(w.overflowX))a.left=Math.max(a.left,q),a.right=Math.min(a.right,q+y.clientWidth*R);if(/^(auto|scroll|hidden|clip)$/.test(w.overflowY))a.top=Math.max(a.top,P),a.bottom=Math.min(a.bottom,P+y.clientHeight*O)}let u=t.getBoundingClientRect();if(u.bottom<=a.top||u.top>=a.bottom||u.right<=a.left||u.left>=a.right){t.open=!1;return}let h=Math.max(0,a.right-a.left-16),p=l.getBoundingClientRect(),b=l.offsetWidth?p.width/l.offsetWidth:1,e=l.offsetHeight?p.height/l.offsetHeight:1;if(!(b>0&&e>0))return;if(p.width>h)l.style.minInlineSize="0",l.style.maxInlineSize=`${h/b}px`;let n=l.getBoundingClientRect(),m=n.left<a.left+8?a.left+8-n.left:n.right>a.right-8?a.right-8-n.right:0;l.style.transform=`translateX(${m/b}px)`;let E=Math.max(0,n.top-u.bottom),g=Math.max(0,a.bottom-u.bottom-E-8),L=Math.max(0,u.top-a.top-E-8),T=n.height>g&&L>g,v=parseFloat(i.getComputedStyle(l).maxBlockSize)*e;if(l.style.maxBlockSize=`${Math.min(Number.isFinite(v)?v:1/0,T?L:g)/e}px`,T)l.style.insetBlockStart="auto",l.style.insetBlockEnd="calc(100% + .5rem)"}t.addEventListener("toggle",d,{signal:s}),i.addEventListener("resize",()=>{if(t.open)d()},{signal:s}),i.addEventListener("scroll",(l)=>{if(!t.open||l.target?.nodeType&&r()?.contains(l.target))return;d()},{signal:s,capture:!0,passive:!0}),t.addEventListener("keydown",(l)=>{if(l.key!=="Escape"||l.target.closest?.("details[open]")!==t)return;t.open=!1,t.querySelector("summary")?.focus()},{signal:s}),f.addEventListener("click",(l)=>{if(t.open&&!t.contains(l.target))t.open=!1},{signal:s})}var S=new WeakMap;var at={enter:{keyframes:[{opacity:0,transform:"translateY(12px) scale(.985)"},{opacity:1,transform:"none"}],duration:320},exit:{keyframes:[{opacity:1,transform:"none"},{opacity:0,transform:"translateY(-6px) scale(.98)"}],duration:180,easing:"cubic-bezier(.4,0,1,1)"},update:{keyframes:[{opacity:0.35},{opacity:1}],duration:180},confirm:{keyframes:[{transform:"scale(.9)"},{transform:"scale(1.08)",offset:0.5},{transform:"scale(.985)",offset:0.8},{transform:"scale(1)"}],duration:380},reveal:{keyframes:[{opacity:0,clipPath:"inset(0 0 100%)",transform:"translateY(8px)"},{opacity:1,clipPath:"inset(0)",transform:"none"}],duration:440}},H=(t)=>!!(t.ownerDocument?.defaultView?.matchMedia("(prefers-reduced-motion: reduce)").matches||t.closest('[data-b3-motion="reduce"]'));function D(t,s,f){if(S.get(t)?.cancel(),!t.isConnected||!t.animate||H(t))return null;let i=t.animate(s,{easing:"cubic-bezier(.16,1,.3,1)",fill:"backwards",...f});S.set(t,i);let o=t.ownerDocument.defaultView.matchMedia("(prefers-reduced-motion: reduce)"),r=()=>{if(o.matches)i.cancel()};o.addEventListener("change",r);let c=()=>{if(o.removeEventListener("change",r),S.get(t)===i)S.delete(t)};return i.addEventListener("finish",c,{once:!0}),i.addEventListener("cancel",c,{once:!0}),i}function I(t,s="update",f={}){let i=at[s];if(!i)throw TypeError(`Unknown motion intent: ${s}`);let o=i.keyframes,r=S.get(t);if((s==="enter"||s==="exit")&&r&&(r.playState==="running"||r.playState==="paused")){let c=t.ownerDocument.defaultView.getComputedStyle(t);o=[{...i.keyframes[0],opacity:c.opacity,transform:c.transform},...i.keyframes.slice(1)]}return D(t,o,{duration:i.duration,easing:i.easing||"cubic-bezier(.16,1,.3,1)",delay:Math.min(200,Math.max(0,f.delay||0))})}function lt(t,s="enter"){return Array.from(t,(f,i)=>I(f,s,{delay:Math.min(i*45,180)})).filter((f)=>!!f)}function ct(t,s){let f=()=>{let r=new Map;for(let c of t.querySelectorAll("[data-b3-layout]")){let d=c.dataset.b3Layout;if(!d||r.has(d))throw Error("Layout motion requires unique, non-empty data-b3-layout keys");r.set(d,{element:c,rect:c.getBoundingClientRect()})}return r},i=f();for(let{element:r}of i.values())S.get(r)?.cancel();s();let o=[];for(let[r,{element:c,rect:d}]of f()){let l=i.get(r);if(!l||l.element!==c){let n=I(c,"enter");if(n)o.push(n);continue}let a=l.rect;if(!d.width||!d.height||!a.width||!a.height)continue;let u=a.x-d.x,h=a.y-d.y,p=a.width/d.width,b=a.height/d.height;if(Math.abs(u)+Math.abs(h)+Math.abs(p-1)+Math.abs(b-1)<0.01)continue;let e=D(c,[{transformOrigin:"top left",transform:`translate(${u}px,${h}px) scale(${p},${b})`},{transformOrigin:"top left",transform:"none"}],{duration:420});if(e)o.push(e)}return o}function B(t,{x:s=0,y:f=0}={}){if(!Number.isFinite(s)||!Number.isFinite(f))throw TypeError("Settle displacement must be finite");let i=Array.from({length:41},(o,r)=>{let c=r/40,d=r===40?0:Math.exp(-7*c)*(Math.cos(11*c)+0.6*Math.sin(11*c));return{offset:c,transform:`translate(${s*d}px,${f*d}px)`}});return D(t,i,{duration:460,easing:"linear"})}function V(t,{signal:s,backdrop:f}){let i=t.ownerDocument,o=i.defaultView,r={signal:s},c=null,d=null,l=null,a=!1,u=(e)=>{let n=t.getBoundingClientRect();return e.clientX<n.left||e.clientX>n.right||e.clientY<n.top||e.clientY>n.bottom},h=()=>{d=null,delete t.dataset.b3Closing},p=()=>{if(!t.open||d)return!1;if(!t.dispatchEvent(new Event("cancel",{cancelable:!0})))return!1;if(H(t)||!t.animate)return t.close(),!0;let e=o.getComputedStyle(t),n=t.matches(".b3-sheet")?"translateY(100%)":t.dataset.b3Placement==="end"?`translateX(${e.direction==="rtl"?"-":""}100%)`:"scale(.985)",m=t.animate([{transform:e.transform,opacity:1},{transform:n,opacity:0}],{duration:160,easing:"cubic-bezier(.4, 0, 1, 1)"});return d=m,t.dataset.b3Closing="",m.finished.then(()=>{if(t.open)t.close()},()=>{}).finally(()=>{if(d===m)h()}),!0},b=(e=null)=>{if(c=e,!t.open)t.showModal()};return t.addEventListener("cancel",(e)=>{if(!e.cancelable||e.defaultPrevented||!e.isTrusted||e.target!==t)return;e.preventDefault(),e.stopImmediatePropagation(),p()},{...r,capture:!0}),s.addEventListener("abort",()=>{d?.cancel(),h()},{once:!0}),t.addEventListener("pointerdown",(e)=>{a=!1,l=e.isPrimary&&e.button===0&&e.target===t&&f()&&t.matches(":modal")&&u(e)?e.pointerId:null},r),t.addEventListener("pointerup",(e)=>{let n=l;if(l=null,n!==null&&n===e.pointerId&&e.target===t&&u(e))a=!0},r),t.addEventListener("pointercancel",()=>{l=null,a=!1},r),t.addEventListener("click",(e)=>{let n=a;if(a=!1,!n||e.target!==t||!u(e))return;e.preventDefault(),e.stopImmediatePropagation(),p()},{...r,capture:!0}),t.addEventListener("close",(e)=>{if(e.target!==t)return;d?.cancel(),h();let n=c;if(c=null,n?.isConnected&&!n.disabled)n.focus()},{...r,capture:!0}),t.addEventListener("click",(e)=>{let n=e.target.closest?.("[data-b3-close]");if(n&&!n.disabled&&n.closest("dialog")===t)p()},r),i.addEventListener("click",(e)=>{let n=e.target.closest?.("[data-b3-open]");if(n&&!n.disabled&&t.id&&n.dataset.b3Open===t.id)b(n)},r),{dismiss:p,show:b}}var ut=["tabindex","autofocus","data-b3-initial-focus"];function W(t,s){let f=t.ownerDocument,i=null,o=()=>{if(!i)return;let{title:c,original:d}=i;for(let[l,a]of Object.entries(d)){let u=l==="tabindex"?"-1":"";if(c.getAttribute(l)!==u)continue;if(a===null)c.removeAttribute(l);else c.setAttribute(l,a)}i=null},r=()=>{if([...t.querySelectorAll("[autofocus]")].find((a)=>a!==i?.title))return o();let d=t.getAttribute("aria-labelledby")?.trim().split(/\s+/)[0],l=d?f.getElementById(d):null;if(!l||!t.contains(l)||i?.title===l)return;o(),i={title:l,original:Object.fromEntries(ut.map((a)=>[a,l.getAttribute(a)]))},l.setAttribute("tabindex","-1"),l.setAttribute("autofocus",""),l.setAttribute("data-b3-initial-focus","")};r(),t.addEventListener("beforetoggle",(c)=>{if(c.newState==="open")r()},{signal:s}),s.addEventListener("abort",o,{once:!0})}function Y(t,s,f){let i={signal:f},o=null,r=null,c=null,d=(a,u=!0)=>{let{handle:h,pointerId:p,distance:b}=a;if(o=null,delete t.dataset.b3Dragging,t.style.removeProperty("transform"),h.hasPointerCapture(p))h.releasePointerCapture(p);if(u&&b&&t.open&&!H(t)){let e=B(t,{y:b});if(!e)return;c=e,e.finished.catch(()=>{}).finally(()=>{if(c===e)c=null})}};t.addEventListener("pointerdown",(a)=>{r=null;let u=a.target.closest?.(".b3-sheet-handle");if(!u||u.closest("dialog")!==t||!t.matches(":modal"))return;if(o||!a.isPrimary||a.button!==0||t.hasAttribute("data-b3-closing"))return;c?.cancel();for(let h of t.getAnimations())h.cancel();o={handle:u,pointerId:a.pointerId,y:a.clientY,distance:0,moved:!1},t.dataset.b3Dragging="",u.setPointerCapture(a.pointerId)},i),t.addEventListener("pointermove",(a)=>{if(!o||a.pointerId!==o.pointerId)return;o.distance=Math.max(0,a.clientY-o.y),o.moved||=Math.abs(a.clientY-o.y)>6,t.style.transform=`translateY(${o.distance}px)`},i),t.addEventListener("pointerup",(a)=>{if(!o||a.pointerId!==o.pointerId)return;let u=o;if(u.moved)r={pointerId:u.pointerId,handle:u.handle};let h=Math.min(120,t.offsetHeight*0.25);if(u.moved&&u.distance>=h){let p=s();d(u,!p)}else d(u)},i);let l=(a)=>{if(o&&a.pointerId===o.pointerId)d(o)};t.addEventListener("pointercancel",l,i),t.addEventListener("lostpointercapture",l,i),t.addEventListener("click",(a)=>{let u=r;if(r=null,u&&a.detail!==0&&(a.pointerId===u.pointerId||u.handle.contains(a.target)))a.preventDefault(),a.stopImmediatePropagation()},{...i,capture:!0}),t.addEventListener("close",()=>{if(o)d(o,!1);c?.cancel()},{...i,capture:!0}),f.addEventListener("abort",()=>{if(o)d(o,!1);c?.cancel(),c=null},{once:!0})}function z(t,s){let f={signal:s},i=()=>{let e=t.querySelector('input[role="combobox"]'),n=t.querySelector('[role="listbox"]');if(!e||!n?.id||e.getAttribute("aria-controls")!==n.id)return null;return{input:e,list:n,empty:t.querySelector("[data-b3-command-empty]"),status:t.querySelector("[data-b3-command-status]")}},o=null,r=[],c=(e)=>[...e.querySelectorAll('[role="option"]')];function d(e,n=!0){let m=i();if(!m)return;o=e||null;for(let E of c(m.list))E.setAttribute("aria-selected",String(E===o));if(o){if(m.input.setAttribute("aria-activedescendant",o.id),n)o.scrollIntoView({block:"nearest"})}else m.input.removeAttribute("aria-activedescendant")}function l(){let e=i();if(!e)return;let{input:n,list:m,empty:E,status:g}=e,L=n.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean),T=c(m);for(let y of T){let w=`${y.textContent} ${y.dataset.b3Keywords||""}`.toLocaleLowerCase();y.hidden=!L.every((A)=>w.includes(A))}for(let y of m.querySelectorAll('[role="group"]'))y.hidden=![...y.querySelectorAll('[role="option"]')].some((w)=>!w.hidden);let v=T.filter((y)=>!y.hidden);if(r=v.filter((y)=>y.id&&y.getAttribute("aria-disabled")!=="true"),m.hidden=!v.length,n.setAttribute("aria-expanded",String(t.open&&!!v.length)),E)E.hidden=!!v.length;if(g)g.textContent=`${r.length} ${r.length===1?"action":"actions"} available.`;d(r[0],t.open&&!!m.parentElement?.classList.contains("b3-scroll"))}let a=()=>{if(!r.every((e)=>e.isConnected)||o&&!o.isConnected)l();return i()};function u(e){let n=a();if(!n||!e||!r.includes(e)||e.hidden||e.getAttribute("aria-disabled")==="true"||!n.list.contains(e))return;if(t.dispatchEvent(new CustomEvent("b3:command",{bubbles:!0,cancelable:!0,detail:{value:e.dataset.b3Value,item:e}})))t.close()}let h=(e)=>e.target===i()?.input;t.addEventListener("input",(e)=>{if(h(e))l()},f),t.addEventListener("keydown",(e)=>{if(!h(e)||e.isComposing||e.altKey||e.ctrlKey||e.metaKey)return;if(e.key==="ArrowDown"||e.key==="ArrowUp"){if(e.preventDefault(),a(),!r.length)return;let n=r.indexOf(o),m=e.key==="ArrowDown"?Math.min(n+1,r.length-1):Math.max(n-1,0);d(r[m])}else if(e.key==="Enter")e.preventDefault(),a(),u(o)},f);let p=(e)=>{let n=e.target.closest?.('[role="option"]');return n&&i()?.list.contains(n)?n:null};t.addEventListener("pointerdown",(e)=>{if(p(e))e.preventDefault()},f),t.addEventListener("click",(e)=>{let n=p(e);if(n)u(n)},f);let b=new MutationObserver(()=>{let e=i();if(t.open){if(e)e.input.value="";l()}else if(e)e.input.setAttribute("aria-expanded","false"),e.input.removeAttribute("aria-activedescendant")});b.observe(t,{attributes:!0,attributeFilter:["open"]}),s.addEventListener("abort",()=>b.disconnect(),{once:!0}),l()}function X(t,s){let f=t.ownerDocument;t.addEventListener("click",(i)=>{let o=i.target.closest?.("[data-b3-dismiss]"),r=o?.closest(".b3-toast");if(!o||!r||o.disabled||!t.contains(r))return;let c=r.contains(f.activeElement),d=[...t.querySelectorAll(".b3-toast")],l=d.indexOf(r),a=r.dataset.b3ReturnFocus||t.dataset.b3ReturnFocus,u=a?f.getElementById(a):null;if(r.remove(),!c)return;let h=[...d.slice(l+1),...d.slice(0,l).reverse()].flatMap((p)=>[...p.querySelectorAll("[data-b3-dismiss]")]);if(u)h.push(u);if(t.hasAttribute("tabindex"))h.push(t);for(let p of h){if(!p.isConnected||p.matches(":disabled")||p.closest("[inert]")||!p.getClientRects().length)continue;if(p.focus(),f.activeElement===p)break}},{signal:s})}function j(t,s){let f=t.ownerDocument,i=f.defaultView,o=()=>[...t.querySelectorAll('a[href^="#"]')].flatMap((u)=>{let h;try{h=decodeURIComponent(u.getAttribute("href").slice(1))}catch{return[]}let p=f.getElementById(h);if(!p)u.removeAttribute("aria-current");return p?[{link:u,heading:p}]:[]});function r(u){for(let h=u.parentElement;h&&h!==f.body;h=h.parentElement)if(h.scrollHeight>h.clientHeight+1&&/(auto|scroll)/.test(i.getComputedStyle(h).overflowY))return h;return null}let c=0;function d(){c=0;let u=o(),h=u.filter(({heading:g})=>g.getClientRects().length).sort((g,L)=>g.heading.getBoundingClientRect().top-L.heading.getBoundingClientRect().top),p=h.length?r(h[0].heading):null,b=p?p.getBoundingClientRect().top+p.clientTop:0,e=h[0];for(let g of h){let L=parseFloat(i.getComputedStyle(g.heading).scrollMarginBlockStart)||0;if(g.heading.getBoundingClientRect().top<=b+L+1)e=g}let n=p?p.scrollTop:i.scrollY,m=p?p.clientHeight:i.innerHeight,E=p?p.scrollHeight:f.documentElement.scrollHeight;if(n>0&&n+m>=E-2)e=h.at(-1);for(let g of u)if(g!==e)g.link.removeAttribute("aria-current");else if(g.link.getAttribute("aria-current")!=="location")g.link.setAttribute("aria-current","location")}let l=()=>{if(!c)c=i.requestAnimationFrame(d)};i.addEventListener("scroll",l,{signal:s,capture:!0,passive:!0}),i.addEventListener("resize",l,{signal:s}),i.addEventListener("hashchange",l,{signal:s});let a=new i.MutationObserver(l);a.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["aria-current","href"]}),a.observe(f.body,{childList:!0,subtree:!0}),s.addEventListener("abort",()=>{i.cancelAnimationFrame(c),a.disconnect()},{once:!0}),d()}function dt(t,s){let f=t.ownerDocument||t,i=f.defaultView,o={signal:s},r=null,c=null,d=0,l=null,a=0,u=null,h=new i.MutationObserver((e)=>{if(!r.isConnected||e.some(({target:n})=>c.contains(n)&&!u.contains(n)))p()});function p(){if(!r)return;i.clearTimeout(a),h.disconnect();let e=r.dataset.b3Confirm;if(l&&e&&r.textContent===e)r.replaceChildren(...l);r.removeAttribute("data-b3-armed"),r=c=l=null,u.textContent=""}function b(e){if(!u?.isConnected)u=f.createElement("span"),u.className="b3-visually-hidden",u.setAttribute("role","status"),f.body.append(u);let n=u;r=e,d=i.performance.now(),c=e.parentElement.closest("li, tr, article, [data-id], .b3-row, .b3-card")||e.parentElement;let m=e.dataset.b3Confirm;if(m)l=[...e.childNodes],e.replaceChildren(m);e.setAttribute("data-b3-armed",""),h.observe(t,{childList:!0,subtree:!0}),h.observe(c,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),a=i.setTimeout(p,4000),i.requestAnimationFrame(()=>{if(r===e)n.textContent=m||"Press again to confirm"})}t.addEventListener("click",(e)=>{let n=e.target.closest?.("[data-b3-confirm]");if(r&&n!==r)p();if(!n||n.disabled||!t.contains(n))return;if(n===r&&i.performance.now()-d>=350)return p();if(e.preventDefault(),e.stopImmediatePropagation(),n!==r)b(n)},{...o,capture:!0}),t.addEventListener("focusout",({target:e})=>{if(e===r)i.queueMicrotask(()=>e===r&&p())},o),t.addEventListener("keydown",(e)=>{let n=e;if(n.key==="Escape")p();else if(n.repeat&&(n.key==="Enter"||n.key===" ")&&n.target.closest?.("[data-b3-confirm]"))n.preventDefault()},{...o,capture:!0}),s?.addEventListener("abort",()=>{p(),u?.remove()},{once:!0})}var U=Symbol.for("bare-v3.confirm");function G(){if(typeof document>"u"||!document.defaultView?.MutationObserver)return;let t=document;if(t[U])return;t[U]=!0,dt(document)}function _(t,s){let f=()=>t.querySelector("textarea"),i=()=>{let o=f();if(!o)return;if(o.style.height="auto",!o.scrollHeight){o.style.height="";return}let r=getComputedStyle(o),c=r.boxSizing==="border-box"?parseFloat(r.borderTopWidth)+parseFloat(r.borderBottomWidth):-(parseFloat(r.paddingTop)+parseFloat(r.paddingBottom)),d=parseFloat(r.maxHeight),l=o.scrollHeight+c;o.style.height=`${Number.isFinite(d)?Math.min(l,d):l}px`};return t.addEventListener("input",(o)=>{if(o.target===f())i()},{signal:s}),t.addEventListener("keydown",(o)=>{let r=f();if(o.target!==r||o.key!=="Enter"||o.shiftKey||o.altKey||o.isComposing||o.defaultPrevented)return;o.preventDefault();let c=new CustomEvent("b3:send",{bubbles:!0,cancelable:!0,detail:{metaKey:o.metaKey,ctrlKey:o.ctrlKey}});if(t.dispatchEvent(c))r.form?.requestSubmit()},{signal:s}),i(),{grow:i}}class J extends x{mount(t,s){F(t,s)}}class Q extends x{#t=null;get index(){return this.#t?.index??-1}set index(t){this.#t?.to(t)}get count(){return this.#t?.count??0}to(t,s){this.#t?.to(t,s)}mount(t,s){k(t,s,{tabindex:"0"},["b3-reel"]),this.#t=N(t,s),s.addEventListener("abort",()=>{this.#t=null},{once:!0})}}class Z extends x{target(){return this.querySelector(":scope > details")}mount(t,s){K(t,s)}}class C extends x{#t=null;target(){return this.querySelector(":scope > dialog")}mount(t,s){this.#t=V(t,{signal:s,backdrop:()=>this.getAttribute("backdrop")==="dismiss"}),s.addEventListener("abort",()=>{this.#t=null},{once:!0})}show(t){if(this.#t)this.#t.show(t??null);else if(!this.target()?.open)this.target()?.showModal()}close(){if(this.#t)return this.#t.dismiss();return this.target()?.close(),!0}}class tt extends C{mount(t,s){super.mount(t,s),W(t,s),Y(t,()=>this.close(),s)}}class et extends C{mount(t,s){super.mount(t,s),z(t,s)}}class nt extends x{mount(t,s){k(t,s,{},["b3-toast-region"]),X(t,s)}}class rt extends x{mount(t,s){k(t,s,{role:"navigation"},["b3-toc"]),j(t,s)}}class ot extends x{#t=null;mount(t,s){this.#t=_(t,s),s.addEventListener("abort",()=>{this.#t=null},{once:!0})}grow(){this.#t?.grow()}}M("b3-tabs",J);M("b3-reel",Q);M("b3-dropdown",Z);M("b3-dialog",C);M("b3-sheet",tt);M("b3-command",et);M("b3-toast-region",nt);M("b3-toc",rt);M("b3-composer",ot);G();export{et as B3Command,ot as B3Composer,C as B3Dialog,Z as B3Dropdown,Q as B3Reel,tt as B3Sheet,J as B3Tabs,nt as B3ToastRegion,rt as B3Toc,ct as layout,I as motion,lt as sequence,B as settle};
package/dist/manifest.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "0.1.0-alpha.161",
3
- "cssSha256": "746ad5415b996f9aac0f521c3ad3ffe11c493bd941d16c657d9e8d3d29a92883",
2
+ "version": "0.1.0-alpha.163",
3
+ "cssSha256": "c1c3495897d7da63f76107c56fa0709a774f1390542ed2f0498c34effb49c3df",
4
4
  "classes": [
5
5
  "b3-accordion",
6
6
  "b3-alert",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@livx.cc/bare-v3",
3
- "version": "0.1.0-alpha.161",
3
+ "version": "0.1.0-alpha.163",
4
4
  "type": "module",
5
5
  "thirdPartyNotices": "./dist/third-party.json",
6
6
  "files": [