@baseline-ui/core 0.39.1 → 0.40.0

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 (7) hide show
  1. package/Acknowledgements.md +8 -36
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.mts +101 -66
  4. package/dist/index.d.ts +101 -66
  5. package/dist/index.js +5 -5
  6. package/dist/index.mjs +5 -5
  7. package/package.json +6 -6
package/Acknowledgements.md CHANGED
@@ -463,7 +463,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
463
463
 
464
464
  ---
465
465
 
466
- The following software may be included in this product: @babel/helpers (7.26.7)
466
+ The following software may be included in this product: @babel/helpers (7.26.10)
467
467
  This software contains the following license and notice below:
468
468
 
469
469
  MIT License
@@ -569,7 +569,7 @@ THE SOFTWARE.
569
569
 
570
570
  ---
571
571
 
572
- The following software may be included in this product: @babel/parser (7.26.7)
572
+ The following software may be included in this product: @babel/parser (7.26.8)
573
573
  This software contains the following license and notice below:
574
574
 
575
575
  Copyright (C) 2012-2014 by various contributors (see AUTHORS)
@@ -594,7 +594,7 @@ THE SOFTWARE.
594
594
 
595
595
  ---
596
596
 
597
- The following software may be included in this product: @babel/parser (7.26.8)
597
+ The following software may be included in this product: @babel/parser (7.26.10)
598
598
  This software contains the following license and notice below:
599
599
 
600
600
  Copyright (C) 2012-2014 by various contributors (see AUTHORS)
@@ -619,7 +619,7 @@ THE SOFTWARE.
619
619
 
620
620
  ---
621
621
 
622
- The following software may be included in this product: @babel/runtime (7.25.9)
622
+ The following software may be included in this product: @babel/runtime (7.26.10)
623
623
  This software contains the following license and notice below:
624
624
 
625
625
  MIT License
@@ -647,35 +647,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
647
647
 
648
648
  ---
649
649
 
650
- The following software may be included in this product: @babel/runtime (7.26.7)
651
- This software contains the following license and notice below:
652
-
653
- MIT License
654
-
655
- Copyright (c) 2014-present Sebastian McKenzie and other contributors
656
-
657
- Permission is hereby granted, free of charge, to any person obtaining
658
- a copy of this software and associated documentation files (the
659
- "Software"), to deal in the Software without restriction, including
660
- without limitation the rights to use, copy, modify, merge, publish,
661
- distribute, sublicense, and/or sell copies of the Software, and to
662
- permit persons to whom the Software is furnished to do so, subject to
663
- the following conditions:
664
-
665
- The above copyright notice and this permission notice shall be
666
- included in all copies or substantial portions of the Software.
667
-
668
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
669
- EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
670
- MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
671
- NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
672
- LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
673
- OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
674
- WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
675
-
676
- ---
677
-
678
- The following software may be included in this product: @babel/template (7.25.9)
650
+ The following software may be included in this product: @babel/template (7.26.8)
679
651
  This software contains the following license and notice below:
680
652
 
681
653
  MIT License
@@ -703,7 +675,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
703
675
 
704
676
  ---
705
677
 
706
- The following software may be included in this product: @babel/template (7.26.8)
678
+ The following software may be included in this product: @babel/template (7.26.9)
707
679
  This software contains the following license and notice below:
708
680
 
709
681
  MIT License
@@ -843,7 +815,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
843
815
 
844
816
  ---
845
817
 
846
- The following software may be included in this product: @babel/types (7.26.7)
818
+ The following software may be included in this product: @babel/types (7.26.8)
847
819
  This software contains the following license and notice below:
848
820
 
849
821
  MIT License
@@ -871,7 +843,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
871
843
 
872
844
  ---
873
845
 
874
- The following software may be included in this product: @babel/types (7.26.8)
846
+ The following software may be included in this product: @babel/types (7.26.10)
875
847
  This software contains the following license and notice below:
876
848
 
877
849
  MIT License
package/dist/index.css CHANGED
@@ -7,4 +7,4 @@
7
7
  * This notice may not be removed from this file.
8
8
  *
9
9
  */
10
- @layer bui-reset;.z9nup81{display:flex;flex-direction:row}.z9nup82{pointer-events:none;cursor:not-allowed}.z9nup83{background-image:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%)}.z9nup84{background-size:4px 4px}.z9nup85{background-size:6px 6px}@layer bui-reset{.z9nup80{display:contents}.z9nup86{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer bui-base;@layer bui-variants;._6n12k90{list-style:none;padding-top:var(--bui-spacing-md);padding-bottom:var(--bui-spacing-md)}._6n12k98[data-orientation=vertical][data-layout=stack]{flex-direction:column}._6n12k98[data-orientation=horizontal][data-layout=stack]{flex-direction:row}._6n12k9f{overflow-wrap:break-word;inline-size:min-content;min-height:36px}@layer bui-base{._6n12k91{list-style:none;height:36px}._6n12k9b{list-style:none;transition-property:outline-color;z-index:9}}@layer bui-variants{._6n12k95{border-top-width:1px}._6n12k96{border-bottom-width:1px}}@layer bui-base;@layer bui-variants;@layer bui-base{.gukncs0{background-color:var(--bui-color-border-subtle);width:100%;height:1px;flex-shrink:0}}@layer bui-variants{.gukncs1{width:1px;height:100%}.gukncs2{background-color:var(--bui-color-border-medium)}}@layer bui-reset;@layer bui-variants;.uf19bsf{transition-property:rotate}.uf19bse[aria-expanded=true] .uf19bsf{rotate:180deg}@layer bui-reset{.uf19bs0{all:unset;height:fit-content}}@layer bui-variants{.uf19bs1{min-height:16px;min-width:16px}.uf19bs2{min-height:24px;min-width:24px}.uf19bs3{min-height:32px;min-width:32px}.uf19bs4{min-height:40px;min-width:40px}.uf19bs5{min-height:48px;min-width:48px}.uf19bs7{cursor:not-allowed}.uf19bs8{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}.uf19bs9[aria-expanded=true],.uf19bs9[data-pressed=true]{background-color:var(--bui-color-background-primary-medium)}.uf19bsa[aria-expanded=true],.uf19bsa[data-pressed=true]{color:var(--bui-color-icon-secondary)}.uf19bsb[aria-expanded=true],.uf19bsb[data-pressed=true]{background-color:var(--bui-color-background-primary-strong);color:var(--bui-color-icon-interactive-enabled)}.uf19bsc[aria-expanded=true],.uf19bsc[data-pressed=true]{color:var(--bui-color-icon-interactive-active)}.uf19bsd[aria-expanded=true],.uf19bsd[data-pressed=true]{background-color:var(--bui-color-background-primary-strong)}.uf19bse{min-height:unset;width:fit-content;min-width:unset}.uf19bse[aria-expanded=true],.uf19bse[data-pressed=true]{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}}@layer bui-base;@layer bui-variants;@layer bui-base{.cjv3et1{overflow:auto;outline:none;width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-xl))}[data-device=tablet] .cjv3et1,[data-device=tablet].cjv3et1{width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-2-xl))}[data-device=desktop] .cjv3et1,[data-device=desktop].cjv3et1{width:var(--cjv3et0)}}@layer bui-variants{.cjv3et2{max-width:240px}.cjv3et3{max-width:480px}.cjv3et4{max-width:720px}.cjv3et5{width:unset;max-width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-xl))}[data-device=tablet] .cjv3et5,[data-device=tablet].cjv3et5,[data-device=desktop] .cjv3et5,[data-device=desktop].cjv3et5{max-width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-2-xl))}.cjv3et7{outline:none;border-color:transparent}.cjv3eta{max-width:100vw}}@layer bui-base;@layer bui-variants;._1gzftthc{position:fixed;inset:0;z-index:1;overflow:hidden}._1gzftthd{opacity:0;position:fixed;pointer-events:none}._1gzftth1:has(.cjv3et1[data-focus-visible=true]) ._1gzftth2{display:none}._1gzftth1:has(.cjv3et1[data-focus-visible=true]) ._1gzftth7{display:block}@layer bui-base{._1gzftth1{min-width:max-content;position:absolute}._1gzftth1[data-placement=top],._1gzftth1[data-placement=bottom]{width:var(--_1gzftth0)}._1gzftth2{position:absolute}._1gzftth7{display:none;z-index:9}}@layer bui-variants{._1gzftth3{transform:rotate(180deg) translate(-50%,8px);transform-origin:left}._1gzftth4{bottom:0;transform:translate(-50%,8px)}._1gzftth5{transform:rotate(90deg) translate(-50%,11px)}._1gzftth6{right:0;transform:rotate(-90deg) translate(50%,11px);transform-origin:center}._1gzftth8{transform:rotate(180deg) translate(-50%,10px);transform-origin:left}._1gzftth9{bottom:0;transform:translate(-50%,10px)}._1gzfttha{transform:rotate(90deg) translate(-50%,10px)}._1gzftthb{right:0;transform:rotate(-90deg) translate(50%,10px);transform-origin:center}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.oom8bs0 svg{pointer-events:none}.oom8bs5[aria-expanded=true] .uf19bsf{rotate:180deg}@layer bui-base{.oom8bs0{border:none;transition-property:all;width:fit-content;height:fit-content;white-space:nowrap;box-sizing:border-box}.oom8bst{transition-property:color}}@layer bui-variants{.oom8bs1{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.oom8bs1:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs2{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium);background-color:var(--bui-color-background-secondary-subtle);color:var(--bui-color-text-primary)}.oom8bs2:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs3{background-color:transparent;box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-enabled);color:var(--bui-color-text-interactive-enabled)}.oom8bs3:disabled{box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-disabled);color:var(--bui-color-text-interactive-disabled)}.oom8bs4{background-color:transparent;color:var(--bui-color-text-interactive-enabled)}.oom8bs4:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs5{background-color:transparent;color:var(--bui-color-text-primary);transition-property:none}.oom8bs5:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs5[aria-expanded=true]{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bs6{background-color:transparent;color:var(--bui-color-text-primary);border-radius:0}.oom8bs6:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs6[data-hovered=true],.oom8bs6[data-pressed=true],.oom8bs6[aria-expanded=true]{background-color:var(--bui-color-background-primary-strong)}.oom8bs6[data-focus-visible=true]{outline:2px solid var(--bui-color-focused-default);outline-offset:-2px}.oom8bs7{background-color:var(--bui-color-support-success-medium);color:var(--bui-color-text-inverse)}.oom8bs7:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs8{background-color:var(--bui-color-support-warning-medium);color:var(--bui-color-text-inverse)}.oom8bs8:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs9{background-color:var(--bui-color-support-error-medium);color:var(--bui-color-text-inverse)}.oom8bs9:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bsa{cursor:not-allowed}.oom8bsb{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}.oom8bsd{min-height:32px;padding:var(--bui-spacing-md)}.oom8bse{min-height:40px;padding:var(--bui-spacing-md) var(--bui-spacing-lg)}.oom8bsf{min-height:48px;padding:var(--bui-spacing-lg);font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}}@layer bui-compound-variants{.oom8bsg{background-color:var(--bui-color-background-interactive-hovered)}.oom8bsh{background-color:var(--bui-color-background-secondary-medium)}.oom8bsi{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive);box-shadow:none}.oom8bsj{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bsk{color:var(--bui-color-text-interactive-hovered)}.oom8bsl{background-color:var(--bui-color-support-success-strong)}.oom8bsm{background-color:var(--bui-color-support-warning-strong)}.oom8bsn{background-color:var(--bui-color-support-error-strong)}.oom8bso{border:none;box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}.oom8bsp{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset);background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.oom8bsq,.oom8bsr,.oom8bss{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}}@layer bui-base;@layer bui-variants;._14uvjig3{height:24px}._14uvjig4{height:2px}@media (pointer: coarse){._14uvjiga{min-height:22px;min-width:22px}}@layer bui-base{._14uvjigb{height:8px;width:8px;margin-top:1px;transition-property:height,width}}@layer bui-variants{._14uvjigc{height:12px;width:12px}._14uvjigd{cursor:not-allowed}._14uvjigf{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-background-interactive-enabled);transition-property:left}._14uvjigg{height:12px;width:12px}}@layer bui-variants;@layer bui-base;@layer bui-compound-variants;@layer bui-variants{.nrh1ehd{cursor:not-allowed}.nrh1ehj{cursor:inherit;color:var(--bui-color-text-interactive-disabled)}.nrh1ehj::placeholder{color:var(--bui-color-text-interactive-disabled)}.nrh1ehl{text-align:right}.nrh1ehu{width:max-content;max-width:100px}}@layer bui-base{.nrh1eh7{overflow:hidden;height:32px}.nrh1ehi{background-color:transparent;height:inherit;text-align:inherit}.nrh1ehi::placeholder{color:var(--bui-color-text-placeholder)}}@layer bui-compound-variants{.nrh1ehh{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}._1lnwne0{max-width:140px}._1lnwne1{display:flex;align-items:center;gap:var(--bui-spacing-sm);padding:0 var(--bui-spacing-sm);height:inherit;transition:background-color .2s ease-in}._1lnwne4{background-color:var(--bui-color-background-primary-medium)}@layer bui-base;._1jwycy80{width:0;height:0;border-right:7px solid transparent;border-bottom:8px solid;border-left:7px solid transparent;position:absolute}._1jwycy81{transform:translate(-50%,-7px)}._1jwycy82{transform:translate(10px,-50%) rotate(90deg);right:0}._1jwycy83{transform:translate(-10px,-50%) rotate(270deg);left:0}._1jwycy84{transform:translate(-50%,7px) rotate(180deg);bottom:0}._1jwycy85{border-bottom-color:var(--bui-color-background-inverse-strong)}._1jwycy86{border-bottom-color:var(--bui-color-background-primary-subtle)}@layer bui-base{._1jwycy87{max-inline-size:35ch}}@layer bui-variants;@layer bui-variants;@layer bui-base;.siobe24{min-height:48px}@layer bui-base{.siobe20{overflow:hidden;touch-action:none;width:100vw}[data-device=tablet] .siobe20,[data-device=tablet].siobe20,[data-device=desktop] .siobe20,[data-device=desktop].siobe20{width:100%;overflow:hidden}}@layer bui-variants;@layer bui-base;.aml2vl8{left:0;right:0;height:fit-content;max-height:80dvh;max-height:80vh}@layer bui-variants{.aml2vl1{position:absolute}.aml2vl2{position:fixed}.aml2vl5{align-items:flex-end}.aml2vl6{position:absolute}.aml2vl7{position:fixed}}@layer bui-base{.aml2vl3{z-index:1000}}.bpklwa0{display:inline-flex}.bpklwa1{flex-direction:column;gap:var(--bui-spacing-md);width:fit-content}.bpklwa2{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.bpklwa3{display:inline-flex;flex-direction:row;gap:var(--bui-spacing-md);align-items:center}.bpklwa4{flex-direction:row-reverse}.bpklwa6{color:var(--bui-color-text-primary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwa7{border-radius:9px;width:36px;height:18px;background-color:var(--bui-color-background-inverse-subtle);padding:2px;box-sizing:border-box;cursor:pointer}.bpklwa8{border:1px solid var(--bui-color-border-interactive-disabled);padding:1px;background-color:transparent;cursor:default}.bpklwa9{background-color:var(--bui-color-background-secondary-medium);cursor:not-allowed}.bpklwab{outline-offset:1px;outline:var(--bui-color-focused-default) 2px solid}.bpklwac{background-color:var(--bui-color-background-interactive-enabled)}.bpklwad{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwae{width:14px;height:14px;background-color:var(--bui-color-icon-oninteractive);border-radius:var(--bui-rounded-full);transition:transform .2s}.bpklwaf{background-color:var(--bui-color-border-interactive-disabled)}.bpklwag{transform:translate(18px)}.bpklwah{background-color:var(--bui-color-icon-primary)}._19n40yy0{display:flex;align-items:center;position:relative;flex-direction:row;padding:0 var(--bui-spacing-md);gap:var(--bui-spacing-md);background-color:var(--bui-color-background-primary-subtle);border-radius:var(--bui-rounded-xs);border:1px solid transparent;color:var(--bui-color-icon-primary);width:100%;font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._19n40yy1{height:48px}._19n40yy2{height:40px}._19n40yy3{height:32px;font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._19n40yy4{border-color:var(--bui-color-border-medium)}._19n40yy6{border-color:transparent;box-shadow:0 0 0 2px var(--bui-color-focused-default)}._19n40yy7{padding-right:0}._19n40yy8{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed}._19n40yy9{border:none;outline:none;background-color:transparent;font:inherit;display:flex;cursor:inherit;flex:1;color:var(--bui-color-text-primary)}._19n40yy9::placeholder{font:inherit;color:var(--bui-color-text-placeholder)}._19n40yy9::-webkit-search-cancel-button{-webkit-appearance:none}._19n40yy9::-webkit-search-decoration{-webkit-appearance:none}.xyd2ss0{list-style:none}.xyd2ss1{list-style:none;overflow-y:auto;max-height:inherit;min-width:150px;width:fit-content}.xyd2ss1:not(:has(.xyd2ss0)){padding-block:var(--bui-spacing-md)}._1mdhlqv0{cursor:pointer;background-color:transparent}._1mdhlqv1{outline:none}._1mdhlqv2{border-color:var(--bui-color-border-medium)}._1mdhlqv8{transition:transform .2s ease-in-out}._1mdhlqv9{transform:rotate(180deg)}._1mdhlqva{flex:1}._1mdhlqvb{min-width:max(64px,var(--_1gzftth0));position:relative;overflow-y:auto;max-height:inherit;border:none;outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}._1mdhlqvb .BaselineUI-ListBox-Section{padding-block:var(--bui-spacing-md)}._1mdhlqvb.BaselineUI-ListBox:not(:has(.BaselineUI-ListBox-Section)){padding-block:var(--bui-spacing-md)}._13f0naj0{cursor:pointer;color:var(--bui-color-text-interactive-enabled);transition:color .2s;outline:none}._13f0naj0:visited:not([aria-disabled=true]){color:var(--bui-color-text-interactive-visited);text-decoration-color:var(--bui-color-border-interactive-visited)}._13f0naj1{text-decoration:none}._13f0naj2{text-decoration:underline;text-decoration-color:var(--bui-color-border-interactive-enabled)}._13f0naj3{color:var(--bui-color-text-interactive-hovered);text-decoration-color:var(--bui-color-border-interactive-hovered)}._13f0naj4{outline:2px solid var(--bui-color-focused-default)}._13f0naj5{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed;text-decoration-color:var(--bui-color-border-interactive-disabled)}._13f0najc{color:var(--bui-color-text-interactive-active);outline:2px solid var(--bui-color-focused-default)}._13f0najd{font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._13f0naje{font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._13f0najf{font:var(--bui-typography-body-lg-regular-font);letter-spacing:var(--bui-typography-body-lg-regular-letter-spacing)}._13f0najg{font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._13f0najh{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._13f0naji{font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}._180w5ed0{text-align:center;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;padding:var(--bui-spacing-xl);gap:var(--bui-spacing-md)}._180w5ed1{width:100%;background-color:var(--bui-color-background-secondary-subtle)}._180w5ed2{border:1px dashed var(--bui-color-border-medium);border-radius:var(--bui-rounded-sm)}._180w5ed3{outline:none}._180w5ed4{pointer-events:none;background-color:unset}._180w5ed5{border-color:var(--bui-color-border-interactive-enabled)}._180w5ed6{border:2px solid var(--bui-color-border-interactive-enabled)}._180w5ed7{border:1px solid var(--bui-color-border-interactive-disabled)}._180w5ed8{border:1px dashed var(--bui-color-border-interactive-disabled)}._180w5ed9{color:var(--bui-color-icon-secondary)}._180w5eda{color:var(--bui-color-icon-interactive-disabled)}._180w5edb{cursor:inherit;color:var(--bui-color-background-interactive-enabled);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._180w5edc{color:var(--bui-color-text-interactive-disabled)}._180w5edd{text-decoration:underline}._180w5ede{color:var(--bui-color-text-helper);font:var(--bui-typography-label-md-regular-font);letter-spacing:var(--bui-typography-label-md-regular-letter-spacing)}._180w5edf{color:var(--bui-color-text-interactive-disabled)}@layer bui-base;._12vfhl42{height:16px}._12vfhl43{height:4px}@layer bui-base{._12vfhl44{height:4px}}@layer bui-base;@layer bui-variants;._9b1tml0{display:inline-flex;flex-direction:row;align-self:flex-start;padding:var(--bui-spacing-xs);gap:var(--bui-spacing-xs);border-radius:var(--bui-rounded-sm);align-items:center;cursor:pointer;transition:background-color .2s ease;outline:none;border:none;background-color:var(--bui-color-background-secondary-subtle)}._9b1tml1{background-color:var(--bui-color-background-interactive-enabled)}._9b1tml2{background-color:var(--bui-color-background-secondary-subtle)}._9b1tml5{outline:2px solid var(--bui-color-focused-default)}._9b1tml6{cursor:default;box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-disabled);background-color:var(--bui-color-background-primary-subtle)}._9b1tml7{padding:1px;border:1px solid var(--bui-color-focused-inset)}._9b1tml8{background-color:var(--bui-color-background-interactive-hovered)}._9b1tml9{background-color:var(--bui-color-background-secondary-medium)}._9b1tmla{background-color:var(--bui-color-background-interactive-disabled);color:var(--bui-color-text-oninteractive)}._9b1tmlb{background-color:var(--bui-color-background-interactive-disabled);box-shadow:inset 0 0 0 1px var(--bui-color-border-inverse)}._9b1tmlc{padding:var(--bui-spacing-xs);background-color:var(--bui-color-background-primary-subtle);color:var(--bui-color-icon-primary);border-radius:var(--bui-rounded-xs);display:flex}._9b1tmld{color:var(--bui-color-icon-interactive-disabled)}._9b1tmle{color:var(--bui-color-icon-inverse);background-color:var(--bui-color-background-inverse-strong)}@layer bui-base{._9b1tmlf{font-variant-numeric:tabular-nums}}@layer bui-variants{._9b1tmlh{height:20px}._9b1tmli{height:24px}}@keyframes _1azy5683{0%{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:0}50%{stroke-dasharray:calc(var(--_1azy5680) * .75) calc(var(--_1azy5680) * .25);stroke-dashoffset:calc(var(--_1azy5680) * -.25)}to{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:calc(-1 * var(--_1azy5680))}}@keyframes _1azy5684{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1azy5681{gap:var(--bui-spacing-md);align-items:center}._1azy5682{display:flex;align-items:center}._1azy5685{fill:none;stroke-width:3;stroke:var(--bui-color-background-interactive-enabled);transform-origin:center;animation:1.5s ease-in-out infinite _1azy5683,2s linear infinite _1azy5684}._1azy5686{position:absolute;fill:none;stroke-width:3;stroke:var(--bui-color-border-medium)}._1azy5687{color:var(--bui-color-support-success-medium)}._1azy5688{color:var(--bui-color-support-error-medium)}._1azy5689{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._5uw3kp0{background-color:transparent;border-radius:0;align-items:center;gap:var(--bui-spacing-md);color:var(--bui-color-text-primary);outline:none;cursor:pointer}._5uw3kp0:active:not(:disabled){background-color:var(--bui-color-background-primary-strong)}._5uw3kp1{background-color:var(--bui-color-background-primary-strong)}._5uw3kp2{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._5uw3kp3{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed}._5uw3kp4{color:var(--bui-color-text-oninteractive);background-color:var(--bui-color-background-interactive-enabled)}._5uw3kp5{min-height:32px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:var(--bui-spacing-md)}._5uw3kp6{min-height:40px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:var(--bui-spacing-md) var(--bui-spacing-lg)}._5uw3kp7{min-height:48px;font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing);padding:var(--bui-spacing-lg)}._5uw3kp8{border-radius:var(--bui-rounded-xs)}._5uw3kpa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}._5uw3kpb{background-color:var(--bui-color-background-interactive-disabled)}._5uw3kpc{border-radius:var(--bui-rounded-sm)}@layer bui-base;@layer bui-variants;@layer bui-base{._16vugd03{height:16px;width:16px;transition-property:background-color,border-color}}@layer bui-variants{._16vugd06{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-focused-default)}._16vugd08,._16vugd09{cursor:not-allowed;pointer-events:none}}@layer bui-variants;@layer bui-base;._1nsi9h17{display:flex;gap:var(--bui-spacing-sm);height:inherit;align-items:center;padding:0 var(--bui-spacing-lg)}._1nsi9h18{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1nsi9h19{justify-content:center;flex:1}._1nsi9h1b{padding:0 var(--bui-spacing-md)}._1nsi9h1f{font:inherit;line-height:inherit;font-variant-numeric:tabular-nums;background-color:transparent}._1nsi9h1f:disabled{color:var(--bui-color-text-interactive-disabled)}@layer bui-variants{._1nsi9h11{height:24px}._1nsi9h12{height:32px}._1nsi9h13{height:40px}._1nsi9h14{height:48px}}@layer bui-base{._1nsi9h1g{white-space:nowrap}}@layer bui-base;@layer bui-variants;._1f789qju{all:unset;display:inline-flex;padding:var(--bui-spacing-sm);border-radius:var(--bui-rounded-full);cursor:pointer;transition:background-color .2s ease-in-out}._1f789qj11{background-color:var(--bui-color-background-secondary-subtle)}._1f789qj12{background-color:var(--bui-color-support-error-subtler)}._1f789qj13{background-color:var(--bui-color-support-info-subtler)}._1f789qj14{background-color:var(--bui-color-support-success-subtler)}._1f789qj15{background-color:var(--bui-color-background-inverse-medium)}@layer bui-base{._1f789qj0{width:fit-content}}@layer bui-variants{._1f789qj1{outline:2px solid var(--bui-color-focused-default);outline-offset:1px}._1f789qj7{cursor:not-allowed}._1f789qja{cursor:pointer}._1f789qjc:has(.BaselineUI-Tag-Icon){padding-inline-start:var(--bui-spacing-sm)}._1f789qjd{min-height:16px}._1f789qjd:has(.BaselineUI-Tag-Icon){padding-inline-start:var(--bui-spacing-xs)}}@layer bui-reset;._1kvz17d1{transform:rotate(90deg)}._1kvz17d2{cursor:pointer;box-shadow:inset 0 1px 0 var(--bui-color-border-medium);outline:none;height:40px}._1kvz17d3{outline-offset:-2px;outline:2px solid var(--bui-color-focused-default)}._1kvz17dc{opacity:0}._1kvz17dd{opacity:1}._1kvz17de{overflow:hidden}@layer bui-reset{._1kvz17da{all:unset}}._1017q4c0{border-radius:var(--bui-rounded-full);color:var(--bui-color-icon-inverse);display:flex;position:relative;align-items:center;justify-content:center;background-color:var(--bui-color-icon-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._1017q4c1{height:24px;width:24px}._1017q4c2{height:16px;width:16px}._1017q4c3{opacity:var(--bui-opacity-medium)}._1017q4c4{height:100%;width:100%;border-radius:var(--bui-rounded-full);overflow:hidden;object-fit:cover}._1017q4c5{position:absolute;height:12px;width:12px;background-color:var(--bui-color-support-error-medium);border:2px solid var(--bui-color-border-subtle);border-radius:var(--bui-rounded-full);bottom:-4px;right:-4px}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1x62fhbl{border-left:1px solid var(--bui-color-border-medium);flex-shrink:0}._1x62fhbl:first-of-type{border-left:none}@layer bui-base{._1x62fhb0{overflow-x:auto;height:40px}._1x62fhb6{text-wrap:nowrap}}@layer bui-variants{._1x62fhb9{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1x62fhba{pointer-events:none;cursor:not-allowed}._1x62fhbb{border-right:1px solid var(--bui-color-border-medium)}}@layer bui-compound-variants{._1x62fhbd{box-shadow:inset 0 -2px 0 0 var(--bui-color-border-interactive-enabled)}._1x62fhbe{box-shadow:inset 0 -2px 0 0 var(--bui-color-background-interactive-disabled)}}@layer bui-variants;@layer bui-variants{.kfun6y5{min-height:44px}.kfun6y6{justify-content:space-between}.kfun6y7{width:240px}}@keyframes _1dbkl5w{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}@layer bui-variants;@layer bui-base;@layer bui-reset;._1dbkl53{height:120px}._1dbkl5e{width:100%;height:4px}._1dbkl5f{font-variant-numeric:tabular-nums}._1dbkl5g{max-width:240px}._1dbkl5j{min-width:max-content}._1dbkl5k{list-style:none}._1dbkl5l{grid-template-columns:repeat(6,1fr)}._1dbkl5m{height:12px}._1dbkl5u{margin-inline-start:-1px}._1dbkl5u[data-hovered],._1dbkl5u[data-focus-visible]{z-index:9}._1dbkl5v .BaselineUI-NumberInput:not(:first-of-type){margin-inline-start:-1px}._1dbkl5v .BaselineUI-NumberInput:not(:first-of-type):not(:last-of-type) .BaselineUI-NumberInput-Container{border-radius:0}._1dbkl5v:not(:has(._1dbkl5q)) .BaselineUI-NumberInput:first-of-type .BaselineUI-NumberInput-Container{border-top-right-radius:0;border-bottom-right-radius:0}._1dbkl5v .BaselineUI-NumberInput:last-of-type .BaselineUI-NumberInput-Container{border-top-left-radius:0;border-bottom-left-radius:0}._1dbkl5x{animation-name:_1dbkl5w;animation-duration:.2s}@layer bui-variants{._1dbkl55{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium)}._1dbkl56{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1dbkl58{width:fit-content}._1dbkl5o{outline-offset:-2px;border-width:3px}._1dbkl5r{box-shadow:inset 0 0 0 1px var(--bui-color-focused-default);z-index:99}._1dbkl5s{z-index:9}}@layer bui-reset{._1dbkl5a{all:unset}}@layer bui-base{._1dbkl54{background-color:transparent}._1dbkl5a{min-width:32px;min-height:32px;box-sizing:border-box}._1dbkl5h{max-height:inherit;overflow-y:auto}._1dbkl5n{border-color:var(--bui-color-background-positive-subtle);width:12px;height:12px;top:6px;box-shadow:0 0 4px #0006;overflow:hidden}._1dbkl5q{background-color:transparent;border-width:1px;height:32px;width:154px}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1344e9q9{height:2px;rotate:-45deg;width:calc(100% - 2px)}@layer bui-base{._1344e9q0{width:16px;height:16px;transition:outline-color ease-in .2s}._1344e9q0:before{content:"";position:absolute;inset:0;border-radius:var(--bui-rounded-full);border:1px solid var(--bui-color-border-medium);mix-blend-mode:multiply}._1344e9q0[data-interactive=true]:before{cursor:pointer}}@layer bui-variants{._1344e9q2{pointer-events:none}._1344e9q3:before{mix-blend-mode:normal}}@layer bui-compound-variants{._1344e9q6,._1344e9q7{box-shadow:0 0 0 4px var(--bui-color-focused-inset),0 0 0 6px var(--bui-color-focused-default)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.mnnh5s0{background:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%);background-size:16px 16px}.mnnh5sa{height:100%;width:100%;object-fit:contain}.mnnh5sd{opacity:.5}@layer bui-base{.mnnh5s1{min-height:100px;overflow:hidden}.mnnh5s1:after{content:"";background-color:transparent}}@layer bui-variants{.mnnh5s2{min-width:208px}.mnnh5s8{pointer-events:none;cursor:not-allowed}}@layer bui-compound-variants{.mnnh5s9:after{content:"";position:absolute;transition:background-color .2s;inset:0;background:var(--bui-color-background-overlay-medium)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1i0ytqa0{display:flex;flex-direction:column;align-items:center}@layer bui-base{._1i0ytqa1{height:40px}._1i0ytqa3{touch-action:none}}@layer bui-variants{._1i0ytqa7{pointer-events:none;cursor:not-allowed}._1i0ytqa8{cursor:crosshair}._1i0ytqad{pointer-events:none;cursor:not-allowed}}@layer bui-compound-variants{._1i0ytqa9{box-shadow:inset 0 0 0 1px var(--bui-color-focused-default)}._1i0ytqaa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}}._1vac7ws0{cursor:move}._1vac7ws1 ._1vac7ws2 .moveable-control,._1vac7ws1 ._1vac7ws2 .moveable-rotation{display:none}@layer bui-base;@layer bui-variants;@layer bui-reset;._1vm2oh49{top:var(--bui-spacing-sm);right:var(--bui-spacing-sm)}@layer bui-base{._1vm2oh40{transition-property:outline-color,background-color}}@layer bui-variants;@layer bui-reset{._1vm2oh48{all:unset}}.cw3m0n0{transition-property:color}.cw3m0n3{color:var(--bui-color-icon-interactive-enabled)}.cw3m0n4{width:8px;height:8px;background-color:currentColor;border-radius:var(--bui-rounded-full)}.xvr3wn0{overflow-x:auto}.xvr3wn1{overflow-y:auto}@layer bui-reset;@layer bui-base;@layer bui-variants;@layer bui-compound-variants;@layer bui-reset{._1j5skr70{all:unset}}@layer bui-base{._1j5skr71{aspect-ratio:1 / 1;height:fit-content}._1j5skr77{background-color:transparent}}@layer bui-variants{._1j5skr72{min-height:16px}._1j5skr73{min-height:24px}._1j5skr74{min-height:32px}._1j5skr75{min-height:40px}._1j5skr76{min-height:48px}._1j5skr7b{background-color:var(--bui-color-background-interactive-disabled)}}@layer bui-compound-variants{._1j5skr7c{background-color:var(--bui-color-background-interactive-enabled)}._1j5skr7d{background-color:transparent}._1j5skr7e{outline-offset:-3px}._1j5skr7k{background-color:var(--bui-color-background-interactive-enabled);outline-offset:-3px}}@layer bui-base;@layer bui-variants;@layer bui-reset;.f6jv6b9{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#A9AEB7 transparent}.f6jv6ba{white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;resize:none;overflow:hidden;z-index:9}.f6jv6ba::placeholder{color:var(--bui-color-text-placeholder);font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}.f6jv6ba:disabled{color:var(--bui-color-text-interactive-disabled)}.f6jv6be{overflow:auto;min-height:40px;box-sizing:border-box;padding-block:12px}.f6jv6b4 span[data-user-id]{color:var(--bui-color-background-interactive-enabled);cursor:pointer;display:inline-block;background-color:var(--bui-color-background-primary-strong);border-radius:var(--bui-rounded-sm);padding:0 var(--bui-spacing-xs)}.f6jv6b4 a{text-decoration:underline}.f6jv6bj{min-height:48px}.f6jv6bi[data-drawer=true] .f6jv6bj,.f6jv6bi[data-drawer=true] .f6jv6bk{display:none}.f6jv6bl{border-top:1px solid var(--bui-color-border-subtle)}.f6jv6bm{font:inherit;background-color:transparent;field-sizing:content}.f6jv6bn{height:40px}@layer bui-base{.f6jv6b0[aria-disabled=true]{pointer-events:none;cursor:not-allowed}.f6jv6b4{cursor:text}.f6jv6b6:hover{z-index:9}.f6jv6b6:focus:not(:has(input)){outline:2px solid var(--bui-color-focused-default);z-index:9;outline-offset:-1px}.f6jv6bb:has([data-focused]){outline:2px solid var(--bui-color-focused-default);outline-offset:-1px}.f6jv6bf{min-height:48px}}@layer bui-variants{.f6jv6b5{pointer-events:none;cursor:not-allowed}.f6jv6b7:hover:not(:focus){outline:1px solid var(--bui-color-border-strong)}.f6jv6b8:hover:not(:focus){box-shadow:0 -1px 1px -1px var(--bui-color-border-strong),0 1px 1px -1px var(--bui-color-border-strong)}}@layer bui-reset{.f6jv6ba{all:unset}}@layer bui-reset;@layer bui-variants;._8kqf970{height:fit-content;bottom:var(--bui-spacing-lg);margin-left:50%;text-align:center;white-space:nowrap;position:absolute}@layer bui-reset{._8kqf970{all:unset}}@layer bui-variants{._8kqf970{overflow:unset}}._1v0p2z10{min-height:48px}@keyframes _1t55bp72{0%{opacity:0}}._1t55bp70 h1{font:var(--bui-typography-heading-h-3-medium-font);letter-spacing:var(--bui-typography-heading-h-3-medium-letter-spacing)}._1t55bp70 h2{font:var(--bui-typography-heading-h-4-medium-font);letter-spacing:var(--bui-typography-heading-h-4-medium-letter-spacing)}._1t55bp70 h3{font:var(--bui-typography-heading-h-5-semibold-font);letter-spacing:var(--bui-typography-heading-h-5-semibold-letter-spacing)}._1t55bp70 h4{font:var(--bui-typography-heading-h-5-medium-font);letter-spacing:var(--bui-typography-heading-h-5-medium-letter-spacing)}._1t55bp70 h5{font:var(--bui-typography-heading-h-6-medium-font);letter-spacing:var(--bui-typography-heading-h-6-medium-letter-spacing)}._1t55bp70 h6{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1t55bp70 em>strong{font-style:italic}._1t55bp70 strong{font:var(--bui-typography-body-sm-semibold-font);letter-spacing:var(--bui-typography-body-sm-semibold-letter-spacing)}._1t55bp70 blockquote{border-left:2px solid var(--bui-color-border-strong);padding-left:var(--bui-spacing-md);color:var(--bui-color-text-secondary)}._1t55bp70 ul,._1t55bp70 ol{list-style-position:inside}._1t55bp70 ul>li>p,._1t55bp70 ol>li>p{display:inline}._1t55bp70 li>ol,._1t55bp70 li>ul{padding-left:var(--bui-spacing-md)}._1t55bp70 pre:has(code){background-color:var(--bui-color-background-primary-strong);padding:var(--bui-spacing-lg)}._1t55bp70 a{color:var(--bui-color-background-interactive-enabled)}._1t55bp70 th{text-align:left}._1t55bp71>:not(ol,ul,pre):last-child:after,._1t55bp71:empty:after,._1t55bp71>pre:last-child code:after,._1t55bp71>:is(ul,ol):last-child>li:last-child:not(:has(*>li)):after{content:"\2502";animation:_1t55bp72 1s infinite steps(2);color:var(--bui-color-background-interactive-enabled)}.rta2n90 .BaselineUI-Slider-Thumb{transition:background-color .2s ease-in;margin-top:1.5px;background-color:transparent;width:12px;height:12px}.rta2n90:hover .BaselineUI-Slider-Thumb,.rta2n90:focus-within .BaselineUI-Slider-Thumb{background-color:var(--bui-color-background-interactive-enabled)}.rta2n90:not(:hover):not(:focus-within) .BaselineUI-Slider-Thumb{background-color:transparent}.rta2n90 .BaselineUI-Slider-Track{height:4px;border-radius:0}.rta2n90 .BaselineUI-Slider-TrackHighlight{height:100%;border-radius:0;background-color:var(--bui-color-background-interactive-enabled)}.rta2n91{font-variant-numeric:tabular-nums}@layer bui-base;@layer bui-compound-variants;@layer bui-variants;._1w920rn0{row-gap:var(--bui-spacing-xl);justify-content:center}[data-device=tablet] ._1w920rn0,[data-device=tablet]._1w920rn0,[data-device=desktop] ._1w920rn0,[data-device=desktop]._1w920rn0{justify-content:start}._1w920rn1{list-style:none;width:fit-content;outline:none;margin-inline:calc(var(--bui-spacing-lg) / 2)}._1w920rn1[aria-disabled=true]{opacity:var(--bui-opacity-medium)}._1w920rnb{background-repeat:no-repeat;background-position:center;width:inherit}._1w920rnc{top:var(--bui-spacing-sm);left:var(--bui-spacing-sm)}._1w920rnd{top:var(--bui-spacing-xs);right:var(--bui-spacing-xs)}@layer bui-base{._1w920rn2{overflow:hidden;list-style:none;background-color:#fff}._1w920rn7{min-width:var(--bui-spacing-4-xl);text-align:center}@media (pointer: fine){._1w920rn7{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}}@layer bui-compound-variants{._1w920rn6:before{content:"";position:absolute;inset:0;box-shadow:var(--bui-elevation-low),inset 0 0 0 1px var(--bui-color-focused-inset),inset 0 0 0 3px var(--bui-color-focused-default)}._1w920rna{outline-offset:-3px}}@layer bui-variants{._1w920rn8{outline-offset:-2px}._1w920rn9{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}}@layer bui-variants;._1sexph00:hover{background-color:var(--bui-color-background-primary-medium)}._1sexph00[data-disabled=true]{pointer-events:none;cursor:not-allowed}._1sexph00[data-expanded=true]:not([data-disabled=true]):not([data-selected=true]){background-color:var(--bui-color-background-primary-medium)}._1sexph00:hover:not([data-selected=true]) button{background-color:transparent}._1sexph00:not([data-selected=true]) ._1sexph01:disabled{color:var(--bui-color-icon-interactive-disabled);pointer-events:none;cursor:not-allowed}._1sexph00[data-selected=true] ._1sexph01:disabled{color:var(--bui-color-icon-oninteractive);background-color:var(--bui-color-background-interactive-disabled)}._1sexph01 svg{transition:transform .2s ease-in-out;width:8px;height:8px}._1sexph01[data-hovered=true] svg{opacity:.5}._1sexph01[aria-expanded=true] svg{transform:rotate(180deg)}@layer bui-variants{._1sexph01{width:20px;min-width:auto;box-sizing:border-box;color:var(--bui-color-icon-primary)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;@layer bui-base{._18v88n15{height:24px}._18v88n1d{overflow:hidden;height:32px}._18v88n1p{background-color:transparent;height:inherit;text-align:inherit}._18v88n1p::placeholder{color:var(--bui-color-text-placeholder)}._18v88n1p[type=number]::-webkit-inner-spin-button,._18v88n1p[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}._18v88n1p[type=number]{-moz-appearance:textfield}}@layer bui-variants{._18v88n1j{cursor:not-allowed}._18v88n1q{cursor:inherit}._18v88n1q::placeholder{color:var(--bui-color-text-interactive-disabled)}._18v88n1s{text-align:right}}@layer bui-compound-variants{._18v88n1n{border-color:transparent}._18v88n1o{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}@layer bui-base;.byycd02{cursor:grab}@layer bui-base{.byycd01{overflow:hidden;list-style:none;background-color:var(--bui-color-background-primary-subtle)}}._1dc3b8m0{color:var(--bui-color-icon-interactive-enabled);background-color:var(--bui-color-background-primary-strong)}.ujkypy0{list-style-type:none;outline:none}.ujkypy0[data-disabled=true]{pointer-events:none}@layer bui-base;@layer bui-base{._1lrwegk0{outline:none;font-variant-numeric:tabular-nums;white-space:break-spaces}}@layer bui-reset;@layer bui-base;@layer bui-variants;._10dw1p95 ._10dw1p96 svg{transition:transform .2s ease-in-out}._10dw1p95[data-expanded=true] ._10dw1p96 svg{transform:rotate(90deg)}@layer bui-reset{._10dw1p90{all:unset}}@layer bui-base{._10dw1p90{min-height:32px}}@layer bui-variants;._6abhjk0{background:var(--bui-color-background-secondary-medium);transition:background-color 80ms ease-in-out}._6abhjk0[data-resize-handle-active=pointer],._6abhjk0[data-resize-handle-active=keyboard],._6abhjk0:focus,._6abhjk0:hover{background:var(--bui-color-background-overlay-interactive)}._6abhjk0[data-panel-group-direction=horizontal]{width:4px}._6abhjk0[data-panel-group-direction=vertical]{height:4px}._1udvgpn5{inset-block:auto var(--bui-spacing-lg);inset-inline:var(--bui-spacing-lg)}[data-device=tablet] ._1udvgpn5,[data-device=tablet]._1udvgpn5,[data-device=desktop] ._1udvgpn5,[data-device=desktop]._1udvgpn5{inset-inline:auto var(--bui-spacing-lg)}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1aj2a4v0{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:4}._1aj2a4v1{height:fit-content;width:fit-content;font-variant-numeric:tabular-nums}._1aj2a4v2{grid-template-columns:repeat(7,8px);grid-template-rows:repeat(7,8px);border-width:.5px;overflow:hidden}._1aj2a4v3{width:8px;height:8px;border-width:.5px;z-index:2;mix-blend-mode:multiply}._1aj2a4v4{width:14px;height:14px;z-index:3;outline:1px solid var(--bui-color-border-inverse);outline-offset:-3px;border:3px solid var(--bui-color-focused-inset);box-shadow:0 0 4px #0006;transform:translate(-3px,-3px);mix-blend-mode:unset}._1aj2a4v5{position:absolute;z-index:1;transform-origin:top left;pointer-events:none;user-select:none}._1aj2a4v8 *{pointer-events:none;cursor:none}._1aj2a4vd{position:relative;display:inline-flex}@layer bui-base{._1aj2a4v6{outline:none;display:inline-flex}}@layer bui-variants{._1aj2a4v8[data-focus-visible=true]{outline:2px solid var(--bui-color-focused-default)}}@layer bui-compound-variants{._1aj2a4vb{cursor:none}._1aj2a4vc{cursor:crosshair}}
10
+ @layer bui-reset;.z9nup81{display:flex;flex-direction:row}.z9nup82{pointer-events:none;cursor:not-allowed}.z9nup83{background-image:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%)}.z9nup84{background-size:4px 4px}.z9nup85{background-size:6px 6px}@layer bui-reset{.z9nup80{display:contents}.z9nup86{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer bui-base;@layer bui-variants;._6n12k90{list-style:none;padding-top:var(--bui-spacing-md);padding-bottom:var(--bui-spacing-md)}._6n12k98[data-orientation=vertical][data-layout=stack]{flex-direction:column}._6n12k98[data-orientation=horizontal][data-layout=stack]{flex-direction:row}._6n12k9f{overflow-wrap:break-word;inline-size:min-content;min-height:36px}@layer bui-base{._6n12k91{list-style:none;height:36px}._6n12k9b{list-style:none;transition-property:outline-color;z-index:9}}@layer bui-variants{._6n12k95{border-top-width:1px}._6n12k96{border-bottom-width:1px}}@layer bui-base;@layer bui-variants;@layer bui-base{.gukncs0{background-color:var(--bui-color-border-subtle);width:100%;height:1px;flex-shrink:0}}@layer bui-variants{.gukncs1{width:1px;height:100%}.gukncs2{background-color:var(--bui-color-border-medium)}}@layer bui-reset;@layer bui-variants;.uf19bsf{transition-property:rotate}.uf19bse[aria-expanded=true] .uf19bsf{rotate:180deg}@layer bui-reset{.uf19bs0{all:unset;height:fit-content}}@layer bui-variants{.uf19bs1{min-height:16px;min-width:16px}.uf19bs2{min-height:24px;min-width:24px}.uf19bs3{min-height:32px;min-width:32px}.uf19bs4{min-height:40px;min-width:40px}.uf19bs5{min-height:48px;min-width:48px}.uf19bs7{cursor:not-allowed}.uf19bs8{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}.uf19bs9[aria-expanded=true],.uf19bs9[data-pressed=true]{background-color:var(--bui-color-background-primary-medium)}.uf19bsa[aria-expanded=true],.uf19bsa[data-pressed=true]{color:var(--bui-color-icon-secondary)}.uf19bsb[aria-expanded=true],.uf19bsb[data-pressed=true]{background-color:var(--bui-color-background-primary-strong);color:var(--bui-color-icon-interactive-enabled)}.uf19bsc[aria-expanded=true],.uf19bsc[data-pressed=true]{color:var(--bui-color-icon-interactive-active)}.uf19bsd[aria-expanded=true],.uf19bsd[data-pressed=true]{background-color:var(--bui-color-background-primary-strong)}.uf19bse{min-height:unset;width:fit-content;min-width:unset}.uf19bse[aria-expanded=true],.uf19bse[data-pressed=true]{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}}@layer bui-base;@layer bui-variants;@layer bui-base{.cjv3et1{overflow:auto;outline:none;width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-xl))}[data-device=tablet] .cjv3et1,[data-device=tablet].cjv3et1{width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-2-xl))}[data-device=desktop] .cjv3et1,[data-device=desktop].cjv3et1{width:var(--cjv3et0)}}@layer bui-variants{.cjv3et2{max-width:240px}.cjv3et3{max-width:480px}.cjv3et4{max-width:720px}.cjv3et5{width:unset;max-width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-xl))}[data-device=tablet] .cjv3et5,[data-device=tablet].cjv3et5,[data-device=desktop] .cjv3et5,[data-device=desktop].cjv3et5{max-width:calc(var(--cjv3et0) - 2 * var(--bui-spacing-2-xl))}.cjv3et7{outline:none;border-color:transparent}.cjv3eta{max-width:100vw}}@layer bui-base;@layer bui-variants;._1gzftthc{position:fixed;inset:0;z-index:1;overflow:hidden}._1gzftthd{opacity:0;position:fixed;pointer-events:none}._1gzftth1:has(.cjv3et1[data-focus-visible=true]) ._1gzftth2{display:none}._1gzftth1:has(.cjv3et1[data-focus-visible=true]) ._1gzftth7{display:block}@layer bui-base{._1gzftth1{min-width:max-content;position:absolute}._1gzftth1[data-placement=top],._1gzftth1[data-placement=bottom]{width:var(--_1gzftth0)}._1gzftth2{position:absolute}._1gzftth7{display:none;z-index:9}}@layer bui-variants{._1gzftth3{transform:rotate(180deg) translate(-50%,8px);transform-origin:left}._1gzftth4{bottom:0;transform:translate(-50%,8px)}._1gzftth5{transform:rotate(90deg) translate(-50%,11px)}._1gzftth6{right:0;transform:rotate(-90deg) translate(50%,11px);transform-origin:center}._1gzftth8{transform:rotate(180deg) translate(-50%,10px);transform-origin:left}._1gzftth9{bottom:0;transform:translate(-50%,10px)}._1gzfttha{transform:rotate(90deg) translate(-50%,10px)}._1gzftthb{right:0;transform:rotate(-90deg) translate(50%,10px);transform-origin:center}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.oom8bs0 svg{pointer-events:none}.oom8bs5[aria-expanded=true] .uf19bsf{rotate:180deg}@layer bui-base{.oom8bs0{border:none;transition-property:all;width:fit-content;height:fit-content;white-space:nowrap;box-sizing:border-box}.oom8bst{transition-property:color}}@layer bui-variants{.oom8bs1{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.oom8bs1:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs2{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium);background-color:var(--bui-color-background-secondary-subtle);color:var(--bui-color-text-primary)}.oom8bs2:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs3{background-color:transparent;box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-enabled);color:var(--bui-color-text-interactive-enabled)}.oom8bs3:disabled{box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-disabled);color:var(--bui-color-text-interactive-disabled)}.oom8bs4{background-color:transparent;color:var(--bui-color-text-interactive-enabled)}.oom8bs4:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs5{background-color:transparent;color:var(--bui-color-text-primary);transition-property:none}.oom8bs5:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs5[aria-expanded=true]{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bs6{background-color:transparent;color:var(--bui-color-text-primary);border-radius:0}.oom8bs6:disabled{color:var(--bui-color-text-interactive-disabled)}.oom8bs6[data-hovered=true],.oom8bs6[data-pressed=true],.oom8bs6[aria-expanded=true]{background-color:var(--bui-color-background-primary-strong)}.oom8bs6[data-focus-visible=true]{outline:2px solid var(--bui-color-focused-default);outline-offset:-2px}.oom8bs7{background-color:var(--bui-color-support-success-medium);color:var(--bui-color-text-inverse)}.oom8bs7:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs8{background-color:var(--bui-color-support-warning-medium);color:var(--bui-color-text-inverse)}.oom8bs8:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bs9{background-color:var(--bui-color-support-error-medium);color:var(--bui-color-text-inverse)}.oom8bs9:disabled{background-color:var(--bui-color-background-interactive-disabled)}.oom8bsa{cursor:not-allowed}.oom8bsb{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}.oom8bsd{min-height:32px;padding:var(--bui-spacing-md)}.oom8bse{min-height:40px;padding:var(--bui-spacing-md) var(--bui-spacing-lg)}.oom8bsf{min-height:48px;padding:var(--bui-spacing-lg);font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}}@layer bui-compound-variants{.oom8bsg{background-color:var(--bui-color-background-interactive-hovered)}.oom8bsh{background-color:var(--bui-color-background-secondary-medium)}.oom8bsi{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive);box-shadow:none}.oom8bsj{outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}.oom8bsk{color:var(--bui-color-text-interactive-hovered)}.oom8bsl{background-color:var(--bui-color-support-success-strong)}.oom8bsm{background-color:var(--bui-color-support-warning-strong)}.oom8bsn{background-color:var(--bui-color-support-error-strong)}.oom8bso{border:none;box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}.oom8bsp{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset);background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.oom8bsq,.oom8bsr,.oom8bss{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}}@layer bui-base;@layer bui-variants;._14uvjig3{height:24px}._14uvjig4{height:2px}@media (pointer: coarse){._14uvjiga{min-height:22px;min-width:22px}}@layer bui-base{._14uvjigb{height:8px;width:8px;margin-top:1px;transition-property:height,width}}@layer bui-variants{._14uvjigc{height:12px;width:12px}._14uvjigd{cursor:not-allowed}._14uvjigf{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-background-interactive-enabled);transition-property:left}._14uvjigg{height:12px;width:12px}}@layer bui-variants;@layer bui-base;@layer bui-compound-variants;@layer bui-variants{.nrh1ehd{cursor:not-allowed}.nrh1ehj{cursor:inherit;color:var(--bui-color-text-interactive-disabled)}.nrh1ehj::placeholder{color:var(--bui-color-text-interactive-disabled)}.nrh1ehl{text-align:right}.nrh1ehu{width:max-content;max-width:100px}}@layer bui-base{.nrh1eh7{overflow:hidden;height:32px}.nrh1ehi{background-color:transparent;height:inherit;text-align:inherit}.nrh1ehi::placeholder{color:var(--bui-color-text-placeholder)}}@layer bui-compound-variants{.nrh1ehh{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}._1lnwne0{max-width:140px}._1lnwne1{display:flex;align-items:center;gap:var(--bui-spacing-sm);padding:0 var(--bui-spacing-sm);height:inherit;transition:background-color .2s ease-in}._1lnwne4{background-color:var(--bui-color-background-primary-medium)}@layer bui-base;._1jwycy80{width:0;height:0;border-right:7px solid transparent;border-bottom:8px solid;border-left:7px solid transparent;position:absolute}._1jwycy81{transform:translate(-50%,-7px)}._1jwycy82{transform:translate(10px,-50%) rotate(90deg);right:0}._1jwycy83{transform:translate(-10px,-50%) rotate(270deg);left:0}._1jwycy84{transform:translate(-50%,7px) rotate(180deg);bottom:0}._1jwycy85{border-bottom-color:var(--bui-color-background-inverse-strong)}._1jwycy86{border-bottom-color:var(--bui-color-background-primary-subtle)}@layer bui-base{._1jwycy87{max-inline-size:35ch}}@layer bui-variants;@layer bui-variants;@layer bui-base;.siobe24{min-height:48px}@layer bui-base{.siobe20{overflow:hidden;touch-action:none;width:100vw}[data-device=tablet] .siobe20,[data-device=tablet].siobe20,[data-device=desktop] .siobe20,[data-device=desktop].siobe20{width:100%;overflow:hidden}}@layer bui-variants;@layer bui-base;.aml2vl8{left:0;right:0;height:fit-content;max-height:80dvh;max-height:80vh}@layer bui-variants{.aml2vl1{position:absolute}.aml2vl2{position:fixed}.aml2vl5{align-items:flex-end}.aml2vl6{position:absolute}.aml2vl7{position:fixed}}@layer bui-base{.aml2vl3{z-index:1000}}.bpklwa0{display:inline-flex}.bpklwa1{flex-direction:column;gap:var(--bui-spacing-md);width:fit-content}.bpklwa2{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.bpklwa3{display:inline-flex;flex-direction:row;gap:var(--bui-spacing-md);align-items:center}.bpklwa4{flex-direction:row-reverse}.bpklwa6{color:var(--bui-color-text-primary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwa7{border-radius:9px;width:36px;height:18px;background-color:var(--bui-color-background-inverse-subtle);padding:2px;box-sizing:border-box;cursor:pointer}.bpklwa8{border:1px solid var(--bui-color-border-interactive-disabled);padding:1px;background-color:transparent;cursor:default}.bpklwa9{background-color:var(--bui-color-background-secondary-medium);cursor:not-allowed}.bpklwab{outline-offset:1px;outline:var(--bui-color-focused-default) 2px solid}.bpklwac{background-color:var(--bui-color-background-interactive-enabled)}.bpklwad{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}.bpklwae{width:14px;height:14px;background-color:var(--bui-color-icon-oninteractive);border-radius:var(--bui-rounded-full);transition:transform .2s}.bpklwaf{background-color:var(--bui-color-border-interactive-disabled)}.bpklwag{transform:translate(18px)}.bpklwah{background-color:var(--bui-color-icon-primary)}._19n40yy0{display:flex;align-items:center;position:relative;flex-direction:row;padding:0 var(--bui-spacing-md);gap:var(--bui-spacing-md);background-color:var(--bui-color-background-primary-subtle);border-radius:var(--bui-rounded-xs);border:1px solid transparent;color:var(--bui-color-icon-primary);width:100%;font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._19n40yy1{height:48px}._19n40yy2{height:40px}._19n40yy3{height:32px;font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._19n40yy4{border-color:var(--bui-color-border-medium)}._19n40yy6{border-color:transparent;box-shadow:0 0 0 2px var(--bui-color-focused-default)}._19n40yy7{padding-right:0}._19n40yy8{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed}._19n40yy9{border:none;outline:none;background-color:transparent;font:inherit;display:flex;cursor:inherit;flex:1;color:var(--bui-color-text-primary)}._19n40yy9::placeholder{font:inherit;color:var(--bui-color-text-placeholder)}._19n40yy9::-webkit-search-cancel-button{-webkit-appearance:none}._19n40yy9::-webkit-search-decoration{-webkit-appearance:none}.xyd2ss0{list-style:none}.xyd2ss1{list-style:none;overflow-y:auto;max-height:inherit;min-width:150px;width:fit-content}.xyd2ss1:not(:has(.xyd2ss0)){padding-block:var(--bui-spacing-md)}._1mdhlqv0{cursor:pointer;background-color:transparent}._1mdhlqv1{outline:none}._1mdhlqv2{border-color:var(--bui-color-border-medium)}._1mdhlqv8{transition:transform .2s ease-in-out}._1mdhlqv9{transform:rotate(180deg)}._1mdhlqva{flex:1}._1mdhlqvb{min-width:max(64px,var(--_1gzftth0));position:relative;overflow-y:auto;max-height:inherit;border:none;outline:1px solid var(--bui-color-border-medium);outline-offset:-1px}._1mdhlqvb .BaselineUI-ListBox-Section{padding-block:var(--bui-spacing-md)}._1mdhlqvb.BaselineUI-ListBox:not(:has(.BaselineUI-ListBox-Section)){padding-block:var(--bui-spacing-md)}._13f0naj0{cursor:pointer;color:var(--bui-color-text-interactive-enabled);transition:color .2s;outline:none}._13f0naj0:visited:not([aria-disabled=true]){color:var(--bui-color-text-interactive-visited);text-decoration-color:var(--bui-color-border-interactive-visited)}._13f0naj1{text-decoration:none}._13f0naj2{text-decoration:underline;text-decoration-color:var(--bui-color-border-interactive-enabled)}._13f0naj3{color:var(--bui-color-text-interactive-hovered);text-decoration-color:var(--bui-color-border-interactive-hovered)}._13f0naj4{outline:2px solid var(--bui-color-focused-default)}._13f0naj5{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed;text-decoration-color:var(--bui-color-border-interactive-disabled)}._13f0najc{color:var(--bui-color-text-interactive-active);outline:2px solid var(--bui-color-focused-default)}._13f0najd{font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}._13f0naje{font:var(--bui-typography-body-md-regular-font);letter-spacing:var(--bui-typography-body-md-regular-letter-spacing)}._13f0najf{font:var(--bui-typography-body-lg-regular-font);letter-spacing:var(--bui-typography-body-lg-regular-letter-spacing)}._13f0najg{font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._13f0najh{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._13f0naji{font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing)}._180w5ed0{text-align:center;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;padding:var(--bui-spacing-xl);gap:var(--bui-spacing-md)}._180w5ed1{width:100%;background-color:var(--bui-color-background-secondary-subtle)}._180w5ed2{border:1px dashed var(--bui-color-border-medium);border-radius:var(--bui-rounded-sm)}._180w5ed3{outline:none}._180w5ed4{pointer-events:none;background-color:unset}._180w5ed5{border-color:var(--bui-color-border-interactive-enabled)}._180w5ed6{border:2px solid var(--bui-color-border-interactive-enabled)}._180w5ed7{border:1px solid var(--bui-color-border-interactive-disabled)}._180w5ed8{border:1px dashed var(--bui-color-border-interactive-disabled)}._180w5ed9{color:var(--bui-color-icon-secondary)}._180w5eda{color:var(--bui-color-icon-interactive-disabled)}._180w5edb{cursor:inherit;color:var(--bui-color-background-interactive-enabled);font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._180w5edc{color:var(--bui-color-text-interactive-disabled)}._180w5edd{text-decoration:underline}._180w5ede{color:var(--bui-color-text-helper);font:var(--bui-typography-label-md-regular-font);letter-spacing:var(--bui-typography-label-md-regular-letter-spacing)}._180w5edf{color:var(--bui-color-text-interactive-disabled)}@layer bui-base;._12vfhl42{height:16px}._12vfhl43{height:4px}@layer bui-base{._12vfhl44{height:4px}}@layer bui-base;@layer bui-variants;._9b1tml0{display:inline-flex;flex-direction:row;align-self:flex-start;padding:var(--bui-spacing-xs);gap:var(--bui-spacing-xs);border-radius:var(--bui-rounded-sm);align-items:center;cursor:pointer;transition:background-color .2s ease;outline:none;border:none;background-color:var(--bui-color-background-secondary-subtle)}._9b1tml1{background-color:var(--bui-color-background-interactive-enabled)}._9b1tml2{background-color:var(--bui-color-background-secondary-subtle)}._9b1tml5{outline:2px solid var(--bui-color-focused-default)}._9b1tml6{cursor:default;box-shadow:inset 0 0 0 1px var(--bui-color-border-interactive-disabled);background-color:var(--bui-color-background-primary-subtle)}._9b1tml7{padding:1px;border:1px solid var(--bui-color-focused-inset)}._9b1tml8{background-color:var(--bui-color-background-interactive-hovered)}._9b1tml9{background-color:var(--bui-color-background-secondary-medium)}._9b1tmla{background-color:var(--bui-color-background-interactive-disabled);color:var(--bui-color-text-oninteractive)}._9b1tmlb{background-color:var(--bui-color-background-interactive-disabled);box-shadow:inset 0 0 0 1px var(--bui-color-border-inverse)}._9b1tmlc{padding:var(--bui-spacing-xs);background-color:var(--bui-color-background-primary-subtle);color:var(--bui-color-icon-primary);border-radius:var(--bui-rounded-xs);display:flex}._9b1tmld{color:var(--bui-color-icon-interactive-disabled)}._9b1tmle{color:var(--bui-color-icon-inverse);background-color:var(--bui-color-background-inverse-strong)}@layer bui-base{._9b1tmlf{font-variant-numeric:tabular-nums}}@layer bui-variants{._9b1tmlh{height:20px}._9b1tmli{height:24px}}@keyframes _1azy5683{0%{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:0}50%{stroke-dasharray:calc(var(--_1azy5680) * .75) calc(var(--_1azy5680) * .25);stroke-dashoffset:calc(var(--_1azy5680) * -.25)}to{stroke-dasharray:1px calc(var(--_1azy5680) - 1px);stroke-dashoffset:calc(-1 * var(--_1azy5680))}}@keyframes _1azy5684{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1azy5681{gap:var(--bui-spacing-md);align-items:center}._1azy5682{display:flex;align-items:center}._1azy5685{fill:none;stroke-width:3;stroke:var(--bui-color-background-interactive-enabled);transform-origin:center;animation:1.5s ease-in-out infinite _1azy5683,2s linear infinite _1azy5684}._1azy5686{position:absolute;fill:none;stroke-width:3;stroke:var(--bui-color-border-medium)}._1azy5687{color:var(--bui-color-support-success-medium)}._1azy5688{color:var(--bui-color-support-error-medium)}._1azy5689{color:var(--bui-color-text-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._5uw3kp0{background-color:transparent;border-radius:0;align-items:center;gap:var(--bui-spacing-md);color:var(--bui-color-text-primary);outline:none;cursor:pointer}._5uw3kp0:active:not(:disabled){background-color:var(--bui-color-background-primary-strong)}._5uw3kp1{background-color:var(--bui-color-background-primary-strong)}._5uw3kp2{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._5uw3kp3{color:var(--bui-color-text-interactive-disabled);cursor:not-allowed}._5uw3kp4{color:var(--bui-color-text-oninteractive);background-color:var(--bui-color-background-interactive-enabled)}._5uw3kp5{min-height:32px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:var(--bui-spacing-md)}._5uw3kp6{min-height:40px;font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing);padding:var(--bui-spacing-md) var(--bui-spacing-lg)}._5uw3kp7{min-height:48px;font:var(--bui-typography-label-lg-medium-font);letter-spacing:var(--bui-typography-label-lg-medium-letter-spacing);padding:var(--bui-spacing-lg)}._5uw3kp8{border-radius:var(--bui-rounded-xs)}._5uw3kpa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default),inset 0 0 0 3px var(--bui-color-focused-inset)}._5uw3kpb{background-color:var(--bui-color-background-interactive-disabled)}._5uw3kpc{border-radius:var(--bui-rounded-sm)}@layer bui-base;@layer bui-variants;@layer bui-base{._16vugd03{height:16px;width:16px;transition-property:background-color,border-color}}@layer bui-variants{._16vugd06{box-shadow:0 0 0 1px var(--bui-color-focused-inset),0 0 0 3px var(--bui-color-focused-default)}._16vugd08,._16vugd09{cursor:not-allowed;pointer-events:none}}@layer bui-variants;@layer bui-base;._1nsi9h17{display:flex;gap:var(--bui-spacing-sm);height:inherit;align-items:center;padding:0 var(--bui-spacing-lg)}._1nsi9h18{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1nsi9h19{justify-content:center;flex:1}._1nsi9h1b{padding:0 var(--bui-spacing-md)}._1nsi9h1f{font:inherit;line-height:inherit;font-variant-numeric:tabular-nums;background-color:transparent}._1nsi9h1f:disabled{color:var(--bui-color-text-interactive-disabled)}@layer bui-variants{._1nsi9h11{height:24px}._1nsi9h12{height:32px}._1nsi9h13{height:40px}._1nsi9h14{height:48px}}@layer bui-base{._1nsi9h1g{white-space:nowrap}}@layer bui-base;@layer bui-variants;._1f789qju{all:unset;display:inline-flex;padding:var(--bui-spacing-sm);border-radius:var(--bui-rounded-full);cursor:pointer;transition:background-color .2s ease-in-out}._1f789qj11{background-color:var(--bui-color-background-secondary-subtle)}._1f789qj12{background-color:var(--bui-color-support-error-subtler)}._1f789qj13{background-color:var(--bui-color-support-info-subtler)}._1f789qj14{background-color:var(--bui-color-support-success-subtler)}._1f789qj15{background-color:var(--bui-color-background-inverse-medium)}@layer bui-base{._1f789qj0{width:fit-content}}@layer bui-variants{._1f789qj1{outline:2px solid var(--bui-color-focused-default);outline-offset:1px}._1f789qj7{cursor:not-allowed}._1f789qja{cursor:pointer}._1f789qjc:has(.BaselineUI-Tag-Icon){padding-inline-start:var(--bui-spacing-sm)}._1f789qjd{min-height:16px}._1f789qjd:has(.BaselineUI-Tag-Icon){padding-inline-start:var(--bui-spacing-xs)}}@layer bui-reset;._1kvz17d1{transform:rotate(90deg)}._1kvz17d2{cursor:pointer;box-shadow:inset 0 1px 0 var(--bui-color-border-medium);outline:none;height:40px}._1kvz17d3{outline-offset:-2px;outline:2px solid var(--bui-color-focused-default)}._1kvz17dc{opacity:0}._1kvz17dd{opacity:1}._1kvz17de{overflow:hidden}@layer bui-reset{._1kvz17da{all:unset}}._1017q4c0{border-radius:var(--bui-rounded-full);color:var(--bui-color-icon-inverse);display:flex;position:relative;align-items:center;justify-content:center;background-color:var(--bui-color-icon-secondary);font:var(--bui-typography-label-sm-medium-font);letter-spacing:var(--bui-typography-label-sm-medium-letter-spacing)}._1017q4c1{height:24px;width:24px}._1017q4c2{height:16px;width:16px}._1017q4c3{opacity:var(--bui-opacity-medium)}._1017q4c4{height:100%;width:100%;border-radius:var(--bui-rounded-full);overflow:hidden;object-fit:cover}._1017q4c5{position:absolute;height:12px;width:12px;background-color:var(--bui-color-support-error-medium);border:2px solid var(--bui-color-border-subtle);border-radius:var(--bui-rounded-full);bottom:-4px;right:-4px}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1x62fhbl{border-left:1px solid var(--bui-color-border-medium);flex-shrink:0}._1x62fhbl:first-of-type{border-left:none}@layer bui-base{._1x62fhb0{overflow-x:auto;height:40px}._1x62fhb6{text-wrap:nowrap}}@layer bui-variants{._1x62fhb9{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1x62fhba{pointer-events:none;cursor:not-allowed}._1x62fhbb{border-right:1px solid var(--bui-color-border-medium)}}@layer bui-compound-variants{._1x62fhbd{box-shadow:inset 0 -2px 0 0 var(--bui-color-border-interactive-enabled)}._1x62fhbe{box-shadow:inset 0 -2px 0 0 var(--bui-color-background-interactive-disabled)}}@layer bui-variants;@layer bui-variants{.kfun6y5{min-height:44px}.kfun6y6{justify-content:space-between}.kfun6y7{width:240px}}@keyframes _1dbkl5w{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}@layer bui-variants;@layer bui-base;@layer bui-reset;._1dbkl53{height:120px}._1dbkl5e{width:100%;height:4px}._1dbkl5f{font-variant-numeric:tabular-nums}._1dbkl5g{max-width:240px}._1dbkl5j{min-width:max-content}._1dbkl5k{list-style:none}._1dbkl5l{grid-template-columns:repeat(6,1fr)}._1dbkl5m{height:12px}._1dbkl5u{margin-inline-start:-1px}._1dbkl5u[data-hovered],._1dbkl5u[data-focus-visible]{z-index:9}._1dbkl5v .BaselineUI-NumberInput:not(:first-of-type){margin-inline-start:-1px}._1dbkl5v .BaselineUI-NumberInput:not(:first-of-type):not(:last-of-type) .BaselineUI-NumberInput-Container{border-radius:0}._1dbkl5v:not(:has(._1dbkl5q)) .BaselineUI-NumberInput:first-of-type .BaselineUI-NumberInput-Container{border-top-right-radius:0;border-bottom-right-radius:0}._1dbkl5v .BaselineUI-NumberInput:last-of-type .BaselineUI-NumberInput-Container{border-top-left-radius:0;border-bottom-left-radius:0}._1dbkl5x{animation-name:_1dbkl5w;animation-duration:.2s}@layer bui-variants{._1dbkl55{box-shadow:inset 0 0 0 1px var(--bui-color-border-medium)}._1dbkl56{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}._1dbkl58{width:fit-content}._1dbkl5o{outline-offset:-2px;border-width:3px}._1dbkl5r{box-shadow:inset 0 0 0 1px var(--bui-color-focused-default);z-index:99}._1dbkl5s{z-index:9}}@layer bui-reset{._1dbkl5a{all:unset}}@layer bui-base{._1dbkl54{background-color:transparent}._1dbkl5a{min-width:32px;min-height:32px;box-sizing:border-box}._1dbkl5h{max-height:inherit;overflow-y:auto}._1dbkl5n{border-color:var(--bui-color-background-positive-subtle);width:12px;height:12px;top:6px;box-shadow:0 0 4px #0006;overflow:hidden}._1dbkl5q{background-color:transparent;border-width:1px;height:32px;width:154px}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1344e9q9{height:2px;rotate:-45deg;width:calc(100% - 2px)}@layer bui-base{._1344e9q0{width:16px;height:16px;transition:outline-color ease-in .2s}._1344e9q0:before{content:"";position:absolute;inset:0;border-radius:var(--bui-rounded-full);border:1px solid var(--bui-color-border-medium);mix-blend-mode:multiply}._1344e9q0[data-interactive=true]:before{cursor:pointer}}@layer bui-variants{._1344e9q2{pointer-events:none}._1344e9q3:before{mix-blend-mode:normal}}@layer bui-compound-variants{._1344e9q6,._1344e9q7{box-shadow:0 0 0 4px var(--bui-color-focused-inset),0 0 0 6px var(--bui-color-focused-default)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;.mnnh5s0{background:repeating-conic-gradient(transparent 0% 25%,var(--bui-color-background-secondary-medium) 25% 50%);background-size:16px 16px}.mnnh5sa{height:100%;width:100%;object-fit:contain}.mnnh5sd{opacity:.5}@layer bui-base{.mnnh5s1{min-height:100px;overflow:hidden}.mnnh5s1:after{content:"";background-color:transparent}}@layer bui-variants{.mnnh5s2{min-width:208px}.mnnh5s8{pointer-events:none;cursor:not-allowed}}@layer bui-compound-variants{.mnnh5s9:after{content:"";position:absolute;transition:background-color .2s;inset:0;background:var(--bui-color-background-overlay-medium)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1i0ytqa0{display:flex;flex-direction:column;align-items:center}@layer bui-base{._1i0ytqa1{height:40px}._1i0ytqa3{touch-action:none}}@layer bui-variants{._1i0ytqa7{pointer-events:none;cursor:not-allowed}._1i0ytqa8{cursor:crosshair}._1i0ytqad{pointer-events:none;cursor:not-allowed}}@layer bui-compound-variants{._1i0ytqa9{box-shadow:inset 0 0 0 1px var(--bui-color-focused-default)}._1i0ytqaa{box-shadow:inset 0 0 0 2px var(--bui-color-focused-default)}}._1vac7ws0{cursor:move}._1vac7ws1 ._1vac7ws2 .moveable-control,._1vac7ws1 ._1vac7ws2 .moveable-rotation{display:none}@layer bui-base;@layer bui-variants;@layer bui-reset;._1vm2oh49{top:var(--bui-spacing-sm);right:var(--bui-spacing-sm)}@layer bui-base{._1vm2oh40{transition-property:outline-color,background-color}}@layer bui-variants;@layer bui-reset{._1vm2oh48{all:unset}}.cw3m0n0{transition-property:color}.cw3m0n3{color:var(--bui-color-icon-interactive-enabled)}.cw3m0n4{width:8px;height:8px;background-color:currentColor;border-radius:var(--bui-rounded-full)}.xvr3wn0{overflow-x:auto}.xvr3wn1{overflow-y:auto}@layer bui-reset;@layer bui-base;@layer bui-variants;@layer bui-compound-variants;@layer bui-reset{._1j5skr70{all:unset}}@layer bui-base{._1j5skr71{aspect-ratio:1 / 1;height:fit-content}._1j5skr77{background-color:transparent}}@layer bui-variants{._1j5skr72{min-height:16px}._1j5skr73{min-height:24px}._1j5skr74{min-height:32px}._1j5skr75{min-height:40px}._1j5skr76{min-height:48px}._1j5skr7b{background-color:var(--bui-color-background-interactive-disabled)}}@layer bui-compound-variants{._1j5skr7c{background-color:var(--bui-color-background-interactive-enabled)}._1j5skr7d{background-color:transparent}._1j5skr7e{outline-offset:-3px}._1j5skr7k{background-color:var(--bui-color-background-interactive-enabled);outline-offset:-3px}}@layer bui-base;@layer bui-variants;@layer bui-reset;.f6jv6b9{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#A9AEB7 transparent}.f6jv6ba{white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;resize:none;overflow:hidden;z-index:9}.f6jv6ba::placeholder{color:var(--bui-color-text-placeholder);font:var(--bui-typography-body-sm-regular-font);letter-spacing:var(--bui-typography-body-sm-regular-letter-spacing)}.f6jv6ba:disabled{color:var(--bui-color-text-interactive-disabled)}.f6jv6be{overflow:auto;min-height:40px;box-sizing:border-box;padding-block:12px}.f6jv6b4 span[data-user-id]{color:var(--bui-color-background-interactive-enabled);cursor:pointer;display:inline-block;background-color:var(--bui-color-background-primary-strong);border-radius:var(--bui-rounded-sm);padding:0 var(--bui-spacing-xs)}.f6jv6b4 a{text-decoration:underline}.f6jv6bj{min-height:48px}.f6jv6bi[data-drawer=true] .f6jv6bj,.f6jv6bi[data-drawer=true] .f6jv6bk{display:none}.f6jv6bl{border-top:1px solid var(--bui-color-border-subtle)}.f6jv6bm{font:inherit;background-color:transparent;field-sizing:content}.f6jv6bn{height:40px}@layer bui-base{.f6jv6b0[aria-disabled=true]{pointer-events:none;cursor:not-allowed}.f6jv6b4{cursor:text}.f6jv6b6:hover{z-index:9}.f6jv6b6:focus:not(:has(input)){outline:2px solid var(--bui-color-focused-default);z-index:9;outline-offset:-1px}.f6jv6bb:has([data-focused]){outline:2px solid var(--bui-color-focused-default);outline-offset:-1px}.f6jv6bf{min-height:48px}}@layer bui-variants{.f6jv6b5{pointer-events:none;cursor:not-allowed}.f6jv6b7:hover:not(:focus){outline:1px solid var(--bui-color-border-strong)}.f6jv6b8:hover:not(:focus){box-shadow:0 -1px 1px -1px var(--bui-color-border-strong),0 1px 1px -1px var(--bui-color-border-strong)}}@layer bui-reset{.f6jv6ba{all:unset}}@layer bui-reset;@layer bui-variants;._8kqf970{height:fit-content;bottom:var(--bui-spacing-lg);margin-left:50%;text-align:center;white-space:nowrap;position:absolute}@layer bui-reset{._8kqf970{all:unset}}@layer bui-variants{._8kqf970{overflow:unset}}._1v0p2z10{min-height:48px}@keyframes _1t55bp72{0%{opacity:0}}._1t55bp70 h1{font:var(--bui-typography-heading-h-3-medium-font);letter-spacing:var(--bui-typography-heading-h-3-medium-letter-spacing)}._1t55bp70 h2{font:var(--bui-typography-heading-h-4-medium-font);letter-spacing:var(--bui-typography-heading-h-4-medium-letter-spacing)}._1t55bp70 h3{font:var(--bui-typography-heading-h-5-semibold-font);letter-spacing:var(--bui-typography-heading-h-5-semibold-letter-spacing)}._1t55bp70 h4{font:var(--bui-typography-heading-h-5-medium-font);letter-spacing:var(--bui-typography-heading-h-5-medium-letter-spacing)}._1t55bp70 h5{font:var(--bui-typography-heading-h-6-medium-font);letter-spacing:var(--bui-typography-heading-h-6-medium-letter-spacing)}._1t55bp70 h6{font:var(--bui-typography-label-md-medium-font);letter-spacing:var(--bui-typography-label-md-medium-letter-spacing)}._1t55bp70 em>strong{font-style:italic}._1t55bp70 strong{font:var(--bui-typography-body-sm-semibold-font);letter-spacing:var(--bui-typography-body-sm-semibold-letter-spacing)}._1t55bp70 blockquote{border-left:2px solid var(--bui-color-border-strong);padding-left:var(--bui-spacing-md);color:var(--bui-color-text-secondary)}._1t55bp70 ul,._1t55bp70 ol{list-style-position:inside}._1t55bp70 ul>li>p,._1t55bp70 ol>li>p{display:inline}._1t55bp70 li>ol,._1t55bp70 li>ul{padding-left:var(--bui-spacing-md)}._1t55bp70 pre:has(code){background-color:var(--bui-color-background-primary-strong);padding:var(--bui-spacing-lg)}._1t55bp70 a{color:var(--bui-color-background-interactive-enabled)}._1t55bp70 th{text-align:left}._1t55bp71>:not(ol,ul,pre):last-child:after,._1t55bp71:empty:after,._1t55bp71>pre:last-child code:after,._1t55bp71>:is(ul,ol):last-child>li:last-child:not(:has(*>li)):after{content:"\2502";animation:_1t55bp72 1s infinite steps(2);color:var(--bui-color-background-interactive-enabled)}.rta2n90 .BaselineUI-Slider-Thumb{transition:background-color .2s ease-in;margin-top:1.5px;background-color:transparent;width:12px;height:12px}.rta2n90:hover .BaselineUI-Slider-Thumb,.rta2n90:focus-within .BaselineUI-Slider-Thumb{background-color:var(--bui-color-background-interactive-enabled)}.rta2n90:not(:hover):not(:focus-within) .BaselineUI-Slider-Thumb{background-color:transparent}.rta2n90 .BaselineUI-Slider-Track{height:4px;border-radius:0}.rta2n90 .BaselineUI-Slider-TrackHighlight{height:100%;border-radius:0;background-color:var(--bui-color-background-interactive-enabled)}.rta2n91{font-variant-numeric:tabular-nums}@layer bui-base;@layer bui-compound-variants;@layer bui-variants;._1w920rn0{row-gap:var(--bui-spacing-xl);justify-content:center}[data-device=tablet] ._1w920rn0,[data-device=tablet]._1w920rn0,[data-device=desktop] ._1w920rn0,[data-device=desktop]._1w920rn0{justify-content:start}._1w920rn1{list-style:none;width:fit-content;outline:none;margin-inline:calc(var(--bui-spacing-lg) / 2)}._1w920rn1[aria-disabled=true]{opacity:var(--bui-opacity-medium)}._1w920rnb{background-repeat:no-repeat;background-position:center;width:inherit}._1w920rnc{top:var(--bui-spacing-sm);left:var(--bui-spacing-sm)}._1w920rnd{top:var(--bui-spacing-xs);right:var(--bui-spacing-xs)}@layer bui-base{._1w920rn2{overflow:hidden;list-style:none;background-color:#fff}._1w920rn7{min-width:var(--bui-spacing-4-xl);text-align:center}@media (pointer: fine){._1w920rn7{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}}@layer bui-compound-variants{._1w920rn6:before{content:"";position:absolute;inset:0;box-shadow:var(--bui-elevation-low),inset 0 0 0 1px var(--bui-color-focused-inset),inset 0 0 0 3px var(--bui-color-focused-default)}._1w920rna{outline-offset:-3px}}@layer bui-variants{._1w920rn8{outline-offset:-2px}._1w920rn9{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}}@layer bui-variants;._1sexph00:hover{background-color:var(--bui-color-background-primary-medium)}._1sexph00[data-disabled=true]{pointer-events:none;cursor:not-allowed}._1sexph00[data-expanded=true]:not([data-disabled=true]):not([data-selected=true]){background-color:var(--bui-color-background-primary-medium)}._1sexph00:hover:not([data-selected=true]) button{background-color:transparent}._1sexph00:not([data-selected=true]) ._1sexph01:disabled{color:var(--bui-color-icon-interactive-disabled);pointer-events:none;cursor:not-allowed}._1sexph00[data-selected=true] ._1sexph01:disabled{color:var(--bui-color-icon-oninteractive);background-color:var(--bui-color-background-interactive-disabled)}._1sexph01 svg{transition:transform .2s ease-in-out;width:8px;height:8px}._1sexph01[data-hovered=true] svg{opacity:.5}._1sexph01[aria-expanded=true] svg{transform:rotate(180deg)}._1sexph02{width:20px}@layer bui-variants{._1sexph01{width:20px;min-width:auto;box-sizing:border-box;color:var(--bui-color-icon-primary)}}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;@layer bui-base{._18v88n15{height:24px}._18v88n1d{overflow:hidden;height:32px}._18v88n1p{background-color:transparent;height:inherit;text-align:inherit}._18v88n1p::placeholder{color:var(--bui-color-text-placeholder)}._18v88n1p[type=number]::-webkit-inner-spin-button,._18v88n1p[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}._18v88n1p[type=number]{-moz-appearance:textfield}}@layer bui-variants{._18v88n1j{cursor:not-allowed}._18v88n1q{cursor:inherit}._18v88n1q::placeholder{color:var(--bui-color-text-interactive-disabled)}._18v88n1s{text-align:right}}@layer bui-compound-variants{._18v88n1n{border-color:transparent}._18v88n1o{border-color:transparent;border-bottom:1px solid var(--bui-color-border-medium)}}@layer bui-base;.byycd02{cursor:grab}@layer bui-base{.byycd01{overflow:hidden;list-style:none;background-color:var(--bui-color-background-primary-subtle)}}._1dc3b8m0{color:var(--bui-color-icon-interactive-enabled);background-color:var(--bui-color-background-primary-strong)}.ujkypy0{list-style-type:none;outline:none}.ujkypy0[data-disabled=true]{pointer-events:none}@layer bui-base;@layer bui-base{._1lrwegk0{outline:none;font-variant-numeric:tabular-nums;white-space:break-spaces}}@layer bui-reset;@layer bui-base;@layer bui-variants;._10dw1p95 ._10dw1p96 svg{transition:transform .2s ease-in-out}._10dw1p95[data-expanded=true] ._10dw1p96 svg{transform:rotate(90deg)}@layer bui-reset{._10dw1p90{all:unset}}@layer bui-base{._10dw1p90{min-height:32px}}@layer bui-variants;._6abhjk0{background:var(--bui-color-background-secondary-medium);transition:background-color 80ms ease-in-out}._6abhjk0[data-resize-handle-active=pointer],._6abhjk0[data-resize-handle-active=keyboard],._6abhjk0:focus,._6abhjk0:hover{background:var(--bui-color-background-overlay-interactive)}._6abhjk0[data-panel-group-direction=horizontal]{width:4px}._6abhjk0[data-panel-group-direction=vertical]{height:4px}._1udvgpn5{inset-block:auto var(--bui-spacing-lg);inset-inline:var(--bui-spacing-lg)}[data-device=tablet] ._1udvgpn5,[data-device=tablet]._1udvgpn5,[data-device=desktop] ._1udvgpn5,[data-device=desktop]._1udvgpn5{inset-inline:auto var(--bui-spacing-lg)}@layer bui-base;@layer bui-variants;@layer bui-compound-variants;._1aj2a4v0{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:4}._1aj2a4v1{height:fit-content;width:fit-content;font-variant-numeric:tabular-nums}._1aj2a4v2{grid-template-columns:repeat(7,8px);grid-template-rows:repeat(7,8px);border-width:.5px;overflow:hidden}._1aj2a4v3{width:8px;height:8px;border-width:.5px;z-index:2;mix-blend-mode:multiply}._1aj2a4v4{width:14px;height:14px;z-index:3;outline:1px solid var(--bui-color-border-inverse);outline-offset:-3px;border:3px solid var(--bui-color-focused-inset);box-shadow:0 0 4px #0006;transform:translate(-3px,-3px);mix-blend-mode:unset}._1aj2a4v5{position:absolute;z-index:1;transform-origin:top left;pointer-events:none;user-select:none}._1aj2a4v8 *{pointer-events:none;cursor:none}._1aj2a4vd{position:relative;display:inline-flex}@layer bui-base{._1aj2a4v6{outline:none;display:inline-flex}}@layer bui-variants{._1aj2a4v8[data-focus-visible=true]{outline:2px solid var(--bui-color-focused-default)}}@layer bui-compound-variants{._1aj2a4vb{cursor:none}._1aj2a4vc{cursor:crosshair}}
package/dist/index.d.mts CHANGED
@@ -5,14 +5,14 @@ import * as react_aria from 'react-aria';
5
5
  import { DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaPopoverProps, useOverlayTrigger, AriaTooltipProps, AriaPositionProps, FocusableOptions, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaSelectOptions, Key as Key$1, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, AriaComboBoxOptions, AriaComboBoxProps, AriaGridListOptions, GridListItemAria, AriaTimeFieldProps, TimeValue, AriaDateFieldProps, DateValue, FocusProps, KeyboardProps as KeyboardProps$1, PressEvent, Locale } from 'react-aria';
6
6
  export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
7
7
  import { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, OverlayTriggerState, OverlayTriggerProps, TooltipTriggerProps, SliderStateOptions, ToggleProps, MenuTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$2, Selection as Selection$1, ComboBoxStateOptions, Node as Node$2, TimeFieldStateOptions, TreeProps, DateFieldStateOptions } from 'react-stately';
8
- import { Node as Node$1, DragItem, DOMAttributes, FocusableElement, AriaLabelingProps, AriaValidationProps, DOMProps } from '@react-types/shared';
8
+ import { Node as Node$1, DragItem, DOMAttributes, FocusableElement, DOMProps, AriaLabelingProps, AriaValidationProps } from '@react-types/shared';
9
9
  import { PressHookProps, KeyboardProps } from '@react-aria/interactions';
10
10
  import { AriaTabListProps } from '@react-types/tabs';
11
+ import { AriaColorSwatchProps } from '@react-aria/color';
11
12
  import { ColorFieldProps, Color } from '@react-stately/color';
12
13
  import { OnRender, OnRenderStart, OnDragStart, OnDrag, OnDragEnd, OnResizeStart, OnResize, OnResizeEnd, OnRotateStart, OnRotate, OnRotateEnd, OnSnap, RotationPosition } from 'react-moveable';
13
14
  import { Theme, Sprinkles } from '@baseline-ui/tokens';
14
15
  import { AriaToolbarProps } from '@react-aria/toolbar';
15
- import { AriaColorSwatchProps } from '@react-aria/color';
16
16
  import { AriaActionGroupProps } from '@react-aria/actiongroup';
17
17
  import { TreeItem } from 'react-complex-tree';
18
18
  import { PanelProps as PanelProps$1, ImperativePanelHandle as ImperativePanelHandle$1, PanelGroupProps as PanelGroupProps$1, ImperativePanelGroupHandle as ImperativePanelGroupHandle$1, PanelResizeHandleProps as PanelResizeHandleProps$1 } from 'react-resizable-panels';
@@ -394,13 +394,53 @@ declare const Tooltip: React__default.ForwardRefExoticComponent<TooltipProps & R
394
394
 
395
395
  declare const Focusable: React__default.ForwardRefExoticComponent<FocusableProps & React__default.RefAttributes<FocusableElement>>;
396
396
 
397
+ interface ActionIconButtonProps extends ActionButtonSharedProps {
398
+ /** The icon to display */
399
+ icon: React__default.FC<IconProps>;
400
+ /**
401
+ * The size of the icon button.
402
+ *
403
+ * @default "md"
404
+ */
405
+ size?: "xxs" | "xs" | "sm" | "md" | "lg";
406
+ /**
407
+ * The variant of the icon button.
408
+ *
409
+ * @default "primary"
410
+ */
411
+ variant?: "primary" | "secondary" | "tertiary" | "ghost" | "toolbar" | "popover";
412
+ /** Indicates whether focusing should be prevented on press. */
413
+ preventFocusOnPress?: boolean;
414
+ /**
415
+ * Whether to show a tooltip. You can pass a boolean or a partial tooltip
416
+ * object that extends the default tooltip props.
417
+ *
418
+ * @default false
419
+ */
420
+ tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
421
+ /** The drag props to use for drag and drop interactions. */
422
+ dragProps?: React__default.HTMLAttributes<HTMLElement>;
423
+ }
424
+
425
+ declare const ActionIconButton: React__default.ForwardRefExoticComponent<ActionIconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
426
+
397
427
  interface IconComponentProps {
398
428
  /** The icon to show at the start of the color input. */
399
429
  icon?: React__default.FC<IconProps>;
400
430
  /** The aria label for the color input button. */
401
431
  "aria-label": string;
402
- /** Props to pass to the tooltip component. */
403
- tooltipProps?: Omit<TooltipProps, "variant" | "size" | "includeArrow" | "children">;
432
+ /**
433
+ * Whether to show the tooltip on the main element.
434
+ *
435
+ * @default true
436
+ */
437
+ tooltip?: ActionIconButtonProps["tooltip"];
438
+ /**
439
+ * Whether to show the tooltip on the icon.
440
+ *
441
+ * @default true
442
+ */
443
+ iconTooltip?: ActionIconButtonProps["tooltip"];
404
444
  }
405
445
 
406
446
  interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<number>, "orientation" | "numberFormatter">, StylingProps {
@@ -772,36 +812,6 @@ interface ProgressSpinnerProps extends Omit<AriaProgressBarProps, "value" | "isI
772
812
 
773
813
  declare const ProgressSpinner: React__default.ForwardRefExoticComponent<ProgressSpinnerProps & React__default.RefAttributes<HTMLDivElement>>;
774
814
 
775
- interface ActionIconButtonProps extends ActionButtonSharedProps {
776
- /** The icon to display */
777
- icon: React__default.FC<IconProps>;
778
- /**
779
- * The size of the icon button.
780
- *
781
- * @default "md"
782
- */
783
- size?: "xxs" | "xs" | "sm" | "md" | "lg";
784
- /**
785
- * The variant of the icon button.
786
- *
787
- * @default "primary"
788
- */
789
- variant?: "primary" | "secondary" | "tertiary" | "ghost" | "toolbar" | "popover";
790
- /** Indicates whether focusing should be prevented on press. */
791
- preventFocusOnPress?: boolean;
792
- /**
793
- * Whether to show a tooltip. You can pass a boolean or a partial tooltip
794
- * object that extends the default tooltip props.
795
- *
796
- * @default false
797
- */
798
- tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
799
- /** The drag props to use for drag and drop interactions. */
800
- dragProps?: React__default.HTMLAttributes<HTMLElement>;
801
- }
802
-
803
- declare const ActionIconButton: React__default.ForwardRefExoticComponent<ActionIconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
804
-
805
815
  interface ToggleButtonProps extends Omit<StylingProps, "style" | "className">, Omit<AriaToggleButtonProps, "children">, StylingWithUIState<{
806
816
  isSelected?: boolean;
807
817
  }> {
@@ -1264,11 +1274,51 @@ declare const Dialog: React__default.ForwardRefExoticComponent<DialogProps & Rea
1264
1274
 
1265
1275
  declare const DialogTitle: React__default.ForwardRefExoticComponent<DialogTitleProps & React__default.RefAttributes<HTMLDivElement>>;
1266
1276
 
1277
+ interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "colorName">, StylingProps, DOMProps, AriaLabelingProps {
1278
+ /** Whether the swatch is focused by keyboard. */
1279
+ isFocusVisible?: boolean;
1280
+ /** Whether the swatch is selected. */
1281
+ isSelected?: boolean;
1282
+ /**
1283
+ * Whether the swatch is interactive. This is used to determine whether to
1284
+ * show hover styles.
1285
+ */
1286
+ isInteractive?: boolean;
1287
+ /**
1288
+ * Whether the swatch is disabled. This is used to determine whether to show
1289
+ * disabled styles.
1290
+ */
1291
+ isDisabled?: boolean;
1292
+ /**
1293
+ * Whether to show a tooltip. You can pass a boolean or a partial tooltip
1294
+ * object that extends the default tooltip props.
1295
+ *
1296
+ * @default false
1297
+ */
1298
+ tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
1299
+ /**
1300
+ * Whether the swatch is indeterminate. When this is `true`, the color related
1301
+ * props will be ignored.
1302
+ *
1303
+ * @default false
1304
+ */
1305
+ isIndeterminate?: boolean;
1306
+ /**
1307
+ * The icon to display when the swatch is indeterminate. The icon should be a
1308
+ * 16x16px icon to ensure consistency with the design system.
1309
+ *
1310
+ * @default HelpIcon
1311
+ */
1312
+ indeterminateIcon?: React__default.FC<IconProps> | null;
1313
+ }
1314
+
1315
+ declare const ColorSwatch: React__default.ForwardRefExoticComponent<ColorSwatchProps & React__default.RefAttributes<HTMLDivElement>>;
1316
+
1267
1317
  interface ColorPreset {
1268
1318
  label: string;
1269
1319
  color: string;
1270
1320
  }
1271
- interface ColorInputProps extends OverlayTriggerProps, StylingProps, Pick<ColorFieldProps, "onChange" | "defaultValue" | "value" | "label" | "isDisabled">, Pick<AriaLabelingProps, "aria-label">, Pick<PopoverContentProps, "isNonModal" | "placement" | "shouldUpdatePosition" | "shouldFlip" | "boundaryElement" | "crossOffset" | "offset" | "portalContainer"> {
1321
+ interface ColorInputProps extends OverlayTriggerProps, StylingProps, Pick<ColorFieldProps, "onChange" | "defaultValue" | "value" | "label" | "isDisabled">, Pick<AriaLabelingProps, "aria-label">, Pick<PopoverContentProps, "isNonModal" | "placement" | "shouldUpdatePosition" | "shouldFlip" | "boundaryElement" | "crossOffset" | "offset" | "portalContainer">, Pick<ColorSwatchProps, "isIndeterminate" | "indeterminateIcon"> {
1272
1322
  /**
1273
1323
  * The list of color presets to show in the color picker. The signature of the
1274
1324
  * color presets is:
@@ -1301,7 +1351,9 @@ interface ColorInputProps extends OverlayTriggerProps, StylingProps, Pick<ColorF
1301
1351
  *
1302
1352
  * @default true
1303
1353
  */
1304
- colorLabel?: boolean | ((color: Color | null) => string);
1354
+ colorLabel?: boolean | ((color: Color | null, options: {
1355
+ isIndeterminate: boolean;
1356
+ }) => string);
1305
1357
  /**
1306
1358
  * Whether to allow alpha values in the custom color picker.
1307
1359
  *
@@ -1363,13 +1415,19 @@ interface ColorInputProps extends OverlayTriggerProps, StylingProps, Pick<ColorF
1363
1415
  colorName?: string | boolean;
1364
1416
  triggerProps: AriaButtonProps<"button">;
1365
1417
  labelId?: string;
1366
- }) => React__default.ReactElement;
1418
+ } & Pick<ColorSwatchProps, "isIndeterminate" | "indeterminateIcon">) => React__default.ReactElement;
1367
1419
  /**
1368
1420
  * Handler that is called when the user stops dragging or clicking on the
1369
1421
  * color picker. In case of presets, this is called when the user clicks on a
1370
1422
  * color preset.
1371
1423
  */
1372
1424
  onChangeEnd?: (color: Color | null) => void;
1425
+ /**
1426
+ * Whether the color input is indeterminate.
1427
+ *
1428
+ * @default false
1429
+ */
1430
+ isIndeterminate?: boolean;
1373
1431
  }
1374
1432
  interface IconColorInputProps extends StylingProps, Omit<ColorInputProps, "renderTriggerButton" | "colorLabel" | "label" | "labelPosition" | "aria-label">, IconComponentProps {
1375
1433
  /**
@@ -1386,12 +1444,13 @@ declare const IconColorInputButton: React__default.ForwardRefExoticComponent<Omi
1386
1444
  icon: React__default.FC<IconProps>;
1387
1445
  color?: string | null;
1388
1446
  } & React__default.RefAttributes<HTMLButtonElement>>;
1389
- interface ColorInputButtonProps extends Omit<ActionButtonProps, "label" | "className" | "style">, StylingProps, Pick<ColorInputProps, "colorLabel"> {
1447
+ interface ColorInputButtonProps extends Omit<ActionButtonProps, "label" | "className" | "style">, StylingProps, Pick<ColorInputProps, "colorLabel">, Pick<ColorSwatchProps, "isIndeterminate" | "indeterminateIcon"> {
1390
1448
  isOpen: boolean;
1391
1449
  "aria-label"?: string;
1392
1450
  labelPosition?: "top" | "start";
1393
1451
  color: Color | null;
1394
1452
  colorName?: string | boolean;
1453
+ isIndeterminate?: boolean;
1395
1454
  }
1396
1455
 
1397
1456
  declare const IconColorInput: React__default.ForwardRefExoticComponent<IconColorInputProps & React__default.RefAttributes<HTMLDivElement>>;
@@ -2365,6 +2424,7 @@ interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "
2365
2424
 
2366
2425
  declare const ImageGallery: React__default.ForwardRefExoticComponent<ImageGalleryProps & React__default.RefAttributes<HTMLDivElement>>;
2367
2426
 
2427
+ type ButtonBehaviour = "toggle" | "action";
2368
2428
  interface ButtonSelectProps extends StylingProps, Pick<SelectProps, "isDisabled" | "validationState" | "onSelectionChange" | "selectedKey" | "defaultSelectedKey" | "items" | "showSelectedIcon" | "isOpen" | "defaultOpen" | "triggerClassName" | "triggerStyle">, Pick<ToggleButtonProps, "onPress" | "isSelected" | "defaultSelected" | "excludeFromTabOrder">, AriaLabelingProps {
2369
2429
  /**
2370
2430
  * The size of the button.
@@ -2402,7 +2462,7 @@ interface ButtonSelectProps extends StylingProps, Pick<SelectProps, "isDisabled"
2402
2462
  *
2403
2463
  * @default "toggle"
2404
2464
  */
2405
- buttonBehaviour?: "toggle" | "action";
2465
+ buttonBehaviour?: ButtonBehaviour | ((activeKey: string) => ButtonBehaviour);
2406
2466
  }
2407
2467
 
2408
2468
  declare const ButtonSelect: React__default.ForwardRefExoticComponent<ButtonSelectProps & React__default.RefAttributes<HTMLDivElement>>;
@@ -2507,32 +2567,6 @@ interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>
2507
2567
 
2508
2568
  declare const ComboBox: React__default.ForwardRefExoticComponent<ComboBoxProps & React__default.RefAttributes<HTMLDivElement>>;
2509
2569
 
2510
- interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "colorName">, StylingProps, DOMProps, AriaLabelingProps {
2511
- /** Whether the swatch is focused by keyboard. */
2512
- isFocusVisible?: boolean;
2513
- /** Whether the swatch is selected. */
2514
- isSelected?: boolean;
2515
- /**
2516
- * Whether the swatch is interactive. This is used to determine whether to
2517
- * show hover styles.
2518
- */
2519
- isInteractive?: boolean;
2520
- /**
2521
- * Whether the swatch is disabled. This is used to determine whether to show
2522
- * disabled styles.
2523
- */
2524
- isDisabled?: boolean;
2525
- /**
2526
- * Whether to show a tooltip. You can pass a boolean or a partial tooltip
2527
- * object that extends the default tooltip props.
2528
- *
2529
- * @default false
2530
- */
2531
- tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
2532
- }
2533
-
2534
- declare const ColorSwatch: React__default.ForwardRefExoticComponent<ColorSwatchProps & React__default.RefAttributes<HTMLDivElement>>;
2535
-
2536
2570
  type GridListProps = Omit<StylingProps & ListProps<ListOption> & AriaGridListOptions<ListOption> & Partial<Pick<DragAndDropProps, "enableReorder" | "orientation" | "layout" | "onReorder">> & {
2537
2571
  /**
2538
2572
  * The items to render in the grid list. Items have the following shape:
@@ -2612,6 +2646,7 @@ type GridListProps = Omit<StylingProps & ListProps<ListOption> & AriaGridListOpt
2612
2646
 
2613
2647
  declare const GridList: React__default.ForwardRefExoticComponent<GridListProps & React__default.RefAttributes<HTMLUListElement>>;
2614
2648
 
2649
+ type ActionTooltipProps = Omit<TooltipProps, "variant" | "size" | "includeArrow" | "children">;
2615
2650
  interface ActionGroupProps extends StylingProps, Omit<AriaActionGroupProps<ListItem>, "children"> {
2616
2651
  /** The items to display in the action group. */
2617
2652
  items: ListItem[];
@@ -2621,7 +2656,7 @@ interface ActionGroupProps extends StylingProps, Omit<AriaActionGroupProps<ListI
2621
2656
  */
2622
2657
  selectionMode?: "single" | "multiple";
2623
2658
  /** The props to be passed to the tooltip component. */
2624
- tooltipProps?: IconComponentProps["tooltipProps"] | ((item: ListItem) => IconComponentProps["tooltipProps"]);
2659
+ tooltipProps?: ActionTooltipProps | ((item: ListItem) => ActionTooltipProps);
2625
2660
  /**
2626
2661
  * A function that renders an action item. This function is called for each
2627
2662
  * item in the action group. By default, an `ActionIconButton` is rendered.