@pantoken/components 0.1.1 → 0.2.1

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 (6) hide show
  1. package/dist/base.css +1 -1
  2. package/dist/component-icons.css +1 -0
  3. package/dist/components.css +1 -1
  4. package/dist/index.d.mts +13 -38
  5. package/dist/index.mjs +65 -149
  6. package/package.json +33 -22
package/dist/base.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{box-sizing:border-box}:where(html){color-scheme:light dark;background:var(--instui-color-background-page);color:var(--instui-color-text-base);font-family:var(--instui-font-family-base);font-size:var(--instui-component-text-content-font-size);line-height:var(--instui-component-text-content-line-height);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased}:where(body){margin:0}:where(a){color:var(--instui-color-text-interactive-navigation-primary-base);text-decoration:underline}:where(a:hover){color:var(--instui-color-text-interactive-navigation-primary-hover)}::selection{background:color-mix(in srgb, var(--instui-color-text-interactive-navigation-primary-base) 25%, transparent)}:where(:root){--instui-focus-outline-color:var(--instui-component-shared-tokens-focus-outline-info-color);--instui-focus-outline-color-start:transparent;--instui-focus-outline-width:var(--instui-component-shared-tokens-focus-outline-width);--instui-focus-outline-offset:var(--instui-component-shared-tokens-focus-outline-offset);--instui-focus-outline-radius:var(--instui-border-radius-md);--instui-focus-outline-style:solid;--instui-focus-outline-transition:outline-color .2s, outline-offset .25s;--instui-focus-outline-color-success:var(--instui-component-shared-tokens-focus-outline-success-color);--instui-focus-outline-color-danger:var(--instui-component-shared-tokens-focus-outline-danger-color);--instui-focus-outline-color-inverse:var(--instui-component-shared-tokens-focus-outline-on-color);--instui-focus-outline-inset:0rem}:where(a,button,input,select,textarea,summary,[tabindex]){outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color-start);outline-offset:0;transition:var(--instui-focus-outline-transition)}:where(a,button,input,select,textarea,summary,[tabindex]):where(:focus-visible){outline-color:var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset);border-radius:var(--instui-focus-outline-radius)}:where(.-focus-color-success):where(:focus-visible){outline-color:var(--instui-focus-outline-color-success)}:where(.-focus-color-danger):where(:focus-visible){outline-color:var(--instui-focus-outline-color-danger)}:where(.-focus-color-inverse):where(:focus-visible){outline-color:var(--instui-focus-outline-color-inverse)}:where(.-focus-position-inset):where(:focus-visible){outline-offset:var(--instui-focus-outline-inset)}:where(.-focus-within):where(:focus-within){outline-color:var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset);border-radius:var(--instui-focus-outline-radius)}:where(.-without-focus-animation){transition:none}
1
+ *,:before,:after{box-sizing:border-box}:where(html){color-scheme:light dark;background:var(--instui-color-background-page);color:var(--instui-color-text-base);font-family:var(--instui-font-family-base);font-size:var(--instui-component-text-content-font-size);line-height:var(--instui-component-text-content-line-height);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased}:where(body){margin:0}:where(a){color:var(--instui-color-text-interactive-navigation-primary-base);text-decoration:underline}:where(a:hover){color:var(--instui-color-text-interactive-navigation-primary-hover)}::selection{background:color-mix(in srgb, var(--instui-color-text-interactive-navigation-primary-base) 25%, transparent)}:where(a,button,input,select,textarea,summary,[tabindex]){outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color-start);outline-offset:0;transition:var(--instui-focus-outline-transition)}:where(a,button,input,select,textarea,summary,[tabindex]):where(:focus-visible){outline-color:var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset);border-radius:var(--instui-focus-outline-radius)}:where(.-focus-color-success):where(:focus-visible){outline-color:var(--instui-focus-outline-color-success)}:where(.-focus-color-danger):where(:focus-visible){outline-color:var(--instui-focus-outline-color-danger)}:where(.-focus-color-inverse):where(:focus-visible){outline-color:var(--instui-focus-outline-color-inverse)}:where(.-focus-position-inset):where(:focus-visible){outline-offset:var(--instui-focus-outline-inset)}:where(.-focus-within):where(:focus-within){outline-color:var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset);border-radius:var(--instui-focus-outline-radius)}:where(.-without-focus-animation){transition:none}
package/dist/component-icons.css ADDED
@@ -0,0 +1 @@
1
+ :root{--instui-icon-check:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E);--instui-icon-chevron-down:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E);--instui-icon-chevron-right:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E);--instui-icon-chevron-up:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m18%2015-6-6-6%206%22%2F%3E%3C%2Fsvg%3E);--instui-icon-circle-alert:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%228%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212.01%22%20y1%3D%2216%22%20y2%3D%2216%22%2F%3E%3C%2Fsvg%3E);--instui-icon-circle-check:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E);--instui-icon-circle-x:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m15%209-6%206%22%2F%3E%3Cpath%20d%3D%22m9%209%206%206%22%2F%3E%3C%2Fsvg%3E);--instui-icon-info:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2016v-4%22%2F%3E%3Cpath%20d%3D%22M12%208h.01%22%2F%3E%3C%2Fsvg%3E);--instui-icon-minus:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E);--instui-icon-triangle-alert:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%2F%3E%3Cpath%20d%3D%22M12%209v4%22%2F%3E%3Cpath%20d%3D%22M12%2017h.01%22%2F%3E%3C%2Fsvg%3E);--instui-icon-x:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E)}
package/dist/components.css CHANGED
@@ -1 +1 @@
1
- :root{--instui-elevation-resting:0 .0625rem .125rem var(--instui-color-drop-shadow-shadow-color2), 0 .0625rem .1875rem var(--instui-color-drop-shadow-shadow-color1);--instui-elevation-above:0 .1875rem .375rem var(--instui-color-drop-shadow-shadow-color2), 0 .1875rem .375rem var(--instui-color-drop-shadow-shadow-color1);--instui-elevation-topmost:0 .375rem .4375rem var(--instui-color-drop-shadow-shadow-color2), 0 .625rem 1.75rem var(--instui-color-drop-shadow-shadow-color1);--instui-elevation-depth1:0 .0625rem .125rem var(--instui-color-drop-shadow-shadow-color2), 0 .0625rem .1875rem var(--instui-color-drop-shadow-shadow-color1);--instui-elevation-depth2:0 .1875rem .375rem var(--instui-color-drop-shadow-shadow-color2), 0 .1875rem .375rem var(--instui-color-drop-shadow-shadow-color1);--instui-elevation-depth3:0 .375rem .4375rem var(--instui-color-drop-shadow-shadow-color2), 0 .625rem 1.75rem var(--instui-color-drop-shadow-shadow-color1);--instui-elevation-card:0 .0625rem .125rem var(--instui-color-drop-shadow-shadow-color2), 0 .0625rem .1875rem var(--instui-color-drop-shadow-shadow-color1);--instui-elevation-cardHover:0 .375rem .4375rem var(--instui-color-drop-shadow-shadow-color2), 0 .625rem 1.75rem var(--instui-color-drop-shadow-shadow-color1)}.instui-button{justify-content:center;align-items:center;gap:var(--instui-spacing-space-xs);min-height:var(--instui-component-base-button-medium-height);padding:var(--instui-spacing-space-xs) var(--instui-component-base-button-medium-padding-horizontal);font-family:var(--instui-font-family-base);font-size:var(--instui-component-base-button-medium-font-size);font-weight:var(--instui-font-weight-interactive);line-height:var(--instui-line-height-standalone-text-base);border:var(--instui-border-width-md) solid transparent;border-radius:var(--instui-component-base-button-border-radius);cursor:pointer;background:var(--instui-color-background-interactive-action-primary-base);color:var(--instui-color-text-interactive-action-primary-base);display:inline-flex}.instui-button:hover{background:var(--instui-color-background-interactive-action-primary-hover)}.instui-button:active{background:var(--instui-color-background-interactive-action-primary-active)}.instui-button:disabled,.instui-button[aria-disabled=true]{background:var(--instui-color-background-interactive-action-primary-disabled);color:var(--instui-color-text-interactive-action-primary-disabled);cursor:not-allowed}.instui-button.-color-secondary{background:var(--instui-color-background-interactive-action-secondary-base);color:var(--instui-color-text-interactive-action-secondary-base);border-color:var(--instui-color-stroke-interactive-action-secondary-base)}.instui-button.-color-secondary:hover{background:var(--instui-color-background-interactive-action-secondary-hover);border-color:var(--instui-color-stroke-interactive-action-secondary-hover)}.instui-button.-color-secondary:active{background:var(--instui-color-background-interactive-action-secondary-active);border-color:var(--instui-color-stroke-interactive-action-secondary-active)}.instui-button.-color-danger{background:var(--instui-color-background-interactive-action-destructive-base);color:var(--instui-color-text-interactive-action-status-base)}.instui-button.-color-danger:hover{background:var(--instui-color-background-interactive-action-destructive-hover)}.instui-button.-color-danger:active{background:var(--instui-color-background-interactive-action-destructive-active)}.instui-button.-color-success{background:var(--instui-color-background-interactive-action-success-base);color:var(--instui-color-text-interactive-action-status-base)}.instui-button.-color-success:hover{background:var(--instui-color-background-interactive-action-success-hover)}.instui-button.-color-tertiary{color:var(--instui-color-text-interactive-action-tertiary-base);border-color:var(--instui-color-stroke-interactive-action-tertiary-base);background:0 0}.instui-button.-color-tertiary:hover{background:var(--instui-color-background-interactive-action-tertiary-hover)}.instui-button.-color-tertiary:active{background:var(--instui-color-background-interactive-action-tertiary-active)}.instui-button.-color-primary-inverse{background:var(--instui-component-base-button-primary-inverse-background);color:var(--instui-component-base-button-primary-inverse-color);border-color:var(--instui-component-base-button-primary-inverse-border-color)}.instui-button.-color-primary-inverse:hover{background:var(--instui-component-base-button-primary-inverse-hover-background);border-color:var(--instui-component-base-button-primary-on-color-hover-border-color)}.instui-button.-color-primary-inverse:active{background:var(--instui-component-base-button-primary-inverse-active-background);border-color:var(--instui-component-base-button-primary-on-color-active-border-color)}.instui-button.-color-ai{color:var(--instui-color-text-interactive-action-ai-base);background:linear-gradient(to bottom, var(--instui-color-background-interactive-action-ai-top-gradient-base) 0%, var(--instui-color-background-interactive-action-ai-bottom-gradient-base) 100%) padding-box, linear-gradient(to bottom, var(--instui-color-stroke-interactive-action-ai-top-gradient-base) 0%, var(--instui-color-stroke-interactive-action-ai-bottom-gradient-base) 100%) border-box;border-color:#0000}.instui-button.-color-ai:hover{color:var(--instui-color-text-interactive-action-ai-hover);background:linear-gradient(to bottom, var(--instui-color-background-interactive-action-ai-top-gradient-hover) 0%, var(--instui-color-background-interactive-action-ai-bottom-gradient-hover) 100%) padding-box, linear-gradient(to bottom, var(--instui-color-stroke-interactive-action-ai-top-gradient-hover) 0%, var(--instui-color-stroke-interactive-action-ai-bottom-gradient-hover) 100%) border-box}.instui-button.-color-ai:active{color:var(--instui-color-text-interactive-action-ai-active);background:linear-gradient(to bottom, var(--instui-color-background-interactive-action-ai-top-gradient-active) 0%, var(--instui-color-background-interactive-action-ai-bottom-gradient-active) 100%) padding-box, linear-gradient(to bottom, var(--instui-color-stroke-interactive-action-ai-top-gradient-active) 0%, var(--instui-color-stroke-interactive-action-ai-bottom-gradient-active) 100%) border-box}.instui-button.-color-ai-secondary{background:linear-gradient(to bottom, var(--instui-color-text-interactive-action-ai-secondary-top-gradient-base) 0%, var(--instui-color-text-interactive-action-ai-secondary-bottom-gradient-base) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;border-color:#0000;position:relative}.instui-button.-color-ai-secondary:after{content:"";inset:calc(-1 * var(--instui-border-width-md));border-radius:inherit;padding:var(--instui-border-width-sm);background:linear-gradient(to bottom, var(--instui-color-stroke-interactive-action-ai-top-gradient-base) 0%, var(--instui-color-stroke-interactive-action-ai-bottom-gradient-base) 100%);-webkit-mask-composite:xor;pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.instui-button.-color-ai-secondary:hover,.instui-button.-color-ai-secondary:active{color:var(--instui-color-text-interactive-action-ai-secondary-top-gradient-base);-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box;background-clip:border-box}.instui-button.-color-ai-secondary:hover{background:linear-gradient(to bottom, var(--instui-color-background-interactive-action-ai-secondary-hover-top-gradient) 0%, var(--instui-color-background-interactive-action-ai-secondary-hover-bottom-gradient) 100%)}.instui-button.-color-ai-secondary:active{background:linear-gradient(to bottom, var(--instui-color-background-interactive-action-ai-secondary-active-top-gradient) 0%, var(--instui-color-background-interactive-action-ai-secondary-active-bottom-gradient) 100%)}.instui-button.-color-ai:before,.instui-button.-color-ai-secondary:before{content:"";flex:none;block-size:1em;inline-size:1em;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M960 0L1219.29 700.713L1920 960L1219.29 1219.29L960 1920L700.713 1219.29L0 960L700.713 700.713L960 0Z'/%3E%3Cpath d='M1600 0L1686.43 233.571L1920 320L1686.43 406.429L1600 640L1513.57 406.429L1280 320L1513.57 233.571L1600 0Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M960 0L1219.29 700.713L1920 960L1219.29 1219.29L960 1920L700.713 1219.29L0 960L700.713 700.713L960 0Z'/%3E%3Cpath d='M1600 0L1686.43 233.571L1920 320L1686.43 406.429L1600 640L1513.57 406.429L1280 320L1513.57 233.571L1600 0Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.instui-button.-color-ai:before{background:var(--instui-color-text-interactive-action-ai-base)}.instui-button.-color-ai-secondary:before{background:linear-gradient(to bottom, var(--instui-color-stroke-interactive-action-ai-top-gradient-base) 0%, var(--instui-color-stroke-interactive-action-ai-bottom-gradient-base) 100%)}.instui-button.-without-background{background:var(--instui-component-base-button-primary-ghost-background);color:var(--instui-component-base-button-primary-ghost-color);border-color:var(--instui-component-base-button-primary-ghost-border-color)}.instui-button.-color-secondary.-ghost{background:var(--instui-component-base-button-secondary-ghost-background);color:var(--instui-component-base-button-secondary-ghost-color);border-color:var(--instui-component-base-button-secondary-ghost-border-color)}.instui-button.-without-background:hover{background:color-mix(in srgb, hsl(from var(--instui-component-base-button-primary-ghost-color) h s calc(l - 10)) 10%, transparent)}.instui-button.-without-background:active{background:color-mix(in srgb, hsl(from var(--instui-component-base-button-primary-ghost-color) h s calc(l - 10)) 20%, transparent)}.instui-button.-color-secondary.-ghost:hover{background:color-mix(in srgb, hsl(from var(--instui-component-base-button-secondary-ghost-color) h s calc(l - 10)) 10%, transparent)}.instui-button.-color-secondary.-ghost:active{background:color-mix(in srgb, hsl(from var(--instui-component-base-button-secondary-ghost-color) h s calc(l - 10)) 20%, transparent)}.instui-button.-display-block{width:100%;display:flex}.instui-button.-size-sm{font-size:var(--instui-component-base-button-small-font-size);min-height:var(--instui-component-base-button-small-height);padding-inline:var(--instui-component-base-button-small-padding-horizontal)}.instui-button.-size-lg{font-size:var(--instui-component-base-button-large-font-size);min-height:var(--instui-component-base-button-large-height);padding-inline:var(--instui-component-base-button-large-padding-horizontal)}.instui-button.-shape-square{padding:var(--instui-spacing-space-xs);aspect-ratio:1}.instui-button.-shape-circle{padding:var(--instui-spacing-space-xs);aspect-ratio:1;border-radius:50%}.instui-button.-shape-square[class*=-icon-]:before,.instui-button.-shape-circle[class*=-icon-]:before{block-size:1.25em;inline-size:1.25em}.instui-button.-condensed{min-height:0;color:var(--instui-color-text-interactive-action-secondary-base);padding-inline:var(--instui-spacing-space-xs);background:0 0;border-color:#0000}.instui-button.-condensed:hover{background:var(--instui-color-background-muted)}.instui-button.-toggle[aria-pressed=true]{background:var(--instui-color-background-interactive-action-secondary-active);border-color:var(--instui-color-stroke-interactive-action-secondary-active);color:var(--instui-color-text-interactive-action-secondary-base)}.instui-button.-without-border{border-style:none}.instui-button.-size-small{font-size:var(--instui-component-base-button-small-font-size);min-height:var(--instui-component-base-button-small-height);padding-inline:var(--instui-component-base-button-small-padding-horizontal)}.instui-button.-size-large{font-size:var(--instui-component-base-button-large-font-size);min-height:var(--instui-component-base-button-large-height);padding-inline:var(--instui-component-base-button-large-padding-horizontal)}.instui-alert{min-inline-size:12rem;padding:var(--instui-component-alert-content-padding-vertical) var(--instui-component-alert-content-padding-horizontal);background:var(--instui-component-alert-background);color:var(--instui-component-alert-color);border:var(--instui-component-alert-border-width) var(--instui-component-alert-border-style) var(--instui-component-alert-info-border-color);border-radius:var(--instui-component-alert-border-radius);box-shadow:var(--instui-elevation-above);font-family:var(--instui-component-alert-content-font-family);font-size:var(--instui-component-alert-content-font-size);font-weight:var(--instui-component-alert-content-font-weight);line-height:var(--instui-component-alert-content-line-height);--pantoken-alert-icon-bg:var(--instui-component-alert-info-icon-background);--pantoken-alert-glyph:var(--instui-icon-info);padding-inline-start:calc(2.5rem + var(--instui-component-alert-content-padding-horizontal));position:relative}.instui-alert:before{content:"";inset-block:calc(-1 * var(--instui-component-alert-border-width));background:var(--pantoken-alert-icon-bg);inline-size:2.5rem;border-start-start-radius:var(--instui-component-alert-border-radius);border-end-start-radius:var(--instui-component-alert-border-radius);position:absolute;inset-inline-start:calc(-1 * var(--instui-component-alert-border-width))}.instui-alert:after{content:"";background:var(--instui-component-alert-icon-color);inline-size:2.5rem;-webkit-mask:var(--pantoken-alert-glyph) center / 1.125rem no-repeat;mask:var(--pantoken-alert-glyph) center / 1.125rem no-repeat;position:absolute;inset-block:0;inset-inline-start:0}.instui-alert>.instui-close-button{position:absolute;inset-block-start:var(--instui-spacing-space-xs);inset-inline-end:var(--instui-spacing-space-xs)}.instui-alert:has(>.instui-close-button){padding-inline-end:calc(var(--instui-component-base-button-medium-height) + var(--instui-spacing-space-xs))}.instui-alert.-without-shadow{box-shadow:none}.instui-alert.-screen-reader-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-alert.-color-info{border-color:var(--instui-component-alert-info-border-color)}.instui-alert.-color-success{border-color:var(--instui-component-alert-success-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-success-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-check)}.instui-alert.-color-warning{border-color:var(--instui-component-alert-warning-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-warning-icon-background);--pantoken-alert-glyph:var(--instui-icon-triangle-alert)}.instui-alert.-color-danger{border-color:var(--instui-component-alert-danger-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-danger-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-x)}.instui-alert[class*=-icon-]{--pantoken-alert-glyph:var(--pantoken-glyph)}.instui-alert[class*=-icon-]:before{background:var(--pantoken-alert-icon-bg);block-size:auto;inline-size:2.5rem;-webkit-mask:none;mask:none}.instui-alert.-has-shadow-false{box-shadow:none}.instui-alert.-variant-info{border-color:var(--instui-component-alert-info-border-color)}.instui-alert.-variant-success{border-color:var(--instui-component-alert-success-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-success-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-check)}.instui-alert.-variant-warning{border-color:var(--instui-component-alert-warning-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-warning-icon-background);--pantoken-alert-glyph:var(--instui-icon-triangle-alert)}.instui-alert.-variant-error{border-color:var(--instui-component-alert-danger-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-danger-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-x)}@keyframes pantoken-badge-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.instui-badge-wrapper{display:inline-flex;position:relative}.instui-badge{--pantoken-badge-accent:var(--instui-component-badge-color-primary);--pantoken-badge-text:light-dark(var(--instui-component-badge-color),var(--instui-component-badge-color-inverse));min-width:var(--instui-component-badge-size);height:var(--instui-component-badge-size);padding:0 var(--instui-component-badge-padding);font-family:var(--instui-component-badge-font-family);font-size:var(--instui-component-badge-font-size);font-weight:var(--instui-component-badge-font-weight);border-radius:var(--instui-component-badge-border-radius);background:var(--pantoken-badge-accent);color:var(--pantoken-badge-text);justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.instui-badge.-color-success{--pantoken-badge-accent:var(--instui-component-badge-color-success);--pantoken-badge-text:var(--instui-component-badge-color)}.instui-badge.-color-danger{--pantoken-badge-accent:var(--instui-component-badge-color-danger);--pantoken-badge-text:var(--instui-component-badge-color)}.instui-badge.-color-inverse{--pantoken-badge-accent:var(--instui-component-badge-color);--pantoken-badge-text:var(--instui-component-badge-color-inverse)}.instui-badge.-type-notification{min-width:0;width:var(--instui-spacing-space-sm);height:var(--instui-spacing-space-sm);padding:0;font-size:0}.instui-badge.-pulse:before{content:"";border:var(--instui-border-width-md) solid var(--pantoken-badge-accent);border-radius:inherit;animation:1.2s ease-out infinite pantoken-badge-pulse;position:absolute;inset:0}.instui-badge.-placement-top-end,.instui-badge.-placement-top-start,.instui-badge.-placement-bottom-end,.instui-badge.-placement-bottom-start,.instui-badge.-placement-start-center,.instui-badge.-placement-end-center{position:absolute}.instui-badge.-placement-top-end{top:-.5rem;inset-inline-end:-.5rem}.instui-badge.-placement-top-start{top:-.5rem;inset-inline-start:-.5rem}.instui-badge.-placement-bottom-end{bottom:-.5rem;inset-inline-end:-.5rem}.instui-badge.-placement-bottom-start{bottom:-.5rem;inset-inline-start:-.5rem}.instui-badge.-placement-end-center{top:50%;inset-inline-end:-.5rem;transform:translateY(-50%)}.instui-badge.-placement-start-center{top:50%;inset-inline-start:-.5rem;transform:translateY(-50%)}.instui-badge.-standalone{position:relative;inset:auto;transform:none}.instui-pill{height:var(--instui-component-pill-height);max-width:var(--instui-component-pill-max-width);padding:0 var(--instui-component-pill-padding-horizontal);background:var(--instui-component-pill-background-color);color:var(--instui-component-pill-base-text-color);border:var(--instui-component-pill-border-width) var(--instui-component-pill-border-style) var(--instui-component-pill-base-border-color);border-radius:var(--instui-component-pill-border-radius);font-family:var(--instui-component-pill-font-family);font-size:var(--instui-component-pill-text-font-size);font-weight:var(--instui-component-pill-text-font-weight);line-height:var(--instui-component-pill-line-height);align-items:center;display:inline-flex}.instui-pill[class*=-icon-]:before{inline-size:var(--instui-font-size-text-xs);block-size:var(--instui-font-size-text-xs);margin-inline-end:.375rem}.instui-pill.-color-info{color:var(--instui-component-pill-info-text-color);border-color:var(--instui-component-pill-info-border-color)}.instui-pill.-color-success{color:var(--instui-component-pill-success-text-color);border-color:var(--instui-component-pill-success-border-color)}.instui-pill.-color-warning{color:var(--instui-component-pill-warning-text-color);border-color:var(--instui-component-pill-warning-border-color)}.instui-pill.-color-danger{color:var(--instui-component-pill-error-text-color);border-color:var(--instui-component-pill-error-border-color)}.instui-pill.-color-info,.instui-pill.-color-success,.instui-pill.-color-warning,.instui-pill.-color-danger{font-weight:var(--instui-component-pill-status-label-font-weight)}.instui-tag{height:var(--instui-component-tag-height-medium);max-width:var(--instui-component-tag-max-width);padding:0 var(--instui-component-tag-padding-horizontal);background:var(--instui-component-tag-default-background);color:var(--instui-component-tag-default-color);border:var(--instui-component-tag-default-border-width) var(--instui-component-tag-default-border-style) var(--instui-component-tag-default-border-color);border-radius:var(--instui-component-tag-default-border-radius);font-family:var(--instui-component-tag-font-family);font-size:var(--instui-component-tag-font-size-medium);align-items:center;display:inline-flex}.instui-tag:hover{background:var(--instui-component-tag-default-background-hover)}.instui-tag.-size-sm{height:var(--instui-component-tag-height-small);padding:0 var(--instui-component-tag-padding-horizontal-small);font-size:var(--instui-component-tag-font-size-small)}.instui-tag.-size-lg{height:var(--instui-component-tag-height-large);font-size:var(--instui-component-tag-font-size-large)}.instui-tag.-inline{gap:var(--instui-spacing-space-xs);background:var(--instui-component-tag-inline-background);color:var(--instui-component-tag-inline-color);border-color:var(--instui-component-tag-inline-border-color);border-radius:var(--instui-component-tag-inline-border-radius);cursor:pointer}.instui-tag.-inline:hover{background:var(--instui-component-tag-inline-background-hover)}.instui-tag.-inline:after{content:"";background:var(--instui-component-tag-inline-icon-color);width:1em;height:1em;-webkit-mask:var(--instui-icon-x) center / contain no-repeat;mask:var(--instui-icon-x) center / contain no-repeat;flex:none}.instui-tag.-inline:hover:after{background:var(--instui-component-tag-inline-icon-hover-color)}.instui-tag.-readonly{cursor:default;background:var(--instui-component-tag-default-background)}.instui-tag.-readonly.-inline:after{display:none}.instui-tag.-size-small{height:var(--instui-component-tag-height-small);padding:0 var(--instui-component-tag-padding-horizontal-small);font-size:var(--instui-component-tag-font-size-small)}.instui-tag.-size-large{height:var(--instui-component-tag-height-large);font-size:var(--instui-component-tag-font-size-large)}.instui-avatar{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);background:var(--instui-component-avatar-background-color);color:var(--instui-component-avatar-blue-text-color);border:var(--instui-component-avatar-border-width-sm) solid var(--instui-component-avatar-border-color);font-family:var(--instui-component-avatar-font-family);font-size:var(--instui-component-avatar-font-size-md);font-weight:var(--instui-component-avatar-font-weight);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.instui-avatar.-shape-rectangle{border-radius:var(--instui-component-avatar-rectangle-radius)}.instui-avatar.-size-sm{width:var(--instui-component-avatar-size-sm);height:var(--instui-component-avatar-size-sm);font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-2xs{width:var(--instui-component-avatar-size2xs);height:var(--instui-component-avatar-size2xs);font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-xs{width:var(--instui-component-avatar-size-xs);height:var(--instui-component-avatar-size-xs);font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-lg{width:var(--instui-component-avatar-size-lg);height:var(--instui-component-avatar-size-lg);font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-xl{width:var(--instui-component-avatar-size-xl);height:var(--instui-component-avatar-size-xl);font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-2xl{width:var(--instui-component-avatar-size2xl);height:var(--instui-component-avatar-size2xl);font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-color-ash{color:var(--instui-component-avatar-ash-text-color)}.instui-avatar.-color-ash.-has-inverse-color{background:var(--instui-component-avatar-ash-background-color)}.instui-avatar.-color-blue{color:var(--instui-component-avatar-blue-text-color)}.instui-avatar.-color-blue.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color)}.instui-avatar.-color-green{color:var(--instui-component-avatar-green-text-color)}.instui-avatar.-color-green.-has-inverse-color{background:var(--instui-component-avatar-green-background-color)}.instui-avatar.-color-grey{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-grey.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}.instui-avatar.-color-orange{color:var(--instui-component-avatar-orange-text-color)}.instui-avatar.-color-orange.-has-inverse-color{background:var(--instui-component-avatar-orange-background-color)}.instui-avatar.-color-red{color:var(--instui-component-avatar-red-text-color)}.instui-avatar.-color-red.-has-inverse-color{background:var(--instui-component-avatar-red-background-color)}.instui-avatar.-color-ai{background:linear-gradient(to bottom, var(--instui-component-avatar-ai-top-gradient-color), var(--instui-component-avatar-ai-bottom-gradient-color));color:var(--instui-component-avatar-text-on-color);border-color:#0000}.instui-avatar.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color);color:var(--instui-component-avatar-text-on-color);border-color:#0000}.instui-avatar.-show-border{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-color)}.instui-avatar>img{object-fit:cover;border-radius:inherit;block-size:100%;inline-size:100%}.instui-avatar.-size-small{width:var(--instui-component-avatar-size-sm);height:var(--instui-component-avatar-size-sm);font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-x-small{width:var(--instui-component-avatar-size-xs);height:var(--instui-component-avatar-size-xs);font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-large{width:var(--instui-component-avatar-size-lg);height:var(--instui-component-avatar-size-lg);font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-x-large{width:var(--instui-component-avatar-size-xl);height:var(--instui-component-avatar-size-xl);font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-color-accent1{color:var(--instui-component-avatar-blue-text-color)}.instui-avatar.-color-accent1.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color)}.instui-avatar.-color-accent2{color:var(--instui-component-avatar-green-text-color)}.instui-avatar.-color-accent2.-has-inverse-color{background:var(--instui-component-avatar-green-background-color)}.instui-avatar.-color-accent3{color:var(--instui-component-avatar-red-text-color)}.instui-avatar.-color-accent3.-has-inverse-color{background:var(--instui-component-avatar-red-background-color)}.instui-avatar.-color-accent4{color:var(--instui-component-avatar-orange-text-color)}.instui-avatar.-color-accent4.-has-inverse-color{background:var(--instui-component-avatar-orange-background-color)}.instui-avatar.-color-accent5{color:var(--instui-component-avatar-ash-text-color)}.instui-avatar.-color-accent5.-has-inverse-color{background:var(--instui-component-avatar-ash-background-color)}.instui-avatar.-color-accent6{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-accent6.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}.instui-tabs{background:var(--instui-component-tabs-default-background);flex-direction:column;display:flex}@scope(.instui-tabs){:scope>.list{flex-flow:wrap;width:100%;display:flex}:scope.-overflow-scroll>.list{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}:scope.-overflow-scroll>.list::-webkit-scrollbar{display:none}.tab{-webkit-appearance:none;appearance:none;color:var(--instui-component-tabs-tab-default-text-color);font-family:var(--instui-component-tabs-tab-font-family);font-size:var(--instui-component-tabs-tab-font-size);font-weight:var(--instui-component-tabs-tab-font-weight);cursor:pointer;user-select:none;white-space:nowrap;z-index:1;margin-bottom:calc(-1 * var(--instui-component-tabs-panel-border-width));background:0 0;border:0;border-bottom:.25rem solid #0000;padding:1rem 1.25rem;line-height:1;position:relative}.tab:hover:not(.-selected):not(.-disabled):not([aria-selected=true]):not([aria-disabled=true]){border-bottom-color:var(--instui-component-tabs-tab-default-hover-border-color)}.tab.-selected,.tab[aria-selected=true]{border-bottom-color:var(--instui-component-tabs-tab-default-selected-border-color)}.tab.-disabled,.tab[aria-disabled=true],.tab:disabled{opacity:.5;cursor:default;font-weight:400}:scope.-variant-secondary .tab{line-height:var(--instui-component-tabs-tab-line-height);color:var(--instui-component-tabs-tab-secondary-text-color);margin-inline-end:.2em;margin-bottom:calc(-1 * var(--instui-component-tabs-panel-border-width));border:var(--instui-component-tabs-panel-border-width) solid transparent;border-radius:.1875rem .1875rem 0 0;padding:.75rem 1rem}:scope.-variant-secondary .tab:first-of-type{margin-inline-start:0}:scope.-variant-secondary .tab:hover:not(.-selected):not(.-disabled):not([aria-selected=true]):not([aria-disabled=true]){background:var(--instui-component-tabs-tab-secondary-selected-background);border-color:var(--instui-component-tabs-tab-secondary-selected-border-color);color:var(--instui-component-tabs-tab-secondary-selected-text-color)}:scope.-variant-secondary .tab.-selected,:scope.-variant-secondary .tab[aria-selected=true]{background:var(--instui-component-tabs-tab-secondary-selected-background);border-color:var(--instui-component-tabs-tab-secondary-selected-border-color);border-bottom-color:var(--instui-component-tabs-tab-secondary-selected-background);color:var(--instui-component-tabs-tab-secondary-selected-text-color)}:scope>.panel{box-sizing:border-box;border-top:var(--instui-component-tabs-panel-border-width) solid var(--instui-component-tabs-panel-border-color);background:var(--instui-component-tabs-panel-background);color:var(--instui-component-tabs-panel-text-color);font-family:var(--instui-component-tabs-panel-font-family);font-size:var(--instui-component-tabs-panel-font-size);font-weight:var(--instui-component-tabs-panel-font-weight);line-height:var(--instui-component-tabs-panel-line-height);padding:var(--instui-spacing-space-sm) var(--instui-spacing-space-md) var(--instui-spacing-space-md)}:scope>.panel[hidden]{display:none}}.instui-metric{gap:var(--instui-component-metric-gap-texts);padding:0 var(--instui-component-metric-padding-horizontal);flex-direction:column;display:inline-flex}@scope(.instui-metric){:scope>.value{color:var(--instui-component-metric-value-color);font-family:var(--instui-component-metric-value-font-family);font-size:var(--instui-component-metric-value-font-size);font-weight:var(--instui-component-metric-value-font-weight);line-height:var(--instui-component-metric-value-line-height)}:scope>.label{color:var(--instui-component-metric-label-color);font-family:var(--instui-component-metric-label-font-family);font-size:var(--instui-component-metric-label-font-size);font-weight:var(--instui-component-metric-label-font-weight);line-height:var(--instui-component-metric-label-line-height)}}.instui-metric.-text-align-start{text-align:start;align-items:flex-start}.instui-metric.-text-align-center{text-align:center;align-items:center}.instui-metric.-text-align-end{text-align:end;align-items:flex-end}.instui-byline{align-items:center;gap:var(--instui-component-byline-figure-margin);background:var(--instui-component-byline-background);color:var(--instui-component-byline-color);font-family:var(--instui-component-byline-font-family);display:flex}.instui-byline.-align-content-top{align-items:flex-start}.instui-byline.-align-content-center{align-items:center}.instui-byline.-size-sm{max-width:var(--instui-component-byline-small,20rem)}.instui-byline.-size-md{max-width:var(--instui-component-byline-medium,30rem)}.instui-byline.-size-lg{max-width:var(--instui-component-byline-large,40rem)}@scope(.instui-byline){:scope>[class*=-icon-]{line-height:1}.title{margin:0 0 var(--instui-component-byline-title-margin);font-size:var(--instui-component-byline-title-font-size);font-weight:var(--instui-component-byline-title-font-weight);line-height:var(--instui-component-byline-title-line-height)}.description{font-size:var(--instui-component-byline-description-font-size);font-weight:var(--instui-component-byline-description-font-weight);line-height:var(--instui-component-byline-description-line-height)}}.instui-byline.-size-small{max-width:var(--instui-component-byline-small,20rem)}.instui-byline.-size-medium{max-width:var(--instui-component-byline-medium,30rem)}.instui-byline.-size-large{max-width:var(--instui-component-byline-large,40rem)}.instui-img{--pantoken-img-filter:none;block-size:auto;max-inline-size:100%;filter:var(--pantoken-img-filter);transition:filter var(--instui-component-img-effect-transition-duration) ease;display:inline-block}.instui-img.-display-block{display:block}.instui-img.-constrain-cover{object-fit:cover;block-size:100%;inline-size:100%}.instui-img.-constrain-contain{object-fit:contain;block-size:100%;inline-size:100%}.instui-img.-with-grayscale{--pantoken-img-filter:grayscale(1)}.instui-img.-with-blur{--pantoken-img-filter:blur(var(--instui-component-img-image-blur-amount))}.instui-img.-with-grayscale.-with-blur{--pantoken-img-filter:grayscale(1) blur(var(--instui-component-img-image-blur-amount))}.instui-table{border-collapse:collapse;background:var(--instui-component-table-background);width:100%;color:var(--instui-component-table-color);font-family:var(--instui-component-table-font-family);font-size:var(--instui-component-table-font-size)}.instui-table caption{text-align:start;padding:var(--instui-component-table-cell-padding-vertical) var(--instui-component-table-cell-padding-horizontal);color:var(--instui-component-table-col-header-color);font-weight:var(--instui-component-table-head-font-weight)}.instui-table.-layout-fixed{table-layout:fixed}.instui-table thead{background:var(--instui-component-table-head-background)}.instui-table th{text-align:start;background:var(--instui-component-table-col-header-background);color:var(--instui-component-table-col-header-color);font-weight:var(--instui-component-table-head-font-weight);line-height:var(--instui-component-table-col-header-line-height);padding:var(--instui-component-table-col-header-padding-vertical) var(--instui-component-table-col-header-padding-horizontal)}.instui-table thead th{border-bottom:var(--instui-border-width-md) solid var(--instui-component-table-row-border-color)}.instui-table tbody th,.instui-table th[scope=row]{background:var(--instui-component-table-row-header-background);color:var(--instui-component-table-row-header-color);font-weight:var(--instui-component-table-row-header-font-weight);line-height:var(--instui-component-table-row-header-line-height);padding:var(--instui-component-table-row-header-padding-vertical) var(--instui-component-table-row-header-padding-horizontal)}.instui-table td{color:var(--instui-component-table-cell-color);line-height:var(--instui-component-table-cell-line-height);padding:var(--instui-component-table-cell-padding-vertical) var(--instui-component-table-cell-padding-horizontal)}.instui-table tbody td,.instui-table tbody th{border:0}.instui-table tbody tr{border-bottom:var(--instui-border-width-sm) solid var(--instui-component-table-row-border-color)}.instui-table.-hover tbody tr{border-inline:.1875rem solid #0000}.instui-table.-hover tbody tr:hover{border-inline-color:var(--instui-component-table-row-hover-border-color)}.instui-table.-layout-stacked thead{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-table.-layout-stacked,.instui-table.-layout-stacked tbody,.instui-table.-layout-stacked tr,.instui-table.-layout-stacked td,.instui-table.-layout-stacked th{width:auto;display:block}.instui-table.-layout-stacked tbody tr{padding:var(--instui-component-table-row-padding-vertical) var(--instui-component-table-row-padding-horizontal)}.instui-table.-layout-stacked tbody td[data-label]:before,.instui-table.-layout-stacked tbody th[data-label]:before{content:attr(data-label);font-weight:var(--instui-component-table-head-font-weight);color:var(--instui-component-table-col-header-color);display:block}.instui-link{align-items:center;gap:var(--instui-component-link-gap-md);color:var(--instui-component-link-text-color);font-family:var(--instui-component-link-font-family);font-size:var(--instui-component-link-font-size-md);font-weight:var(--instui-component-link-font-weight);line-height:var(--instui-component-link-line-height-md);text-decoration:var(--instui-component-link-text-decoration-outside-text);cursor:pointer;display:inline-flex}.instui-link:hover{color:var(--instui-component-link-text-hover-color)}.instui-link[aria-disabled=true]{color:var(--instui-component-link-text-disabled-color);cursor:not-allowed}.instui-link.-size-sm{gap:var(--instui-component-link-gap-sm);font-size:var(--instui-component-link-font-size-sm);line-height:var(--instui-component-link-line-height-sm)}.instui-link.-size-lg{gap:var(--instui-component-link-gap-lg);font-size:var(--instui-component-link-font-size-lg);line-height:var(--instui-component-link-line-height-lg)}.instui-link.-color-inverse{color:var(--instui-component-link-on-color-text-color)}.instui-link.-color-inverse:hover{color:var(--instui-component-link-on-color-text-hover-color)}.instui-link.-color-inverse[aria-disabled=true]{color:var(--instui-component-link-on-color-text-disabled-color)}.instui-link.-inline{font-family:var(--instui-component-link-inline-link-medium-font-family);font-size:var(--instui-component-link-inline-link-medium-font-size);font-weight:var(--instui-component-link-inline-link-medium-font-weight);line-height:var(--instui-component-link-inline-link-medium-line-height);text-decoration:var(--instui-component-link-text-decoration-within-text);display:inline}.instui-link.-inline.-sm{font-size:var(--instui-component-link-inline-link-small-font-size);font-weight:var(--instui-component-link-inline-link-small-font-weight);line-height:var(--instui-component-link-inline-link-small-line-height)}.instui-link.-inline.-lg{font-size:var(--instui-component-link-inline-link-large-font-size);font-weight:var(--instui-component-link-inline-link-large-font-weight);line-height:var(--instui-component-link-inline-link-large-line-height)}.instui-link.-unstyled{color:var(--instui-component-link-unstyled-text-color);text-decoration:none}.instui-link.-size-small{gap:var(--instui-component-link-gap-sm);font-size:var(--instui-component-link-font-size-sm);line-height:var(--instui-component-link-line-height-sm)}.instui-link.-size-large{gap:var(--instui-component-link-gap-lg);font-size:var(--instui-component-link-font-size-lg);line-height:var(--instui-component-link-line-height-lg)}.instui-list{color:var(--instui-component-list-item-color);font-family:var(--instui-component-list-item-font-family);font-size:var(--instui-component-list-item-font-size-medium);font-weight:var(--instui-component-list-item-font-weight);line-height:var(--instui-component-list-item-line-height);padding-inline-start:var(--instui-component-list-list-padding)}.instui-list>li{margin:var(--instui-component-list-item-spacing-medium) 0}.instui-list.-size-sm{font-size:var(--instui-component-list-item-font-size-small)}.instui-list.-size-sm>li{margin:var(--instui-component-list-item-spacing-small) 0}.instui-list.-size-lg{font-size:var(--instui-component-list-item-font-size-large)}.instui-list.-size-lg>li{margin:var(--instui-component-list-item-spacing-large) 0}.instui-list.-ordered>li::marker{font-weight:var(--instui-component-list-ordered-number-font-weight)}.instui-list.-ordered>li{padding-inline-start:var(--instui-component-list-ordered-number-margin)}.instui-list.-delimiter-solid>li+li{border-top:var(--instui-component-list-item-delimiter-solid-border-width) var(--instui-component-list-item-delimiter-solid-border-style) var(--instui-component-list-item-delimiter-solid-border-color);padding-top:var(--instui-component-list-item-spacing-medium)}.instui-list.-delimiter-dashed>li+li{border-top:var(--instui-component-list-item-delimiter-dashed-border-width) var(--instui-component-list-item-delimiter-dashed-border-style) var(--instui-component-list-item-delimiter-dashed-border-color);padding-top:var(--instui-component-list-item-spacing-medium)}.instui-list.-unstyled{padding-inline-start:0;list-style:none}.instui-list.-inline{align-items:center;gap:var(--instui-component-list-item-spacing-medium);flex-wrap:wrap;padding-inline-start:0;list-style:none;display:flex}.instui-list.-inline>li{margin:0}.instui-list.-size-small{font-size:var(--instui-component-list-item-font-size-small)}.instui-list.-size-small>li{margin:var(--instui-component-list-item-spacing-small) 0}.instui-list.-size-large{font-size:var(--instui-component-list-item-font-size-large)}.instui-list.-size-large>li{margin:var(--instui-component-list-item-spacing-large) 0}.instui-icon{display:inline-flex}[class*=-icon-]:before{content:"";vertical-align:-.125em;block-size:1em;inline-size:1em;-webkit-mask:var(--pantoken-glyph) center / contain no-repeat;mask:var(--pantoken-glyph) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.instui-checkbox{align-items:center;gap:var(--instui-component-checkbox-gap);color:var(--instui-component-checkbox-label-base-color);font-family:var(--instui-component-checkbox-font-family);font-size:var(--instui-component-checkbox-font-size-md);font-weight:var(--instui-component-checkbox-font-weight);line-height:var(--instui-component-checkbox-line-height);display:inline-flex}.instui-checkbox.-label-placement-end{flex-direction:row}.instui-checkbox.-label-placement-start{flex-direction:row-reverse}.instui-checkbox.-label-placement-top{flex-direction:column-reverse;align-items:flex-start}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]{-webkit-appearance:none;appearance:none;width:var(--instui-component-checkbox-control-size-md);height:var(--instui-component-checkbox-control-size-md);margin-block:var(--instui-component-checkbox-control-vertical-margin);border:var(--instui-component-checkbox-border-width) solid var(--instui-component-checkbox-border-color);border-radius:var(--instui-component-checkbox-border-radius);background:var(--instui-component-checkbox-background-color);cursor:pointer;--pantoken-cb-glyph:var(--instui-icon-check) center / contain no-repeat;flex:none;place-content:center;transition:background-color .15s,border-color .15s;display:inline-grid}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:before{content:"";background:oklch(from var(--instui-component-checkbox-background-checked-color) clamp(0, (.62 - l) * infinity, 1) 0 0);width:.75em;height:.75em;-webkit-mask:var(--pantoken-cb-glyph);mask:var(--pantoken-cb-glyph);transition:transform .1s;transform:scale(0)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:hover{border-color:var(--instui-component-checkbox-border-hover-color);background:var(--instui-component-checkbox-background-hover-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:checked,.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:indeterminate{border-color:var(--instui-component-checkbox-border-checked-color);background:var(--instui-component-checkbox-background-checked-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:checked:before,.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:indeterminate:before{transform:scale(1)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:indeterminate{--pantoken-cb-glyph:var(--instui-icon-minus) center / contain no-repeat}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:disabled{border-color:var(--instui-component-checkbox-border-disabled-color);background:var(--instui-component-checkbox-background-disabled-color);cursor:not-allowed}.instui-checkbox:has(input:disabled){color:var(--instui-component-checkbox-label-disabled-color)}.instui-checkbox:hover{color:var(--instui-component-checkbox-label-hover-color)}.instui-checkbox.-size-sm{font-size:var(--instui-component-checkbox-font-size-sm)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-sm input[type=checkbox]{width:var(--instui-component-checkbox-control-size-sm);height:var(--instui-component-checkbox-control-size-sm)}.instui-checkbox.-size-lg{font-size:var(--instui-component-checkbox-font-size-lg)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-lg input[type=checkbox]{width:var(--instui-component-checkbox-control-size-lg);height:var(--instui-component-checkbox-control-size-lg)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-invalid input[type=checkbox]{border-color:var(--instui-component-checkbox-error-border-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-invalid input[type=checkbox]:hover{border-color:var(--instui-component-checkbox-error-border-hover-color)}.instui-checkbox.-readonly{color:var(--instui-component-checkbox-label-readonly-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-readonly input[type=checkbox]{border-color:var(--instui-component-checkbox-border-readonly-color);background:var(--instui-component-checkbox-background-readonly-color)}@scope(.instui-checkbox){:scope.-required .asterisk{color:var(--instui-component-checkbox-asterisk-color)}}.instui-checkbox.-variant-toggle input[type=checkbox]{--pantoken-toggle-h:var(--instui-size-choice-control-height-md);--pantoken-toggle-w:var(--instui-component-radio-input-toggle-medium-height);--pantoken-toggle-bw:var(--instui-border-width-sm);--pantoken-toggle-inset:calc(var(--pantoken-toggle-bw) * 3);--pantoken-toggle-handle:calc(var(--pantoken-toggle-h) - var(--pantoken-toggle-inset) * 2);-webkit-appearance:none;appearance:none;width:var(--pantoken-toggle-w);height:var(--pantoken-toggle-h);border-radius:var(--pantoken-toggle-h);box-shadow:inset 0 0 0 var(--pantoken-toggle-bw) var(--instui-color-stroke-base);background:var(--instui-color-background-muted);cursor:pointer;border:0;transition:background-color .15s;position:relative}.instui-checkbox.-variant-toggle input[type=checkbox]:before{content:"";box-sizing:border-box;width:var(--pantoken-toggle-handle);height:var(--pantoken-toggle-handle);border:var(--pantoken-toggle-bw) solid var(--instui-color-stroke-base);background:var(--instui-component-radio-input-toggle-handle-text);top:50%;border-radius:50%;transition:inset-inline-start .15s;position:absolute;inset-inline-start:var(--pantoken-toggle-inset);transform:translateY(-50%)}.instui-checkbox.-variant-toggle input[type=checkbox]:after{content:"";width:var(--pantoken-toggle-handle);height:var(--pantoken-toggle-handle);background:var(--instui-color-text-muted);-webkit-mask:var(--instui-icon-x) center / 58% no-repeat;mask:var(--instui-icon-x) center / 58% no-repeat;top:50%;transition:inset-inline-start .15s;position:absolute;inset-inline-start:var(--pantoken-toggle-inset);transform:translateY(-50%)}.instui-checkbox.-variant-toggle input[type=checkbox]:checked{background:var(--instui-component-radio-input-toggle-background-success)}.instui-checkbox.-variant-toggle input[type=checkbox]:checked:before{border-color:var(--instui-component-radio-input-toggle-background-success);inset-inline-start:calc(100% - var(--pantoken-toggle-h) + var(--pantoken-toggle-inset))}.instui-checkbox.-variant-toggle input[type=checkbox]:checked:after{background:var(--instui-component-radio-input-toggle-background-success);-webkit-mask:var(--instui-icon-check) center / 58% no-repeat;mask:var(--instui-icon-check) center / 58% no-repeat;inset-inline-start:calc(100% - var(--pantoken-toggle-h) + var(--pantoken-toggle-inset))}.instui-checkbox.-size-small{font-size:var(--instui-component-checkbox-font-size-sm)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-small input[type=checkbox]{width:var(--instui-component-checkbox-control-size-sm);height:var(--instui-component-checkbox-control-size-sm)}.instui-checkbox.-size-large{font-size:var(--instui-component-checkbox-font-size-lg)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-large input[type=checkbox]{width:var(--instui-component-checkbox-control-size-lg);height:var(--instui-component-checkbox-control-size-lg)}.instui-radio{align-items:center;gap:var(--instui-component-radio-input-gap);color:var(--instui-component-radio-input-label-base-color);font-family:var(--instui-component-radio-input-font-family);font-size:var(--instui-component-radio-input-font-size-md);font-weight:var(--instui-component-radio-input-font-weight);line-height:var(--instui-component-radio-input-line-height-md);display:inline-flex}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]{-webkit-appearance:none;appearance:none;width:var(--instui-component-radio-input-control-size-md);height:var(--instui-component-radio-input-control-size-md);margin-block:var(--instui-component-radio-input-control-vertical-margin);border:var(--instui-component-radio-input-border-width) solid var(--instui-component-radio-input-border-color);background:var(--instui-component-radio-input-background-color);cursor:pointer;border-radius:50%;flex:none;place-content:center;transition:border-color .15s,background-color .15s;display:inline-grid}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:before{content:"";width:calc(var(--instui-component-radio-input-control-size-md) - 2 * var(--instui-component-radio-input-checked-inset-md));height:calc(var(--instui-component-radio-input-control-size-md) - 2 * var(--instui-component-radio-input-checked-inset-md));background:var(--instui-component-radio-input-border-selected-color);border-radius:50%;transition:transform .1s;transform:scale(0)}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:hover{border-color:var(--instui-component-radio-input-border-hover-color);background:var(--instui-component-radio-input-background-hover-color)}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:checked{border-color:var(--instui-component-radio-input-border-selected-color)}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:checked:before{transform:scale(1)}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:disabled{border-color:var(--instui-component-radio-input-border-disabled-color);background:var(--instui-component-radio-input-background-disabled-color);cursor:not-allowed}.instui-radio:not(.-variant-toggle):not(.-toggle):has(input:disabled){color:var(--instui-component-radio-input-label-disabled-color)}.instui-radio:not(.-variant-toggle):not(.-toggle):hover{color:var(--instui-component-radio-input-label-hover-color)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-sm{font-size:var(--instui-component-radio-input-font-size-sm);line-height:var(--instui-component-radio-input-line-height-sm)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-sm input[type=radio]{width:var(--instui-component-radio-input-control-size-sm);height:var(--instui-component-radio-input-control-size-sm)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-sm input[type=radio]:before{width:calc(var(--instui-component-radio-input-control-size-sm) - 2 * var(--instui-component-radio-input-checked-inset-sm));height:calc(var(--instui-component-radio-input-control-size-sm) - 2 * var(--instui-component-radio-input-checked-inset-sm))}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-lg{font-size:var(--instui-component-radio-input-font-size-lg);line-height:var(--instui-component-radio-input-line-height-lg)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-lg input[type=radio]{width:var(--instui-component-radio-input-control-size-lg);height:var(--instui-component-radio-input-control-size-lg)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-lg input[type=radio]:before{width:calc(var(--instui-component-radio-input-control-size-lg) - 2 * var(--instui-component-radio-input-checked-inset-lg));height:calc(var(--instui-component-radio-input-control-size-lg) - 2 * var(--instui-component-radio-input-checked-inset-lg))}.instui-radio:not(.-variant-toggle):not(.-toggle).-readonly{color:var(--instui-component-radio-input-label-readonly-color)}.instui-radio:not(.-variant-toggle):not(.-toggle).-readonly input[type=radio]{border-color:var(--instui-component-radio-input-border-readonly-color);background:var(--instui-component-radio-input-background-readonly-color)}.instui-radio.-variant-toggle{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success);height:var(--instui-component-radio-input-toggle-medium-height);border-radius:var(--instui-component-radio-input-toggle-border-radius);color:var(--instui-component-radio-input-label-base-color);font-size:var(--instui-component-radio-input-toggle-medium-font-size);text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;gap:0;padding-inline:.875rem;line-height:1;transition:background-color .15s,color .15s;position:relative}.instui-radio.-variant-toggle input[type=radio]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-radio.-variant-toggle.-context-off{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-off)}.instui-radio.-variant-toggle.-context-success{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success)}.instui-radio.-variant-toggle.-context-danger{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-danger)}.instui-radio.-variant-toggle.-context-warning{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-warning)}.instui-radio.-variant-toggle:has(input:checked){background:var(--pantoken-rt-fill);color:var(--instui-component-radio-input-toggle-handle-text);box-shadow:var(--instui-elevation-depth1)}.instui-radio.-variant-toggle:has(input:focus-visible){text-decoration:underline}.instui-radio.-variant-toggle:has(input:focus-visible):before{content:"";border:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);border-radius:calc(var(--instui-component-radio-input-toggle-border-radius) + .0625rem);pointer-events:none;position:absolute;inset:-.25rem}.instui-radio.-variant-toggle:has(input:disabled){opacity:.5;cursor:not-allowed}.instui-radio.-variant-toggle.-size-sm{height:var(--instui-component-radio-input-toggle-small-height);font-size:var(--instui-component-radio-input-toggle-small-font-size);padding-inline:.5rem}.instui-radio.-variant-toggle.-size-lg{height:var(--instui-component-radio-input-toggle-large-height);font-size:var(--instui-component-radio-input-toggle-large-font-size);padding-inline:1rem}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-small{font-size:var(--instui-component-radio-input-font-size-sm);line-height:var(--instui-component-radio-input-line-height-sm)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-small input[type=radio]{width:var(--instui-component-radio-input-control-size-sm);height:var(--instui-component-radio-input-control-size-sm)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-small input[type=radio]:before{width:calc(var(--instui-component-radio-input-control-size-sm) - 2 * var(--instui-component-radio-input-checked-inset-sm));height:calc(var(--instui-component-radio-input-control-size-sm) - 2 * var(--instui-component-radio-input-checked-inset-sm))}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-large{font-size:var(--instui-component-radio-input-font-size-lg);line-height:var(--instui-component-radio-input-line-height-lg)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-large input[type=radio]{width:var(--instui-component-radio-input-control-size-lg);height:var(--instui-component-radio-input-control-size-lg)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-large input[type=radio]:before{width:calc(var(--instui-component-radio-input-control-size-lg) - 2 * var(--instui-component-radio-input-checked-inset-lg));height:calc(var(--instui-component-radio-input-control-size-lg) - 2 * var(--instui-component-radio-input-checked-inset-lg))}.instui-radio.-variant-toggle.-size-small{height:var(--instui-component-radio-input-toggle-small-height);font-size:var(--instui-component-radio-input-toggle-small-font-size);padding-inline:.5rem}.instui-radio.-variant-toggle.-size-large{height:var(--instui-component-radio-input-toggle-large-height);font-size:var(--instui-component-radio-input-toggle-large-font-size);padding-inline:1rem}.instui-radio.-toggle{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success);height:var(--instui-component-radio-input-toggle-medium-height);border-radius:var(--instui-component-radio-input-toggle-border-radius);color:var(--instui-component-radio-input-label-base-color);font-size:var(--instui-component-radio-input-toggle-medium-font-size);text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;gap:0;padding-inline:.875rem;line-height:1;transition:background-color .15s,color .15s;position:relative}.instui-radio.-toggle input[type=radio]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-radio.-toggle.-context-off{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-off)}.instui-radio.-toggle.-context-success{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success)}.instui-radio.-toggle.-context-danger{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-danger)}.instui-radio.-toggle.-context-warning{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-warning)}.instui-radio.-toggle:has(input:checked){background:var(--pantoken-rt-fill);color:var(--instui-component-radio-input-toggle-handle-text);box-shadow:var(--instui-elevation-depth1)}.instui-radio.-toggle:has(input:focus-visible){text-decoration:underline}.instui-radio.-toggle:has(input:focus-visible):before{content:"";border:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);border-radius:calc(var(--instui-component-radio-input-toggle-border-radius) + .0625rem);pointer-events:none;position:absolute;inset:-.25rem}.instui-radio.-toggle:has(input:disabled){opacity:.5;cursor:not-allowed}.instui-radio.-toggle.-size-sm{height:var(--instui-component-radio-input-toggle-small-height);font-size:var(--instui-component-radio-input-toggle-small-font-size);padding-inline:.5rem}.instui-radio.-toggle.-size-lg{height:var(--instui-component-radio-input-toggle-large-height);font-size:var(--instui-component-radio-input-toggle-large-font-size);padding-inline:1rem}.instui-radio.-toggle.-size-small{height:var(--instui-component-radio-input-toggle-small-height);font-size:var(--instui-component-radio-input-toggle-small-font-size);padding-inline:.5rem}.instui-radio.-toggle.-size-large{height:var(--instui-component-radio-input-toggle-large-height);font-size:var(--instui-component-radio-input-toggle-large-font-size);padding-inline:1rem}@keyframes pantoken-spinner-rotate{to{transform:rotate(360deg)}}.instui-spinner{width:var(--instui-component-spinner-spinner-size-md);height:var(--instui-component-spinner-spinner-size-md);border:var(--instui-component-spinner-stroke-width-md) solid var(--instui-component-spinner-track-color);border-top-color:var(--instui-component-spinner-color);border-radius:50%;animation:.8s linear infinite pantoken-spinner-rotate;display:inline-block}.instui-spinner.-size-xs{width:var(--instui-component-spinner-spinner-size-xs);height:var(--instui-component-spinner-spinner-size-xs);border-width:var(--instui-component-spinner-stroke-width-xs)}.instui-spinner.-size-sm{width:var(--instui-component-spinner-spinner-size-sm);height:var(--instui-component-spinner-spinner-size-sm);border-width:var(--instui-component-spinner-stroke-width-sm)}.instui-spinner.-size-lg{width:var(--instui-component-spinner-spinner-size-lg);height:var(--instui-component-spinner-spinner-size-lg);border-width:var(--instui-component-spinner-stroke-width-lg)}.instui-spinner.-color-inverse{border-top-color:var(--instui-component-spinner-inverse-color)}.instui-spinner.-size-x-small{width:var(--instui-component-spinner-spinner-size-xs);height:var(--instui-component-spinner-spinner-size-xs);border-width:var(--instui-component-spinner-stroke-width-xs)}.instui-spinner.-size-small{width:var(--instui-component-spinner-spinner-size-sm);height:var(--instui-component-spinner-spinner-size-sm);border-width:var(--instui-component-spinner-stroke-width-sm)}.instui-spinner.-size-large{width:var(--instui-component-spinner-spinner-size-lg);height:var(--instui-component-spinner-spinner-size-lg);border-width:var(--instui-component-spinner-stroke-width-lg)}.instui-progress{width:100%;height:var(--instui-component-progress-bar-medium-height);background:var(--instui-component-progress-bar-track-color);border:var(--instui-component-progress-bar-track-bottom-border-width) solid var(--instui-component-progress-bar-border-color);border-radius:var(--instui-component-progress-bar-border-radius);display:block;position:relative;overflow:hidden}.instui-progress:after{content:"";height:var(--instui-component-progress-bar-track-bottom-border-width);background:var(--instui-component-progress-bar-track-bottom-border-color);pointer-events:none;inset-inline:0;position:absolute;bottom:0}.instui-progress.-size-xs{height:var(--instui-component-progress-bar-x-small-height)}.instui-progress.-size-sm{height:var(--instui-component-progress-bar-small-height)}.instui-progress.-size-lg{height:var(--instui-component-progress-bar-large-height)}@scope(.instui-progress){:scope>.bar{background:var(--instui-color-background-brand);border-radius:var(--instui-component-progress-bar-border-radius);height:100%}:scope.-should-animate>.bar{transition:width .5s}}.instui-progress.-color-brand .bar{background:var(--instui-color-background-brand)}.instui-progress.-color-info .bar{background:var(--instui-color-background-info)}.instui-progress.-color-success .bar{background:var(--instui-color-background-success)}.instui-progress.-color-warning .bar{background:var(--instui-color-background-warning)}.instui-progress.-color-danger .bar{background:var(--instui-color-background-error)}.instui-progress.-color-primary-inverse{background:var(--instui-component-progress-bar-track-color-inverse);border-color:var(--instui-component-progress-bar-border-color-inverse);color:var(--instui-component-progress-bar-text-color-inverse)}.instui-progress.-color-primary-inverse:after{background:var(--instui-component-progress-bar-track-bottom-border-color-inverse)}.instui-progress.-color-primary-inverse .bar{background:var(--instui-component-progress-bar-meter-color-brand-inverse)}.instui-progress-value{padding:0 var(--instui-component-progress-bar-value-padding);color:var(--instui-component-progress-bar-text-color);font-family:var(--instui-component-progress-bar-font-family);font-size:var(--instui-component-progress-bar-medium-value-font-size);font-weight:var(--instui-component-progress-bar-font-weight);line-height:var(--instui-component-progress-bar-line-height)}.instui-progress.-color-inverse~.instui-progress-value,.instui-progress-value.-color-inverse{color:var(--instui-component-progress-bar-text-color-inverse)}.instui-progress.-size-x-small{height:var(--instui-component-progress-bar-x-small-height)}.instui-progress.-size-small{height:var(--instui-component-progress-bar-small-height)}.instui-progress.-size-large{height:var(--instui-component-progress-bar-large-height)}.instui-progress.-meter-color-brand .bar{background:var(--instui-color-background-brand)}.instui-progress.-meter-color-info .bar{background:var(--instui-color-background-info)}.instui-progress.-meter-color-success .bar{background:var(--instui-color-background-success)}.instui-progress.-meter-color-warning .bar,.instui-progress.-meter-color-alert .bar{background:var(--instui-color-background-warning)}.instui-progress.-meter-color-danger .bar{background:var(--instui-color-background-error)}.instui-menu{min-width:var(--instui-component-menu-min-width);max-width:var(--instui-component-menu-max-width);background:var(--instui-component-menu-item-background);border:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);border-radius:var(--instui-border-radius-md);padding:var(--instui-spacing-space-xs) 0}@scope(.instui-menu){:scope>.item{padding:var(--instui-component-menu-item-padding-vertical) var(--instui-component-menu-item-padding-horizontal);color:var(--instui-component-menu-item-label-color);font-family:var(--instui-component-menu-item-font-family);font-size:var(--instui-component-menu-item-font-size);font-weight:var(--instui-component-menu-item-font-weight);line-height:var(--instui-component-menu-item-line-height);cursor:pointer;display:block}:scope>.item.-disabled{opacity:var(--instui-opacity-disabled);pointer-events:none;cursor:not-allowed}:scope>.item:hover,:scope>.item.-highlighted{background:var(--instui-component-menu-item-highlighted-background);color:var(--instui-component-menu-item-highlighted-label-color)}:scope>.item.-active,:scope>.item[aria-checked=true]{background:var(--instui-component-menu-item-active-background);color:var(--instui-component-menu-item-active-label-color)}:scope>.item.-active:hover,:scope>.item[aria-checked=true]:hover{background:var(--instui-component-menu-item-selected-highlighted-background)}.item-info{color:var(--instui-component-menu-item-label-info-color)}:scope>.item:hover .item-info,:scope>.item.-highlighted .item-info{color:var(--instui-component-menu-item-highlighted-label-info-color)}:scope>.group{padding:var(--instui-component-menu-group-padding-vertical) var(--instui-component-menu-group-padding-horizontal);background:var(--instui-component-menu-group-background);color:var(--instui-component-menu-group-color);font-family:var(--instui-component-menu-group-font-family);font-size:var(--instui-component-menu-group-font-size);font-weight:var(--instui-component-menu-group-font-weight)}:scope>.separator{height:var(--instui-component-menu-separator-height);background:var(--instui-component-menu-separator-background);margin:var(--instui-component-menu-separator-margin-vertical) var(--instui-component-menu-separator-margin-horizontal)}}.instui-modal{max-width:var(--instui-component-modal-medium-max-width);background:var(--instui-component-modal-background-color);color:var(--instui-component-modal-text-color);border:var(--instui-component-modal-border-width) solid var(--instui-component-modal-border-color);border-radius:var(--instui-component-modal-border-radius);font-family:var(--instui-component-modal-font-family);box-shadow:var(--instui-elevation-topmost);overflow:hidden}dialog.instui-modal{margin:auto;padding:0}dialog.instui-modal::backdrop{background:var(--instui-component-mask-background-color)}dialog.instui-modal.-blur::backdrop{backdrop-filter:blur(.5rem)}.instui-modal.-size-sm{max-width:var(--instui-component-modal-small-max-width)}.instui-modal.-size-lg{max-width:var(--instui-component-modal-large-max-width)}.instui-modal.-size-auto{max-width:none;min-width:var(--instui-component-modal-auto-min-width)}.instui-modal.-size-fullscreen{border-radius:0;width:auto;max-width:none;height:auto;max-height:none;margin:0;position:fixed;inset:0}.instui-modal.-overflow-fit{max-block-size:calc(100dvh - var(--instui-spacing-space-xl) * 2);flex-direction:column;display:flex}.instui-modal.-color-inverse{background:var(--instui-component-modal-inverse-background-color);color:var(--instui-component-modal-inverse-text-color);border-color:var(--instui-component-modal-inverse-border-color)}@scope(.instui-modal){:scope.-overflow-fit>.body{overflow-y:auto}:scope>.header{padding:var(--instui-component-modal-header-padding);background:var(--instui-component-modal-header-background-color);border-bottom:var(--instui-component-modal-header-border-width) solid var(--instui-component-modal-header-border-color)}:scope>.body{padding:var(--instui-component-modal-body-padding)}:scope>.body:has(>img){padding:0}:scope>.body:has(>img) img{width:100%;display:block}:scope>.footer{padding:var(--instui-component-modal-footer-padding);background:var(--instui-component-modal-footer-background-color);border-top:var(--instui-component-modal-footer-border-width) solid var(--instui-component-modal-footer-border-color);border-radius:0 0 var(--instui-component-modal-footer-border-radius) var(--instui-component-modal-footer-border-radius)}:scope.-density-compact>.header{padding:var(--instui-component-modal-header-padding-compact)}:scope.-density-compact>.body{padding:var(--instui-component-modal-body-padding-compact)}:scope.-density-compact>.footer{padding:var(--instui-component-modal-footer-padding-compact)}:scope.-color-inverse>.header{background:var(--instui-component-modal-header-inverse-background-color);border-bottom-color:var(--instui-component-modal-header-inverse-border-color)}:scope.-color-inverse>.body{background:var(--instui-component-modal-body-inverse-background-color)}:scope.-color-inverse>.footer{background:var(--instui-component-modal-footer-inverse-background-color);border-top-color:var(--instui-component-modal-footer-inverse-border-color)}}.instui-modal.-size-small{max-width:var(--instui-component-modal-small-max-width)}.instui-modal.-size-large{max-width:var(--instui-component-modal-large-max-width)}.instui-breadcrumb{align-items:center;gap:var(--instui-component-breadcrumb-gap-md);font-family:var(--instui-component-link-font-family);font-size:var(--instui-component-link-font-size-md);flex-wrap:wrap;display:flex}.instui-breadcrumb.-size-sm{gap:var(--instui-component-breadcrumb-gap-sm);font-size:var(--instui-component-link-font-size-sm)}.instui-breadcrumb.-size-lg{gap:var(--instui-component-breadcrumb-gap-lg);font-size:var(--instui-component-link-font-size-lg)}.instui-breadcrumb.-size-sm .item:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-sm)}.instui-breadcrumb.-size-lg .item:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-lg)}@scope(.instui-breadcrumb){:scope a{color:var(--instui-component-link-text-color);text-decoration:none}:scope a [class*=-icon-]{line-height:1}:scope a:hover{color:var(--instui-component-link-text-hover-color);text-decoration:underline}:scope>.item:not(:last-child):after{content:"/";color:var(--instui-color-text-muted);margin-inline-start:var(--instui-component-breadcrumb-gap-md)}}.instui-breadcrumb.-size-small{gap:var(--instui-component-breadcrumb-gap-sm);font-size:var(--instui-component-link-font-size-sm)}.instui-breadcrumb.-size-large{gap:var(--instui-component-breadcrumb-gap-lg);font-size:var(--instui-component-link-font-size-lg)}.instui-breadcrumb.-size-small .item:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-sm)}.instui-breadcrumb.-size-large .item:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-lg)}.instui-billboard{text-align:center;background:var(--instui-component-billboard-background-color);padding:var(--instui-component-billboard-padding-medium);margin:var(--instui-component-billboard-medium-margin);font-family:var(--instui-component-billboard-font-family);color:var(--instui-color-text-base);display:block}.instui-billboard.-size-sm{padding:var(--instui-component-billboard-padding-small)}.instui-billboard.-size-md,.instui-billboard.-size-medium{padding:var(--instui-component-billboard-padding-medium)}.instui-billboard.-size-lg,.instui-billboard.-size-large{padding:var(--instui-component-billboard-padding-large);margin:var(--instui-component-billboard-large-margin)}.instui-billboard.-size-sm .message{font-size:var(--instui-font-size-text-sm)}.instui-billboard.-size-md .message,.instui-billboard.-size-medium .message{font-size:var(--instui-font-size-text-base)}.instui-billboard.-size-lg .message,.instui-billboard.-size-large .message{font-size:1.375rem}.instui-billboard.-clickable{cursor:pointer;border:var(--instui-component-billboard-button-border-width) var(--instui-component-billboard-button-border-style) transparent;border-radius:var(--instui-component-billboard-button-border-radius)}.instui-billboard.-clickable:hover{border-style:dashed;border-color:var(--instui-color-text-base)}.instui-billboard.-clickable:focus{border-style:solid;border-color:var(--instui-color-text-base);outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset)}.instui-billboard.-clickable:focus-visible{outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset)}.instui-billboard.-clickable:active{background:var(--instui-component-billboard-clickable-active-bg);border-style:solid;border-color:var(--instui-color-text-base)}.instui-billboard>.hero{font-size:var(--instui-component-icon-illu-md)}.instui-billboard>.hero[class*=-icon-]{line-height:1}.instui-billboard.-size-sm>.hero,.instui-billboard.-size-small>.hero{font-size:var(--instui-component-icon-illu-sm)}.instui-billboard.-size-md>.hero,.instui-billboard.-size-medium>.hero{font-size:var(--instui-component-icon-illu-md)}.instui-billboard.-size-lg>.hero,.instui-billboard.-size-large>.hero{font-size:var(--instui-component-icon-illu-lg)}@scope(.instui-billboard){:scope>.hero{color:var(--instui-color-text-base);font-size:var(--instui-component-icon-illu-md);justify-content:center;margin-block-end:var(--instui-spacing-space-sm);display:inline-flex}:scope>.hero[class*=-icon-]{line-height:1}:scope.-size-sm>.hero{font-size:var(--instui-component-icon-illu-sm)}:scope.-size-md>.hero,:scope.-size-medium>.hero{font-size:var(--instui-component-icon-illu-md)}:scope.-size-lg>.hero,:scope.-size-large>.hero{font-size:var(--instui-component-icon-illu-lg)}:scope.-size-sm>.hero[class*=-icon-],:scope.-size-small>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-sm)}:scope.-size-md>.hero[class*=-icon-],:scope.-size-medium>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-md)}:scope.-size-lg>.hero[class*=-icon-],:scope.-size-large>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-lg)}:scope>.heading{margin:0 0 var(--instui-spacing-space-xs);color:var(--instui-color-text-base);font-weight:700;font-size:var(--instui-component-text-font-size-x-x-large)}:scope>.message{color:var(--instui-color-text-base);font-size:var(--instui-font-size-text-base)}:scope.-clickable:hover>.hero{color:var(--instui-component-link-text-color)}:scope.-clickable:active>.hero{color:var(--instui-component-link-on-color-text-color)}}.instui-billboard.-size-small{padding:var(--instui-component-billboard-padding-small)}.instui-billboard.-size-medium,.instui-billboard.-size-medium{padding:var(--instui-component-billboard-padding-medium)}.instui-billboard.-size-large{padding:var(--instui-component-billboard-padding-large);margin:var(--instui-component-billboard-large-margin)}.instui-billboard.-size-small .message{font-size:var(--instui-font-size-text-sm)}.instui-billboard.-size-medium .message,.instui-billboard.-size-medium .message{font-size:var(--instui-font-size-text-base)}.instui-billboard.-size-large .message{font-size:1.375rem}.instui-billboard.-size-small>.hero,.instui-billboard.-size-small>.hero{font-size:var(--instui-component-icon-illu-sm)}.instui-billboard.-size-medium>.hero,.instui-billboard.-size-medium>.hero{font-size:var(--instui-component-icon-illu-md)}.instui-billboard.-size-large>.hero,.instui-billboard.-size-large>.hero{font-size:var(--instui-component-icon-illu-lg)}:scope.-size-small>.hero{font-size:var(--instui-component-icon-illu-sm)}:scope.-size-medium>.hero,:scope.-size-medium>.hero{font-size:var(--instui-component-icon-illu-md)}:scope.-size-large>.hero{font-size:var(--instui-component-icon-illu-lg)}:scope.-size-small>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-sm)}:scope.-size-medium>.hero[class*=-icon-],:scope.-size-medium>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-md)}:scope.-size-large>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-lg)}.instui-rating{align-items:center;gap:var(--instui-component-rating-icon-icon-margin);font-size:var(--instui-component-rating-icon-medium-icon-font-size);color:var(--instui-component-rating-icon-icon-empty-color);display:inline-flex}.instui-rating.-size-sm{font-size:var(--instui-component-rating-icon-small-icon-font-size)}.instui-rating.-size-lg{font-size:var(--instui-component-rating-icon-large-icon-font-size)}@scope(.instui-rating){.-icon-star-solid{color:var(--instui-component-rating-icon-icon-filled-color)}:scope>.label{color:var(--instui-color-text-base);font-family:var(--instui-font-family-base);font-size:var(--instui-font-size-text-base);margin-inline-start:var(--instui-component-rating-icon-icon-margin)}}.instui-rating.-size-small{font-size:var(--instui-component-rating-icon-small-icon-font-size)}.instui-rating.-size-large{font-size:var(--instui-component-rating-icon-large-icon-font-size)}.instui-toggle-group{border:var(--instui-border-width-sm) solid var(--instui-component-toggle-group-border-color);border-radius:var(--instui-border-radius-md);background:var(--instui-color-background-elevated-surface-base);color:var(--instui-component-toggle-details-text-color);font-family:var(--instui-component-toggle-details-font-family);font-weight:var(--instui-component-toggle-details-font-weight);line-height:var(--instui-component-toggle-details-line-height);display:block;overflow:hidden}.instui-toggle-group>summary{align-items:center;gap:var(--instui-component-toggle-details-icon-margin);cursor:pointer;padding:var(--instui-component-toggle-details-content-padding-medium);font-size:var(--instui-component-toggle-details-font-size-medium);list-style:none;display:flex}.instui-toggle-group>summary::-webkit-details-marker{display:none}.instui-toggle-group>summary:before{content:"";block-size:1em;inline-size:1em;-webkit-mask:var(--instui-icon-chevron-right) center / contain no-repeat;mask:var(--instui-icon-chevron-right) center / contain no-repeat;background:currentColor;flex:none;transition:transform .2s}.instui-toggle-group[open]>summary:before{transform:rotate(90deg)}.instui-toggle-group>:not(summary){border-block-start:var(--instui-border-width-sm) solid var(--instui-component-toggle-group-border-color);padding:var(--instui-component-toggle-details-content-padding-medium)}.instui-toggle-group.-size-sm>summary,.instui-toggle-group.-size-sm>:not(summary){font-size:var(--instui-component-toggle-details-font-size-small);padding:var(--instui-component-toggle-details-content-padding-small)}.instui-toggle-group.-size-lg>summary,.instui-toggle-group.-size-lg>:not(summary){font-size:var(--instui-component-toggle-details-font-size-large);padding:var(--instui-component-toggle-details-content-padding-large)}.instui-toggle-group.-without-border{border:0}.instui-toggle-group.-without-border>:not(summary){border-block-start:0}.instui-toggle-group.-size-small>summary,.instui-toggle-group.-size-small>:not(summary){font-size:var(--instui-component-toggle-details-font-size-small);padding:var(--instui-component-toggle-details-content-padding-small)}.instui-toggle-group.-size-large>summary,.instui-toggle-group.-size-large>:not(summary){font-size:var(--instui-component-toggle-details-font-size-large);padding:var(--instui-component-toggle-details-content-padding-large)}.instui-context-view{padding:var(--instui-spacing-space-md);background:var(--instui-color-background-elevated-surface-base);color:var(--instui-color-text-base);border:var(--instui-component-context-view-arrow-border-width) solid var(--instui-component-context-view-arrow-border-color);border-radius:var(--instui-component-context-view-border-radius);box-shadow:var(--instui-elevation-above);display:inline-block;position:relative}.instui-context-view:before,.instui-context-view:after{content:"";border-style:solid;border-color:#0000;position:absolute}.instui-context-view:before{border-width:calc(var(--instui-component-context-view-arrow-size) + var(--instui-component-context-view-arrow-border-width))}.instui-context-view:after{border-width:var(--instui-component-context-view-arrow-size)}.instui-context-view:before{border-top-color:var(--instui-component-context-view-arrow-border-color);top:100%;inset-inline-start:calc(var(--instui-spacing-space-lg) - var(--instui-component-context-view-arrow-border-width))}.instui-context-view:after{border-top-color:var(--instui-component-context-view-arrow-background-color);top:100%;inset-inline-start:var(--instui-spacing-space-lg)}.instui-context-view.-placement-bottom:before{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-border-color);top:auto;bottom:100%}.instui-context-view.-placement-bottom:after{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-background-color);top:auto;bottom:100%}.instui-context-view.-placement-start:before,.instui-context-view.-placement-start:after{top:50%;border-top-color:#0000;inset-inline-start:100%;transform:translateY(-50%)}.instui-context-view.-placement-start:before{border-inline-start-color:var(--instui-component-context-view-arrow-border-color)}.instui-context-view.-placement-start:after{border-inline-start-color:var(--instui-component-context-view-arrow-background-color)}.instui-context-view.-placement-end:before,.instui-context-view.-placement-end:after{top:50%;border-top-color:#0000;inset-inline:auto 100%;transform:translateY(-50%)}.instui-context-view.-placement-end:before{border-inline-end-color:var(--instui-component-context-view-arrow-border-color)}.instui-context-view.-placement-end:after{border-inline-end-color:var(--instui-component-context-view-arrow-background-color)}.instui-context-view.-color-inverse{background:var(--instui-color-background-inverse);color:var(--instui-color-text-inverse);border-color:var(--instui-component-context-view-arrow-border-color-inverse)}.instui-context-view.-color-inverse:before{border-top-color:var(--instui-component-context-view-arrow-border-color-inverse)}.instui-context-view.-color-inverse:after{border-top-color:var(--instui-component-context-view-arrow-background-color-inverse)}.instui-context-view.-color-inverse.-placement-bottom:before{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-border-color-inverse)}.instui-context-view.-color-inverse.-placement-bottom:after{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-background-color-inverse)}.instui-context-view.-color-inverse.-placement-start:before{border-top-color:#0000;border-inline-start-color:var(--instui-component-context-view-arrow-border-color-inverse)}.instui-context-view.-color-inverse.-placement-start:after{border-top-color:#0000;border-inline-start-color:var(--instui-component-context-view-arrow-background-color-inverse)}.instui-context-view.-color-inverse.-placement-end:before{border-top-color:#0000;border-inline-end-color:var(--instui-component-context-view-arrow-border-color-inverse)}.instui-context-view.-color-inverse.-placement-end:after{border-top-color:#0000;border-inline-end-color:var(--instui-component-context-view-arrow-background-color-inverse)}[popover].instui-context-view{margin:0;position:fixed;overflow:visible}[popover].instui-context-view:not(:popover-open){display:none}@supports (position-area:block-end){[popover].instui-context-view{position-anchor:--pantoken-anchor;position-try-fallbacks:flip-block, flip-inline}[popover].instui-context-view.-placement-top{position-area:block-start}[popover].instui-context-view.-placement-bottom{position-area:block-end}[popover].instui-context-view.-placement-start{position-area:inline-start center}[popover].instui-context-view.-placement-end{position-area:inline-end center}}@property --value{syntax:"<number>";inherits:true;initial-value:0}.instui-progress-circle{--value:0;--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand);--pantoken-pc-track:var(--instui-component-progress-circle-track-color);--pantoken-pc-stroke:var(--instui-component-progress-circle-medium-stroke-width);width:var(--instui-component-progress-circle-medium-size);height:var(--instui-component-progress-circle-medium-size);color:var(--instui-component-progress-circle-color);font-family:var(--instui-component-progress-circle-font-family);font-weight:var(--instui-component-progress-circle-font-weight);line-height:var(--instui-component-progress-circle-line-height);justify-content:center;align-items:center;display:inline-flex;position:relative}.instui-progress-circle:before{content:"";background:conic-gradient(var(--pantoken-pc-fill) calc(var(--value) * 1%), var(--pantoken-pc-track) 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--pantoken-pc-stroke)), #000 0);mask:radial-gradient(farthest-side, #0000 calc(100% - var(--pantoken-pc-stroke)), #000 0);border-radius:50%;position:absolute;inset:0}.instui-progress-circle .value{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.instui-progress-circle.-size-xs{width:var(--instui-component-progress-circle-x-small-size);height:var(--instui-component-progress-circle-x-small-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-x-small-stroke-width)}.instui-progress-circle.-size-sm{width:var(--instui-component-progress-circle-small-size);height:var(--instui-component-progress-circle-small-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-small-stroke-width)}.instui-progress-circle.-size-lg{width:var(--instui-component-progress-circle-large-size);height:var(--instui-component-progress-circle-large-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-large-stroke-width)}.instui-progress-circle.-color-brand{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand)}.instui-progress-circle.-color-primary-inverse.-color-brand{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand-inverse)}.instui-progress-circle.-color-info{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-info)}.instui-progress-circle.-color-primary-inverse.-color-info{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-info-inverse)}.instui-progress-circle.-color-success{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-success)}.instui-progress-circle.-color-primary-inverse.-color-success{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-success-inverse)}.instui-progress-circle.-color-warning{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-warning)}.instui-progress-circle.-color-primary-inverse.-color-warning{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-warning-inverse)}.instui-progress-circle.-color-danger{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-danger)}.instui-progress-circle.-color-primary-inverse.-color-danger{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-danger-inverse)}.instui-progress-circle.-color-primary-inverse{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand-inverse);--pantoken-pc-track:var(--instui-component-progress-circle-track-color-inverse);color:var(--instui-component-progress-circle-color-inverse)}.instui-progress-circle.-size-x-small{width:var(--instui-component-progress-circle-x-small-size);height:var(--instui-component-progress-circle-x-small-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-x-small-stroke-width)}.instui-progress-circle.-size-small{width:var(--instui-component-progress-circle-small-size);height:var(--instui-component-progress-circle-small-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-small-stroke-width)}.instui-progress-circle.-size-large{width:var(--instui-component-progress-circle-large-size);height:var(--instui-component-progress-circle-large-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-large-stroke-width)}.instui-progress-circle.-meter-color-brand{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand)}.instui-progress-circle.-meter-color-info{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-info)}.instui-progress-circle.-meter-color-success{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-success)}.instui-progress-circle.-meter-color-warning,.instui-progress-circle.-meter-color-alert{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-warning)}.instui-progress-circle.-meter-color-danger{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-danger)}.instui-pagination{align-items:center;gap:var(--instui-component-pagination-page-indicator-gap);font-family:var(--instui-font-family-base);flex-wrap:wrap;display:inline-flex}@scope(.instui-pagination){:scope>.page,:scope>.arrow{min-block-size:2rem;min-inline-size:2rem;padding:var(--instui-spacing-space2xs) var(--instui-spacing-space-xs);color:var(--instui-color-text-interactive-navigation-primary-base);border:var(--instui-border-width-md) solid transparent;border-radius:var(--instui-component-base-button-border-radius);font:inherit;font-weight:var(--instui-font-weight-interactive);cursor:pointer;background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}:scope>.arrow [class*=-icon-]{line-height:1}:scope>.page:hover,:scope>.arrow:hover{background:var(--instui-color-background-muted);color:var(--instui-color-text-interactive-navigation-primary-hover)}:scope>.page[aria-current],:scope>.page.-current{background:var(--instui-color-background-interactive-action-primary-base);color:var(--instui-color-text-interactive-action-primary-base);border-color:var(--instui-color-background-interactive-action-primary-base)}:scope>.page[aria-current]:hover,:scope>.page.-current:hover{background:var(--instui-color-background-interactive-action-primary-hover);border-color:var(--instui-color-background-interactive-action-primary-hover);color:var(--instui-color-text-interactive-action-primary-base)}:scope>.arrow:disabled,:scope>.arrow[aria-disabled=true]{color:var(--instui-color-text-muted);opacity:var(--instui-opacity-disabled);cursor:not-allowed;background:0 0}:scope>.ellipsis{min-inline-size:2rem;color:var(--instui-color-text-muted);justify-content:center;align-items:center;display:inline-flex}:scope>.page-input-label{color:var(--instui-component-pagination-page-input-label-color)}}.instui-pagination.-variant-input{gap:var(--instui-component-pagination-page-input-input-spacing)}.instui-pagination.-variant-input .instui-text-input,.instui-pagination.-variant-input .instui-number-input{inline-size:var(--instui-component-pagination-page-input-input-width)}.instui-truncate{text-overflow:ellipsis;white-space:nowrap;font-family:var(--instui-component-truncate-text-font-family);line-height:var(--instui-component-truncate-text-line-height);overflow:hidden}.instui-truncate.-lines{-webkit-line-clamp:var(--lines,2);line-clamp:var(--lines,2);white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.instui-toggle-details{color:var(--instui-component-toggle-details-text-color);font-family:var(--instui-component-toggle-details-font-family);font-weight:var(--instui-component-toggle-details-font-weight);line-height:var(--instui-component-toggle-details-line-height)}.instui-toggle-details>summary{align-items:center;gap:var(--instui-component-toggle-details-icon-margin);cursor:pointer;font-size:var(--instui-component-toggle-details-font-size-medium);padding:var(--instui-component-toggle-details-toggle-padding);color:var(--instui-component-toggle-details-text-color);list-style:none;display:flex}.instui-toggle-details>summary::-webkit-details-marker{display:none}.instui-toggle-details>summary:before{content:"";block-size:1em;inline-size:1em;-webkit-mask:var(--instui-icon-chevron-right) center / contain no-repeat;mask:var(--instui-icon-chevron-right) center / contain no-repeat;background:currentColor;flex:none;transition:transform .2s}.instui-toggle-details[open]>summary:before{transform:rotate(90deg)}.instui-toggle-details.-chevron-end>summary:before{order:1;margin-inline-start:auto}.instui-toggle-details.-variant-filled>summary{background:var(--instui-color-background-interactive-action-secondary-base);border-radius:var(--instui-component-toggle-details-toggle-border-radius)}.instui-toggle-details>:not(summary){padding:var(--instui-component-toggle-details-content-padding-medium)}.instui-toggle-details.-size-sm>summary{font-size:var(--instui-component-toggle-details-font-size-small)}.instui-toggle-details.-size-sm>:not(summary){padding:var(--instui-component-toggle-details-content-padding-small)}.instui-toggle-details.-size-lg>summary{font-size:var(--instui-component-toggle-details-font-size-large)}.instui-toggle-details.-size-lg>:not(summary){padding:var(--instui-component-toggle-details-content-padding-large)}.instui-toggle-details.-size-small>summary{font-size:var(--instui-component-toggle-details-font-size-small)}.instui-toggle-details.-size-small>:not(summary){padding:var(--instui-component-toggle-details-content-padding-small)}.instui-toggle-details.-size-large>summary{font-size:var(--instui-component-toggle-details-font-size-large)}.instui-toggle-details.-size-large>:not(summary){padding:var(--instui-component-toggle-details-content-padding-large)}.instui-file-drop{text-align:center;padding:var(--instui-spacing-space-lg);color:var(--instui-color-text-base);background:var(--instui-component-file-drop-background-color);border:var(--instui-component-file-drop-border-width) var(--instui-component-file-drop-border-style) var(--instui-component-file-drop-border-color);border-radius:var(--instui-component-file-drop-border-radius);display:block}.instui-file-drop:hover,.instui-file-drop.-hover{border-color:var(--instui-component-file-drop-hover-border-color)}.instui-file-drop.-accepted{border-color:var(--instui-component-file-drop-accepted-color)}.instui-file-drop.-rejected{border-color:var(--instui-component-file-drop-rejected-color)}.instui-file-drop>[class*=-icon-]{line-height:1}.instui-side-nav-bar{gap:var(--instui-component-side-nav-bar-content-gap);padding:var(--instui-component-side-nav-bar-content-margin);box-sizing:border-box;background:var(--instui-component-side-nav-bar-background-color);block-size:100%;min-block-size:100%;inline-size:fit-content;color:var(--instui-component-side-nav-bar-font-color);font-family:var(--instui-component-side-nav-bar-item-font-family);flex-direction:column;display:flex}@scope(.instui-side-nav-bar){:scope>.item{align-items:center;gap:var(--instui-spacing-space2xs);padding:var(--instui-component-side-nav-bar-item-content-padding);min-inline-size:var(--instui-component-side-nav-bar-minimized-width);color:var(--instui-component-side-nav-bar-item-font-color);background:var(--instui-component-side-nav-bar-item-background-color);border-radius:var(--instui-component-side-nav-bar-item-border-radius);font-size:var(--instui-component-side-nav-bar-item-font-size);font-weight:var(--instui-component-side-nav-bar-item-font-weight);line-height:var(--instui-component-side-nav-bar-item-line-height);text-align:center;text-decoration:var(--instui-component-side-nav-bar-item-link-text-decoration);cursor:pointer;flex-direction:column;display:flex}:scope>.item [class*=-icon-]{line-height:1}:scope>.item:hover{background:var(--instui-component-side-nav-bar-item-hover-background-color)}:scope>.item.-selected{background:var(--instui-component-side-nav-bar-item-selected-background-color);color:var(--instui-component-side-nav-bar-item-selected-font-color)}}.instui-side-nav-bar.-minimized{inline-size:var(--instui-component-side-nav-bar-minimized-width)}.instui-side-nav-bar.-minimized .item .label{display:none}.instui-tree-browser{border-radius:var(--instui-component-tree-browser-border-radius);font-family:var(--instui-component-tree-browser-tree-collection-font-family);color:var(--instui-component-tree-browser-tree-button-name-text-color)}.instui-tree-browser details>summary,.instui-tree-browser .item{align-items:center;gap:var(--instui-component-tree-browser-tree-button-icons-margin-right-medium);padding:var(--instui-component-tree-browser-tree-button-base-spacing-medium);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-medium);line-height:var(--instui-component-tree-browser-tree-button-text-line-height);color:var(--instui-component-tree-browser-tree-button-name-text-color);border-radius:var(--instui-component-tree-browser-tree-button-border-radius);cursor:pointer;list-style:none;display:flex}.instui-tree-browser details>summary [class*=-icon-],.instui-tree-browser .item [class*=-icon-]{line-height:1}.instui-tree-browser details>summary::-webkit-details-marker{display:none}.instui-tree-browser details>summary:before{content:"";block-size:1em;inline-size:1em;-webkit-mask:var(--instui-icon-chevron-right) center / contain no-repeat;mask:var(--instui-icon-chevron-right) center / contain no-repeat;background:currentColor;flex:none;transition:transform .2s}.instui-tree-browser details[open]>summary:before{transform:rotate(90deg)}.instui-tree-browser details>summary:hover,.instui-tree-browser .item:hover{background:var(--instui-component-tree-browser-tree-button-hover-background-color);color:var(--instui-component-tree-browser-tree-button-hover-text-color)}.instui-tree-browser details>summary.-selected,.instui-tree-browser .item.-selected{background:var(--instui-component-tree-browser-tree-button-selected-background-color);color:var(--instui-component-tree-browser-tree-button-selected-text-color)}.instui-tree-browser ul{margin:0;padding-inline-start:var(--instui-component-tree-browser-tree-collection-base-spacing-medium);list-style:none}.instui-tree-browser.-size-sm details>summary,.instui-tree-browser.-size-sm .item{padding:var(--instui-component-tree-browser-tree-button-base-spacing-small);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-small)}.instui-tree-browser.-size-lg details>summary,.instui-tree-browser.-size-lg .item{padding:var(--instui-component-tree-browser-tree-button-base-spacing-large);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-large)}.instui-tree-browser.-size-small details>summary,.instui-tree-browser.-size-small .item{padding:var(--instui-component-tree-browser-tree-button-base-spacing-small);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-small)}.instui-tree-browser.-size-large details>summary,.instui-tree-browser.-size-large .item{padding:var(--instui-component-tree-browser-tree-button-base-spacing-large);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-large)}.instui-calendar{text-align:center;background:var(--instui-component-calendar-background);color:var(--instui-component-calendar-color);font-family:var(--instui-component-calendar-font-family);font-size:var(--instui-component-calendar-font-size);font-weight:var(--instui-component-calendar-font-weight);line-height:var(--instui-component-calendar-line-height);display:inline-block}@scope(.instui-calendar){:scope>.nav{justify-content:space-between;align-items:center;margin-block-end:var(--instui-component-calendar-nav-margin);display:flex}:scope>.grid{grid-template-columns:repeat(7, var(--instui-component-calendar-day-min-width));justify-content:center;gap:var(--instui-spacing-space2xs);display:grid}.weekday,.day{inline-size:var(--instui-component-calendar-day-min-width);block-size:var(--instui-component-calendar-day-height);justify-content:center;align-items:center;display:flex}.weekday{font-weight:var(--instui-font-weight-interactive)}.day{font-size:var(--instui-component-calendar-day-font-size);color:var(--instui-component-calendar-day-color);background:var(--instui-component-calendar-day-background);cursor:pointer}.day.-outside-month{color:var(--instui-component-calendar-day-outside-month-color)}.day.-today{background:var(--instui-component-calendar-day-today-background);color:var(--instui-component-calendar-day-today-color);border-radius:var(--instui-component-calendar-day-today-border-radius)}.day.-selected{background:var(--instui-component-calendar-day-selected-background);color:var(--instui-component-calendar-day-selected-color);border-radius:var(--instui-component-calendar-day-selected-border-radius)}}.instui-popover{background:var(--instui-color-background-elevated-surface-base);color:var(--instui-color-text-base);border:var(--instui-border-width-sm) solid var(--instui-component-popover-border-color);border-radius:var(--instui-component-popover-border-radius);padding:var(--instui-spacing-space-sm);box-shadow:var(--instui-elevation-above)}[popover].instui-popover{margin:0}@supports (position-area:block-end){[popover].instui-popover{position-anchor:--pantoken-anchor;position-try-fallbacks:flip-block, flip-inline}[popover].instui-popover.-placement-top{position-area:block-start}[popover].instui-popover.-placement-bottom{position-area:block-end}[popover].instui-popover.-placement-start{position-area:inline-start center}[popover].instui-popover.-placement-end{position-area:inline-end center}}@supports (transition-behavior:allow-discrete){[popover].instui-popover{transition:opacity .15s ease, transform .15s ease, overlay .15s allow-discrete, display .15s allow-discrete;opacity:1;transform:translateY(0)}[popover].instui-popover:not(:popover-open){opacity:0;transform:translateY(-.25rem)}@starting-style{[popover].instui-popover:popover-open{opacity:0;transform:translateY(-.25rem)}}}.instui-tray{inline-size:var(--instui-component-tray-width-md);background:var(--instui-component-tray-background-color);border:var(--instui-component-tray-border-width) solid var(--instui-component-tray-border-color);block-size:auto;max-block-size:none;max-inline-size:100%;padding:var(--instui-component-tray-padding);z-index:var(--instui-component-tray-z-index);box-shadow:var(--instui-elevation-topmost);position:fixed;inset-block:0;inset-inline-start:0}.instui-tray.-placement-end{inset-inline:auto 0}.instui-tray.-placement-top{block-size:auto;inline-size:100%;inset:0 0 auto}.instui-tray.-placement-bottom{block-size:auto;inline-size:100%;inset:auto 0 0}.instui-tray.-size-xs{inline-size:var(--instui-component-tray-width-xs)}.instui-tray.-size-sm{inline-size:var(--instui-component-tray-width-sm)}.instui-tray.-size-lg{inline-size:var(--instui-component-tray-width-lg)}.instui-tray.-size-xl{inline-size:var(--instui-component-tray-width-xl)}[popover].instui-tray{margin:0}dialog.instui-tray{padding:var(--instui-component-tray-padding);border:var(--instui-component-tray-border-width) solid var(--instui-component-tray-border-color);margin:0}@supports (transition-behavior:allow-discrete){[popover].instui-tray{transition:transform .2s ease, overlay .2s allow-discrete, display .2s allow-discrete;transform:translate(0)}[popover].instui-tray:not(:popover-open){transform:translate(-100%)}@starting-style{[popover].instui-tray:popover-open{transform:translate(-100%)}}[popover].instui-tray.-placement-end:not(:popover-open){transform:translate(100%)}@starting-style{[popover].instui-tray.-placement-end:popover-open{transform:translate(100%)}}[popover].instui-tray.-placement-top:not(:popover-open){transform:translateY(-100%)}@starting-style{[popover].instui-tray.-placement-top:popover-open{transform:translateY(-100%)}}[popover].instui-tray.-placement-bottom:not(:popover-open){transform:translateY(100%)}@starting-style{[popover].instui-tray.-placement-bottom:popover-open{transform:translateY(100%)}}}.instui-tray.-size-x-small{inline-size:var(--instui-component-tray-width-xs)}.instui-tray.-size-small{inline-size:var(--instui-component-tray-width-sm)}.instui-tray.-size-large{inline-size:var(--instui-component-tray-width-lg)}.instui-tray.-size-x-large{inline-size:var(--instui-component-tray-width-xl)}.instui-tooltip{display:inline-flex;position:relative}@scope(.instui-tooltip){:scope>[class*=-icon-]{line-height:1}:scope>.tip{z-index:1;padding:var(--instui-component-tooltip-padding);background:var(--instui-color-background-inverse);color:var(--instui-color-text-inverse);border-radius:var(--instui-border-radius-sm);font-family:var(--instui-component-tooltip-font-family);font-size:var(--instui-component-tooltip-font-size);font-weight:var(--instui-component-tooltip-font-weight);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;margin-block-end:var(--instui-spacing-space-xs);transition:opacity .15s;position:absolute;inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%)}}.instui-tooltip:hover>.tip,.instui-tooltip:focus-within>.tip{opacity:1;visibility:visible}.instui-tooltip>.tip.-placement-bottom{margin-block:var(--instui-spacing-space-xs) 0;inset-block:100% auto}.instui-tooltip>.tip.-placement-start{margin:0 var(--instui-spacing-space-xs) 0 0;inset-block-end:auto;inset-inline:auto 100%;top:50%;transform:translateY(-50%)}.instui-tooltip>.tip.-placement-end{margin:0 0 0 var(--instui-spacing-space-xs);inset-block-end:auto;inset-inline:100% auto;top:50%;transform:translateY(-50%)}.instui-range-input{-webkit-appearance:none;appearance:none;inline-size:100%;min-inline-size:var(--instui-component-range-input-min-width);block-size:var(--instui-component-range-input-handle-size);background:0 0}.instui-range-input::-webkit-slider-runnable-track{background:var(--instui-component-range-input-track-background);border:var(--instui-border-width-sm) solid var(--instui-component-range-input-track-border-color);border-radius:999px;block-size:.25rem}.instui-range-input::-moz-range-track{background:var(--instui-component-range-input-track-background);border:var(--instui-border-width-sm) solid var(--instui-component-range-input-track-border-color);border-radius:999px;block-size:.25rem}.instui-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--instui-component-range-input-handle-size);block-size:var(--instui-component-range-input-handle-size);background:var(--instui-component-range-input-handle-background);border:var(--instui-component-range-input-handle-border-size) solid var(--instui-component-range-input-handle-border-color);box-shadow:0 0 0 0 var(--instui-component-range-input-handle-shadow-color);cursor:pointer;border-radius:50%;margin-block-start:calc((.25rem - var(--instui-component-range-input-handle-size)) / 2)}.instui-range-input::-moz-range-thumb{inline-size:var(--instui-component-range-input-handle-size);block-size:var(--instui-component-range-input-handle-size);background:var(--instui-component-range-input-handle-background);border:var(--instui-component-range-input-handle-border-size) solid var(--instui-component-range-input-handle-border-color);box-shadow:0 0 0 0 var(--instui-component-range-input-handle-shadow-color);cursor:pointer;border-radius:50%}.instui-range-input:hover::-webkit-slider-thumb{background:var(--instui-component-range-input-handle-hover-background)}.instui-range-input:hover::-moz-range-thumb{background:var(--instui-component-range-input-handle-hover-background)}.instui-range-input:focus-visible{outline:none}.instui-range-input:focus-visible::-webkit-slider-thumb{background:var(--instui-component-range-input-handle-focus-background);box-shadow:0 0 0 var(--instui-component-range-input-handle-focus-outline-width) var(--instui-component-range-input-handle-focus-outline-color)}.instui-range-input:focus-visible::-moz-range-thumb{background:var(--instui-component-range-input-handle-focus-background);box-shadow:0 0 0 var(--instui-component-range-input-handle-focus-outline-width) var(--instui-component-range-input-handle-focus-outline-color)}.instui-range-input-value{background:var(--instui-color-background-inverse);color:var(--instui-color-text-inverse);border-radius:var(--instui-border-radius-md);padding:var(--instui-component-range-input-value-medium-padding);font-family:var(--instui-component-range-input-value-font-family);font-size:var(--instui-component-range-input-value-medium-font-size);font-weight:var(--instui-component-range-input-value-font-weight);align-self:center;align-items:center;margin-inline-start:.5rem;line-height:1;display:inline-flex;position:relative}.instui-range-input-value:before{content:"";border-block:.375rem solid #0000;border-inline-end:.375rem solid var(--instui-color-background-inverse);border-inline-start:0;position:absolute;inset-block-start:50%;inset-inline-start:-.375rem;transform:translateY(-50%)}.instui-range-input-value.-size-sm{padding:var(--instui-component-range-input-value-small-padding);font-size:var(--instui-component-range-input-value-small-font-size);line-height:var(--instui-component-range-input-value-small-line-height)}.instui-range-input-value.-size-lg{padding:var(--instui-component-range-input-value-large-padding);font-size:var(--instui-component-range-input-value-large-font-size);line-height:var(--instui-component-range-input-value-large-line-height)}.instui-range-input-value.-size-small{padding:var(--instui-component-range-input-value-small-padding);font-size:var(--instui-component-range-input-value-small-font-size);line-height:var(--instui-component-range-input-value-small-line-height)}.instui-range-input-value.-size-large{padding:var(--instui-component-range-input-value-large-padding);font-size:var(--instui-component-range-input-value-large-font-size);line-height:var(--instui-component-range-input-value-large-line-height)}.instui-mask{background:var(--instui-component-mask-background-color);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.instui-mask.-fullscreen{z-index:999;position:fixed}.instui-mask.-blur{backdrop-filter:blur(.5rem)}.instui-screen-reader-content{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-heading{font-family:var(--instui-component-heading-h1-font-family);color:var(--instui-component-heading-base-color);line-height:var(--instui-component-heading-line-height);font-size:var(--instui-component-heading-h1-font-size);font-weight:var(--instui-component-heading-h1-font-weight);margin:0;display:block}.instui-heading.-level-h1{font-size:var(--instui-component-heading-h1-font-size);font-weight:var(--instui-component-heading-h1-font-weight)}.instui-heading.-level-h2{font-size:var(--instui-component-heading-h2-font-size);font-weight:var(--instui-component-heading-h2-font-weight)}.instui-heading.-level-h3{font-size:var(--instui-component-heading-h3-font-size);font-weight:var(--instui-component-heading-h3-font-weight)}.instui-heading.-level-h4{font-size:var(--instui-component-heading-h4-font-size);font-weight:var(--instui-component-heading-h4-font-weight)}.instui-heading.-level-h5{font-size:var(--instui-component-heading-h5-font-size);font-weight:var(--instui-component-heading-h5-font-weight)}.instui-heading.-level-h6{font-size:var(--instui-component-heading-h6-font-size);font-weight:var(--instui-component-heading-h6-font-weight)}.instui-heading.-variant-title-page{font-size:var(--instui-component-heading-title-page-desktop-font-size);font-weight:var(--instui-component-heading-title-page-desktop-font-weight)}.instui-heading.-variant-title-section{font-size:var(--instui-component-heading-title-section-font-size);font-weight:var(--instui-component-heading-title-section-font-weight)}.instui-heading.-variant-title-card-section{font-size:var(--instui-component-heading-title-card-section-font-size);font-weight:var(--instui-component-heading-title-card-section-font-weight)}.instui-heading.-variant-title-card-regular{font-size:var(--instui-component-heading-title-card-regular-font-size);font-weight:var(--instui-component-heading-title-card-regular-font-weight)}.instui-heading.-variant-title-card-mini{font-size:var(--instui-component-heading-title-card-mini-font-size);font-weight:var(--instui-component-heading-title-card-mini-font-weight)}.instui-heading.-variant-label{font-size:var(--instui-component-heading-label-font-size);font-weight:var(--instui-component-heading-label-font-weight)}.instui-heading.-color-secondary{color:var(--instui-component-heading-muted-color)}.instui-heading.-color-primary-inverse{color:var(--instui-component-heading-inverse-color)}.instui-heading.-color-ai{background:linear-gradient(to bottom, var(--instui-component-heading-ai-text-top-gradient-color) 0%, var(--instui-component-heading-ai-text-bottom-gradient-color) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.instui-heading.-border-bottom{border-bottom:var(--instui-component-heading-border-width) solid var(--instui-component-heading-border-color);padding-bottom:var(--instui-component-heading-border-padding)}.instui-heading.-border-top{border-top:var(--instui-component-heading-border-width) solid var(--instui-component-heading-border-color);padding-top:var(--instui-component-heading-border-padding)}.instui-text{font-family:var(--instui-component-text-content-font-family);color:var(--instui-component-text-base-color);font-size:var(--instui-component-text-font-size-medium);font-weight:var(--instui-component-text-font-weight-normal);line-height:var(--instui-component-text-content-line-height)}.instui-text.-size-xs{font-size:var(--instui-component-text-font-size-x-small)}.instui-text.-size-sm{font-size:var(--instui-component-text-font-size-small)}.instui-text.-size-lg{font-size:var(--instui-component-text-font-size-large)}.instui-text.-size-xl{font-size:var(--instui-component-text-font-size-x-large)}.instui-text.-weight-bold{font-weight:var(--instui-component-text-font-weight-bold)}.instui-text.-style-italic{font-style:italic}.instui-text.-color-secondary{color:var(--instui-component-text-muted-color)}.instui-text.-color-brand{color:var(--instui-component-text-primary-color)}.instui-text.-color-success{color:var(--instui-component-text-success-color)}.instui-text.-color-danger{color:var(--instui-component-text-error-color)}.instui-text.-color-warning{color:var(--instui-component-text-warning-color)}.instui-text.-color-primary-inverse{color:var(--instui-component-text-inverse-color)}.instui-text.-color-ai{color:var(--instui-component-text-ai-color);background:var(--instui-component-text-ai-background-color)}.instui-text.-variant-description-page{font-size:var(--instui-component-text-description-page-font-size);line-height:var(--instui-component-text-description-page-line-height)}.instui-text.-variant-description-section{font-size:var(--instui-component-text-description-section-font-size);line-height:var(--instui-component-text-description-section-line-height)}.instui-text.-variant-content-small{font-size:var(--instui-component-text-content-small-font-size);line-height:var(--instui-component-text-content-small-line-height)}.instui-text.-variant-legend{font-size:var(--instui-component-text-legend-font-size);line-height:var(--instui-component-text-legend-line-height)}.instui-text.-transform-uppercase{text-transform:uppercase}.instui-text.-transform-lowercase{text-transform:lowercase}.instui-text.-transform-capitalize{text-transform:capitalize}.instui-text.-size-x-small{font-size:var(--instui-component-text-font-size-x-small)}.instui-text.-size-small{font-size:var(--instui-component-text-font-size-small)}.instui-text.-size-large{font-size:var(--instui-component-text-font-size-large)}.instui-text.-size-x-large{font-size:var(--instui-component-text-font-size-x-large)}.instui-close-button{aspect-ratio:1;min-height:var(--instui-component-base-button-medium-height);padding:var(--instui-spacing-space-xs);border-radius:var(--instui-component-base-button-border-radius);color:var(--instui-color-text-interactive-action-secondary-base);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.instui-close-button:before{content:"";block-size:1em;inline-size:1em;-webkit-mask:var(--instui-icon-x) center / contain no-repeat;mask:var(--instui-icon-x) center / contain no-repeat;background:currentColor}.instui-close-button:hover{background:var(--instui-color-background-interactive-action-tertiary-hover)}.instui-close-button:active{background:var(--instui-color-background-interactive-action-tertiary-active)}.instui-close-button.-size-sm{min-height:var(--instui-component-base-button-small-height)}.instui-close-button.-size-lg{min-height:var(--instui-component-base-button-large-height)}.instui-close-button.-color-inverse{color:var(--instui-component-base-button-primary-inverse-ghost-color)}.instui-close-button.-size-small{min-height:var(--instui-component-base-button-small-height)}.instui-close-button.-size-large{min-height:var(--instui-component-base-button-large-height)}.instui-form-field{gap:var(--instui-component-form-field-layout-gap-inputs);color:var(--instui-component-form-field-layout-text-color);font-family:var(--instui-component-form-field-layout-font-family);grid-template-columns:1fr;grid-template-areas:"label""controls""messages";display:grid}@scope(.instui-form-field){:scope>.label{color:var(--instui-component-form-field-layout-text-color);font-family:var(--instui-component-form-field-layout-font-family);font-weight:var(--instui-component-form-field-layout-font-weight);font-size:var(--instui-component-form-field-layout-font-size);line-height:var(--instui-component-form-field-layout-line-height);grid-area:label}:scope>.controls{grid-area:controls}}.instui-form-field>.instui-form-field-messages{grid-area:messages}.instui-form-field .instui-form-field-message.-type-error,.instui-form-field .instui-form-field-message.-type-new-error{display:none}.instui-form-field:has(:user-invalid) .instui-form-field-message.-type-error,.instui-form-field:has(:user-invalid) .instui-form-field-message.-type-new-error,.instui-form-field.-invalid .instui-form-field-message.-type-error,.instui-form-field.-invalid .instui-form-field-message.-type-new-error{display:inline-flex}.instui-form-field:is(.-required,:has(:required)) .label:after{content:"*";color:var(--instui-component-form-field-layout-asterisk-color);margin-inline-start:.25rem}.instui-form-field.-readonly .label{color:var(--instui-component-form-field-layout-readonly-text-color)}.instui-form-field.-layout-stacked{grid-template-columns:1fr;grid-template-areas:"label""controls""messages"}.instui-form-field.-layout-inline{align-items:center;column-gap:var(--instui-component-form-field-layout-gap-primitives);grid-template-columns:auto 1fr;grid-template-areas:"label controls"".messages"}.instui-form-field.-layout-inline.-v-align-top{align-items:start}.instui-form-field.-layout-inline.-v-align-bottom{align-items:end}.instui-form-field.-layout-inline.-label-align-start .label{text-align:start}.instui-form-field.-layout-inline.-label-align-end .label{text-align:end}.instui-form-field.-inline{inline-size:auto;display:inline-grid}.instui-form-field-group{gap:var(--instui-component-form-field-layout-gap-inputs);border:0;grid-template-columns:1fr;min-inline-size:0;margin:0;padding:0;display:grid}.instui-form-field-group>legend{color:var(--instui-component-form-field-layout-text-color);font-family:var(--instui-component-form-field-layout-font-family);font-weight:var(--instui-component-form-field-layout-font-weight);font-size:var(--instui-component-form-field-layout-font-size);line-height:var(--instui-component-form-field-layout-line-height);grid-column:1/-1;margin-block-end:var(--instui-component-form-field-layout-gap-primitives);padding:0}.instui-form-field-group.-required>legend:after{content:"*";color:var(--instui-component-form-field-layout-asterisk-color);margin-inline-start:.25rem}.instui-form-field-group.-layout-columns,.instui-form-field-group.-layout-inline{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.instui-form-field-group.-row-spacing-none{row-gap:0}.instui-form-field-group.-row-spacing-small{row-gap:var(--instui-spacing-space-sm)}.instui-form-field-group.-row-spacing-medium{row-gap:var(--instui-spacing-space-md)}.instui-form-field-group.-row-spacing-large{row-gap:var(--instui-spacing-space-lg)}.instui-form-field-group.-col-spacing-none{column-gap:0}.instui-form-field-group.-col-spacing-small{column-gap:var(--instui-spacing-space-sm)}.instui-form-field-group.-col-spacing-medium{column-gap:var(--instui-spacing-space-md)}.instui-form-field-group.-col-spacing-large{column-gap:var(--instui-spacing-space-lg)}.instui-form-field-group.-v-align-top{align-items:start}.instui-form-field-group.-v-align-middle{align-items:center}.instui-form-field-group.-v-align-bottom{align-items:end}@supports (grid-template-columns:subgrid){.instui-form-field-group.-layout-aligned{grid-template-columns:auto 1fr;align-items:center}.instui-form-field-group.-layout-aligned>.instui-form-field{grid-column:1/-1;grid-template-columns:subgrid;grid-template-areas:"label controls"".messages";align-items:center;display:grid}}.instui-radio-input-group{gap:var(--instui-component-form-field-layout-gap-inputs);border:0;flex-direction:column;min-inline-size:0;margin:0;padding:0;display:flex}.instui-radio-input-group>legend{color:var(--instui-component-form-field-layout-text-color);font-family:var(--instui-component-form-field-layout-font-family);font-weight:var(--instui-component-form-field-layout-font-weight);font-size:var(--instui-component-form-field-layout-font-size);line-height:var(--instui-component-form-field-layout-line-height);margin-block-end:var(--instui-component-form-field-layout-gap-primitives);padding:0}.instui-radio-input-group.-required>legend:after{content:"*";color:var(--instui-component-form-field-layout-asterisk-color);margin-inline-start:.25rem}.instui-radio-input-group.-layout-columns,.instui-radio-input-group.-layout-inline{align-items:center;column-gap:var(--instui-spacing-space-md);flex-flow:wrap}.instui-radio-input-group.-layout-columns>legend,.instui-radio-input-group.-layout-inline>legend{flex-basis:100%}.instui-radio-input-group.-variant-toggle{flex-flow:wrap;align-items:center;gap:0}.instui-radio-input-group.-variant-toggle>legend{flex-basis:100%}.instui-radio-input-group.-variant-toggle>.instui-radio:has(input:focus-visible){z-index:1}.instui-form-field-messages{gap:var(--instui-component-form-field-layout-gap-primitives);flex-direction:column;display:flex}.instui-form-field-message{font-family:var(--instui-component-form-field-message-font-family);font-size:var(--instui-component-form-field-message-font-size);font-weight:var(--instui-component-form-field-message-font-weight);line-height:var(--instui-component-form-field-message-line-height);color:var(--instui-component-form-field-message-hint-text-color);align-items:center;gap:.25rem;display:inline-flex}.instui-form-field-message.-type-hint{color:var(--instui-component-form-field-message-hint-text-color)}.instui-form-field-message.-type-error{color:var(--instui-component-form-field-message-error-text-color)}.instui-form-field-message.-type-success{color:var(--instui-component-form-field-message-success-text-color)}.instui-form-field-message.-type-error:before,.instui-form-field-message.-type-success:before{content:"";background:currentColor;flex:none;block-size:1em;inline-size:1em}.instui-form-field-message.-type-error:before{-webkit-mask:var(--instui-icon-circle-alert) center / contain no-repeat;mask:var(--instui-icon-circle-alert) center / contain no-repeat}.instui-form-field-message.-type-success:before{-webkit-mask:var(--instui-icon-circle-check) center / contain no-repeat;mask:var(--instui-icon-circle-check) center / contain no-repeat}.instui-form-field-message.-type-screenreader-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-form-field-message.-type-new-error{color:var(--instui-component-form-field-message-error-text-color)}.instui-form-field-message.-type-new-error:before,.instui-form-field-message.-type-success:before{content:"";background:currentColor;flex:none;block-size:1em;inline-size:1em}.instui-form-field-message.-type-new-error:before{-webkit-mask:var(--instui-icon-circle-alert) center / contain no-repeat;mask:var(--instui-icon-circle-alert) center / contain no-repeat}.instui-text-input{box-sizing:border-box;inline-size:100%;font-family:var(--instui-component-text-input-font-family);font-weight:var(--instui-component-text-input-font-weight);color:var(--instui-component-text-input-text-color);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);display:block}.instui-text-input::placeholder{color:var(--instui-component-text-input-placeholder-color)}.instui-text-input:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}.instui-text-input:hover::placeholder{color:var(--instui-component-text-input-placeholder-hover-color)}.instui-text-input:disabled,.instui-text-input.-disabled{background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}.instui-text-input.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}.instui-text-input.-invalid{border-color:var(--instui-component-text-input-error-border-color)}.instui-text-input.-success{border-color:var(--instui-component-text-input-success-border-color)}.instui-text-input:is(.-invalid,:user-invalid):focus-visible{outline-color:var(--instui-focus-outline-color-danger)}.instui-text-input.-success:focus-visible{outline-color:var(--instui-focus-outline-color-success)}.instui-text-input{block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);font-size:var(--instui-component-text-input-font-size-md)}.instui-text-input.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-text-input.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-text-input.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-text-input.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-text-area{box-sizing:border-box;inline-size:100%;font-family:var(--instui-component-text-area-font-family);font-weight:var(--instui-component-text-area-font-weight);color:var(--instui-component-text-area-text-color);background-color:var(--instui-component-text-area-background-color);border:var(--instui-component-text-area-border-width) solid var(--instui-component-text-area-border-color);border-radius:var(--instui-component-text-area-border-radius);display:block}.instui-text-area::placeholder{color:var(--instui-component-text-area-placeholder-color)}.instui-text-area:hover{background-color:var(--instui-component-text-area-background-hover-color);border-color:var(--instui-component-text-area-border-hover-color)}.instui-text-area:hover::placeholder{color:var(--instui-component-text-area-placeholder-hover-color)}.instui-text-area:disabled,.instui-text-area.-disabled{background-color:var(--instui-component-text-area-background-disabled-color);border-color:var(--instui-component-text-area-border-disabled-color);color:var(--instui-component-text-area-text-disabled-color);cursor:not-allowed}.instui-text-area.-readonly{background-color:var(--instui-component-text-area-background-readonly-color);border-color:var(--instui-component-text-area-border-readonly-color);color:var(--instui-component-text-area-text-readonly-color)}.instui-text-area.-invalid{border-color:var(--instui-component-text-area-error-border-color)}.instui-text-area.-success{border-color:var(--instui-component-text-area-success-border-color)}.instui-text-area:is(.-invalid,:user-invalid):focus-visible{outline-color:var(--instui-focus-outline-color-danger)}.instui-text-area.-success:focus-visible{outline-color:var(--instui-focus-outline-color-success)}.instui-text-area{padding:var(--instui-component-text-area-padding);font-size:var(--instui-component-text-area-font-size-md);resize:vertical;min-block-size:4rem;line-height:1.5}.instui-text-area.-size-sm{font-size:var(--instui-component-text-area-font-size-sm)}.instui-text-area.-size-lg{font-size:var(--instui-component-text-area-font-size-lg)}.instui-text-area.-size-small{font-size:var(--instui-component-text-area-font-size-sm)}.instui-text-area.-size-large{font-size:var(--instui-component-text-area-font-size-lg)}.instui-simple-select{box-sizing:border-box;inline-size:100%;font-family:var(--instui-component-text-input-font-family);font-weight:var(--instui-component-text-input-font-weight);color:var(--instui-component-text-input-text-color);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);display:block}.instui-simple-select::placeholder{color:var(--instui-component-text-input-placeholder-color)}.instui-simple-select:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}.instui-simple-select:hover::placeholder{color:var(--instui-component-text-input-placeholder-hover-color)}.instui-simple-select:disabled,.instui-simple-select.-disabled{background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}.instui-simple-select.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}.instui-simple-select.-invalid{border-color:var(--instui-component-text-input-error-border-color)}.instui-simple-select.-success{border-color:var(--instui-component-text-input-success-border-color)}.instui-simple-select:is(.-invalid,:user-invalid):focus-visible{outline-color:var(--instui-focus-outline-color-danger)}.instui-simple-select.-success:focus-visible{outline-color:var(--instui-focus-outline-color-success)}.instui-simple-select{block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);font-size:var(--instui-component-text-input-font-size-md);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a7883' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--instui-component-text-input-padding-horizontal-md) center;background-size:1em;padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-md) + 1.5rem)}.instui-simple-select.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-sm) + 1.5rem)}.instui-simple-select.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-lg) + 1.5rem)}.instui-simple-select.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-sm) + 1.5rem)}.instui-simple-select.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-lg) + 1.5rem)}.instui-input-group{box-sizing:border-box;inline-size:100%;block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);align-items:center;gap:var(--instui-component-text-input-gap-content);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);color:var(--instui-component-text-input-text-color);font-family:var(--instui-component-text-input-font-family);font-size:var(--instui-component-text-input-font-size-md);display:flex}.instui-input-group:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}.instui-input-group>input,.instui-input-group .instui-text-input{block-size:auto;min-inline-size:0;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.instui-input-group>input::placeholder{color:var(--instui-component-text-input-placeholder-color)}.instui-input-group .before,.instui-input-group .after{color:var(--instui-component-text-input-text-color);flex:none;align-items:center;display:inline-flex}.instui-input-group.-disabled,.instui-input-group:has(>input:disabled){background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}.instui-input-group.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}.instui-input-group.-invalid{border-color:var(--instui-component-text-input-error-border-color)}.instui-input-group.-success{border-color:var(--instui-component-text-input-success-border-color)}.instui-input-group:has(:focus-visible){outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset);border-radius:var(--instui-focus-outline-radius)}.instui-input-group:is(.-invalid,:has(>input:user-invalid)):has(:focus-visible){outline-color:var(--instui-focus-outline-color-danger)}.instui-input-group.-success:has(:focus-visible){outline-color:var(--instui-focus-outline-color-success)}.instui-input-group.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-input-group.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-input-group.-should-not-wrap{flex-wrap:nowrap}.instui-input-group.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-input-group.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-number-input{box-sizing:border-box;inline-size:100%;block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);align-items:center;gap:var(--instui-component-text-input-gap-content);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);color:var(--instui-component-text-input-text-color);font-family:var(--instui-component-text-input-font-family);font-size:var(--instui-component-text-input-font-size-md);display:flex}.instui-number-input:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}.instui-number-input>input,.instui-number-input .instui-text-input{block-size:auto;min-inline-size:0;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.instui-number-input>input::placeholder{color:var(--instui-component-text-input-placeholder-color)}.instui-number-input .before,.instui-number-input .after{color:var(--instui-component-text-input-text-color);flex:none;align-items:center;display:inline-flex}.instui-number-input.-disabled,.instui-number-input:has(>input:disabled){background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}.instui-number-input.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}.instui-number-input.-invalid{border-color:var(--instui-component-text-input-error-border-color)}.instui-number-input.-success{border-color:var(--instui-component-text-input-success-border-color)}.instui-number-input:has(:focus-visible){outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset);border-radius:var(--instui-focus-outline-radius)}.instui-number-input:is(.-invalid,:has(>input:user-invalid)):has(:focus-visible){outline-color:var(--instui-focus-outline-color-danger)}.instui-number-input.-success:has(:focus-visible){outline-color:var(--instui-focus-outline-color-success)}.instui-number-input.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-number-input.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-number-input{padding-inline-end:0;overflow:hidden}.instui-number-input>input::-webkit-outer-spin-button,.instui-number-input>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.instui-number-input>input[type=number]{-moz-appearance:textfield;appearance:textfield}.instui-number-input .arrows{border-inline-start:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);flex-direction:column;flex:none;align-self:stretch;inline-size:1.5rem;display:flex}.instui-number-input .arrows button{background:var(--instui-component-text-input-arrows-background-color);color:var(--instui-color-icon-interactive-action-secondary-base);cursor:pointer;border:0;flex:1;justify-content:center;align-items:center;padding:0;display:flex}.instui-number-input .arrows button+button{border-block-start:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color)}.instui-number-input .arrows button:hover{background:var(--instui-component-text-input-arrows-background-hover-color)}.instui-number-input .arrows button:active{background:var(--instui-component-text-input-arrows-background-active-color)}.instui-number-input .arrows button:disabled{background:var(--instui-component-text-input-arrows-background-disabled-color);cursor:not-allowed}.instui-number-input .arrows button:before{content:"";block-size:.875em;inline-size:.875em;-webkit-mask:var(--instui-icon-chevron-up) center / contain no-repeat;mask:var(--instui-icon-chevron-up) center / contain no-repeat;background:currentColor}.instui-number-input .arrows button.down:before{-webkit-mask:var(--instui-icon-chevron-down) center / contain no-repeat;mask:var(--instui-icon-chevron-down) center / contain no-repeat}.instui-number-input.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-number-input.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-in-place-edit{min-inline-size:2rem;padding:var(--instui-spacing-space2xs) var(--instui-spacing-space-xs);border:var(--instui-component-text-input-border-width) solid transparent;border-radius:var(--instui-component-text-input-border-radius);color:var(--instui-color-text-base);font:inherit;cursor:text;display:inline-block}.instui-in-place-edit:hover{background:var(--instui-color-background-muted)}.instui-in-place-edit:focus{background:var(--instui-component-text-input-background-color);border-color:var(--instui-component-text-input-border-color);outline:none}.instui-in-place-edit:focus-visible{outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset)}.instui-in-place-edit.-readonly{cursor:default}.instui-in-place-edit.-readonly:hover{background:0 0}
1
+ .instui-button{justify-content:center;align-items:center;gap:var(--instui-spacing-space-xs);min-height:var(--instui-component-base-button-medium-height);padding:var(--instui-spacing-space-xs) var(--instui-component-base-button-medium-padding-horizontal);font-family:var(--instui-font-family-base);font-size:var(--instui-component-base-button-medium-font-size);font-weight:var(--instui-font-weight-interactive);line-height:var(--instui-line-height-standalone-text-base);border:var(--instui-border-width-md) solid transparent;border-radius:var(--instui-component-base-button-border-radius);cursor:pointer;background:var(--instui-color-background-interactive-action-primary-base);color:var(--instui-color-text-interactive-action-primary-base);display:inline-flex}.instui-button:hover{background:var(--instui-color-background-interactive-action-primary-hover)}.instui-button:active{background:var(--instui-color-background-interactive-action-primary-active)}.instui-button:disabled,.instui-button[aria-disabled=true]{background:var(--instui-color-background-interactive-action-primary-disabled);color:var(--instui-color-text-interactive-action-primary-disabled);cursor:not-allowed}.instui-button.-color-secondary{background:var(--instui-color-background-interactive-action-secondary-base);color:var(--instui-color-text-interactive-action-secondary-base);border-color:var(--instui-color-stroke-interactive-action-secondary-base)}.instui-button.-color-secondary:hover{background:var(--instui-color-background-interactive-action-secondary-hover);border-color:var(--instui-color-stroke-interactive-action-secondary-hover)}.instui-button.-color-secondary:active{background:var(--instui-color-background-interactive-action-secondary-active);border-color:var(--instui-color-stroke-interactive-action-secondary-active)}.instui-button.-color-danger{background:var(--instui-color-background-interactive-action-destructive-base);color:var(--instui-color-text-interactive-action-status-base)}.instui-button.-color-danger:hover{background:var(--instui-color-background-interactive-action-destructive-hover)}.instui-button.-color-danger:active{background:var(--instui-color-background-interactive-action-destructive-active)}.instui-button.-color-success{background:var(--instui-color-background-interactive-action-success-base);color:var(--instui-color-text-interactive-action-status-base)}.instui-button.-color-success:hover{background:var(--instui-color-background-interactive-action-success-hover)}.instui-button.-color-tertiary{color:var(--instui-color-text-interactive-action-tertiary-base);border-color:var(--instui-color-stroke-interactive-action-tertiary-base);background:0 0}.instui-button.-color-tertiary:hover{background:var(--instui-color-background-interactive-action-tertiary-hover)}.instui-button.-color-tertiary:active{background:var(--instui-color-background-interactive-action-tertiary-active)}.instui-button.-color-primary-inverse{background:var(--instui-component-base-button-primary-inverse-background);color:var(--instui-component-base-button-primary-inverse-color);border-color:var(--instui-component-base-button-primary-inverse-border-color)}.instui-button.-color-primary-inverse:hover{background:var(--instui-component-base-button-primary-inverse-hover-background);border-color:var(--instui-component-base-button-primary-on-color-hover-border-color)}.instui-button.-color-primary-inverse:active{background:var(--instui-component-base-button-primary-inverse-active-background);border-color:var(--instui-component-base-button-primary-on-color-active-border-color)}.instui-button.-color-ai{color:var(--instui-color-text-interactive-action-ai-base);background:linear-gradient(to bottom, var(--instui-color-background-interactive-action-ai-top-gradient-base) 0%, var(--instui-color-background-interactive-action-ai-bottom-gradient-base) 100%) padding-box, linear-gradient(to bottom, var(--instui-color-stroke-interactive-action-ai-top-gradient-base) 0%, var(--instui-color-stroke-interactive-action-ai-bottom-gradient-base) 100%) border-box;border-color:#0000}.instui-button.-color-ai:hover{color:var(--instui-color-text-interactive-action-ai-hover);background:linear-gradient(to bottom, var(--instui-color-background-interactive-action-ai-top-gradient-hover) 0%, var(--instui-color-background-interactive-action-ai-bottom-gradient-hover) 100%) padding-box, linear-gradient(to bottom, var(--instui-color-stroke-interactive-action-ai-top-gradient-hover) 0%, var(--instui-color-stroke-interactive-action-ai-bottom-gradient-hover) 100%) border-box}.instui-button.-color-ai:active{color:var(--instui-color-text-interactive-action-ai-active);background:linear-gradient(to bottom, var(--instui-color-background-interactive-action-ai-top-gradient-active) 0%, var(--instui-color-background-interactive-action-ai-bottom-gradient-active) 100%) padding-box, linear-gradient(to bottom, var(--instui-color-stroke-interactive-action-ai-top-gradient-active) 0%, var(--instui-color-stroke-interactive-action-ai-bottom-gradient-active) 100%) border-box}.instui-button.-color-ai-secondary{background:linear-gradient(to bottom, var(--instui-color-text-interactive-action-ai-secondary-top-gradient-base) 0%, var(--instui-color-text-interactive-action-ai-secondary-bottom-gradient-base) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;border-color:#0000;position:relative}.instui-button.-color-ai-secondary:after{content:"";inset:calc(-1 * var(--instui-border-width-md));border-radius:inherit;padding:var(--instui-border-width-sm);background:linear-gradient(to bottom, var(--instui-color-stroke-interactive-action-ai-top-gradient-base) 0%, var(--instui-color-stroke-interactive-action-ai-bottom-gradient-base) 100%);-webkit-mask-composite:xor;pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.instui-button.-color-ai-secondary:hover,.instui-button.-color-ai-secondary:active{color:var(--instui-color-text-interactive-action-ai-secondary-top-gradient-base);-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box;background-clip:border-box}.instui-button.-color-ai-secondary:hover{background:linear-gradient(to bottom, var(--instui-color-background-interactive-action-ai-secondary-hover-top-gradient) 0%, var(--instui-color-background-interactive-action-ai-secondary-hover-bottom-gradient) 100%)}.instui-button.-color-ai-secondary:active{background:linear-gradient(to bottom, var(--instui-color-background-interactive-action-ai-secondary-active-top-gradient) 0%, var(--instui-color-background-interactive-action-ai-secondary-active-bottom-gradient) 100%)}.instui-button.-color-ai:before,.instui-button.-color-ai-secondary:before{content:"";flex:none;block-size:1em;inline-size:1em;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M960 0L1219.29 700.713L1920 960L1219.29 1219.29L960 1920L700.713 1219.29L0 960L700.713 700.713L960 0Z'/%3E%3Cpath d='M1600 0L1686.43 233.571L1920 320L1686.43 406.429L1600 640L1513.57 406.429L1280 320L1513.57 233.571L1600 0Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M960 0L1219.29 700.713L1920 960L1219.29 1219.29L960 1920L700.713 1219.29L0 960L700.713 700.713L960 0Z'/%3E%3Cpath d='M1600 0L1686.43 233.571L1920 320L1686.43 406.429L1600 640L1513.57 406.429L1280 320L1513.57 233.571L1600 0Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.instui-button.-color-ai:before{background:var(--instui-color-text-interactive-action-ai-base)}.instui-button.-color-ai-secondary:before{background:linear-gradient(to bottom, var(--instui-color-stroke-interactive-action-ai-top-gradient-base) 0%, var(--instui-color-stroke-interactive-action-ai-bottom-gradient-base) 100%)}.instui-button.-without-background{background:var(--instui-component-base-button-primary-ghost-background);color:var(--instui-component-base-button-primary-ghost-color);border-color:var(--instui-component-base-button-primary-ghost-border-color)}.instui-button.-color-secondary.-ghost{background:var(--instui-component-base-button-secondary-ghost-background);color:var(--instui-component-base-button-secondary-ghost-color);border-color:var(--instui-component-base-button-secondary-ghost-border-color)}.instui-button.-without-background:hover{background:color-mix(in srgb, hsl(from var(--instui-component-base-button-primary-ghost-color) h s calc(l - 10)) 10%, transparent)}.instui-button.-without-background:active{background:color-mix(in srgb, hsl(from var(--instui-component-base-button-primary-ghost-color) h s calc(l - 10)) 20%, transparent)}.instui-button.-color-secondary.-ghost:hover{background:color-mix(in srgb, hsl(from var(--instui-component-base-button-secondary-ghost-color) h s calc(l - 10)) 10%, transparent)}.instui-button.-color-secondary.-ghost:active{background:color-mix(in srgb, hsl(from var(--instui-component-base-button-secondary-ghost-color) h s calc(l - 10)) 20%, transparent)}.instui-button.-display-block{width:100%;display:flex}.instui-button.-size-sm{font-size:var(--instui-component-base-button-small-font-size);min-height:var(--instui-component-base-button-small-height);padding-inline:var(--instui-component-base-button-small-padding-horizontal)}.instui-button.-size-lg{font-size:var(--instui-component-base-button-large-font-size);min-height:var(--instui-component-base-button-large-height);padding-inline:var(--instui-component-base-button-large-padding-horizontal)}.instui-button.-shape-square{padding:var(--instui-spacing-space-xs);aspect-ratio:1}.instui-button.-shape-circle{padding:var(--instui-spacing-space-xs);aspect-ratio:1;border-radius:50%}.instui-button.-shape-square[class*=-icon-]:before,.instui-button.-shape-circle[class*=-icon-]:before{block-size:1.25em;inline-size:1.25em}.instui-button.-condensed{min-height:0;color:var(--instui-color-text-interactive-action-secondary-base);padding-inline:var(--instui-spacing-space-xs);background:0 0;border-color:#0000}.instui-button.-condensed:hover{background:var(--instui-color-background-muted)}.instui-button.-toggle[aria-pressed=true]{background:var(--instui-color-background-interactive-action-secondary-active);border-color:var(--instui-color-stroke-interactive-action-secondary-active);color:var(--instui-color-text-interactive-action-secondary-base)}.instui-button.-without-border{border-style:none}.instui-button.-size-small{font-size:var(--instui-component-base-button-small-font-size);min-height:var(--instui-component-base-button-small-height);padding-inline:var(--instui-component-base-button-small-padding-horizontal)}.instui-button.-size-large{font-size:var(--instui-component-base-button-large-font-size);min-height:var(--instui-component-base-button-large-height);padding-inline:var(--instui-component-base-button-large-padding-horizontal)}.instui-alert{min-inline-size:12rem;padding:var(--instui-component-alert-content-padding-vertical) var(--instui-component-alert-content-padding-horizontal);background:var(--instui-component-alert-background);color:var(--instui-component-alert-color);border:var(--instui-component-alert-border-width) var(--instui-component-alert-border-style) var(--instui-component-alert-info-border-color);border-radius:var(--instui-component-alert-border-radius);box-shadow:var(--instui-elevation-above);font-family:var(--instui-component-alert-content-font-family);font-size:var(--instui-component-alert-content-font-size);font-weight:var(--instui-component-alert-content-font-weight);line-height:var(--instui-component-alert-content-line-height);--pantoken-alert-icon-bg:var(--instui-component-alert-info-icon-background);--pantoken-alert-glyph:var(--instui-icon-info);padding-inline-start:calc(2.5rem + var(--instui-component-alert-content-padding-horizontal));position:relative}.instui-alert:before{content:"";inset-block:calc(-1 * var(--instui-component-alert-border-width));background:var(--pantoken-alert-icon-bg);inline-size:2.5rem;border-start-start-radius:var(--instui-component-alert-border-radius);border-end-start-radius:var(--instui-component-alert-border-radius);position:absolute;inset-inline-start:calc(-1 * var(--instui-component-alert-border-width))}.instui-alert:after{content:"";background:var(--instui-component-alert-icon-color);inline-size:2.5rem;-webkit-mask:var(--pantoken-alert-glyph) center / 1.125rem no-repeat;mask:var(--pantoken-alert-glyph) center / 1.125rem no-repeat;position:absolute;inset-block:0;inset-inline-start:0}.instui-alert>.instui-close-button{position:absolute;inset-block-start:var(--instui-spacing-space-xs);inset-inline-end:var(--instui-spacing-space-xs)}.instui-alert:has(>.instui-close-button){padding-inline-end:calc(var(--instui-component-base-button-medium-height) + var(--instui-spacing-space-xs))}.instui-alert.-without-shadow{box-shadow:none}.instui-alert.-screen-reader-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-alert.-color-info{border-color:var(--instui-component-alert-info-border-color)}.instui-alert.-color-success{border-color:var(--instui-component-alert-success-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-success-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-check)}.instui-alert.-color-warning{border-color:var(--instui-component-alert-warning-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-warning-icon-background);--pantoken-alert-glyph:var(--instui-icon-triangle-alert)}.instui-alert.-color-danger{border-color:var(--instui-component-alert-danger-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-danger-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-x)}.instui-alert[class*=-icon-]{--pantoken-alert-glyph:var(--pantoken-glyph)}.instui-alert[class*=-icon-]:before{background:var(--pantoken-alert-icon-bg);block-size:auto;inline-size:2.5rem;-webkit-mask:none;mask:none}.instui-alert.-has-shadow-false{box-shadow:none}.instui-alert.-variant-info{border-color:var(--instui-component-alert-info-border-color)}.instui-alert.-variant-success{border-color:var(--instui-component-alert-success-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-success-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-check)}.instui-alert.-variant-warning{border-color:var(--instui-component-alert-warning-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-warning-icon-background);--pantoken-alert-glyph:var(--instui-icon-triangle-alert)}.instui-alert.-variant-error{border-color:var(--instui-component-alert-danger-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-danger-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-x)}@keyframes pantoken-badge-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.instui-badge-wrapper{display:inline-flex;position:relative}.instui-badge{--pantoken-badge-accent:var(--instui-component-badge-color-primary);--pantoken-badge-text:light-dark(var(--instui-component-badge-color),var(--instui-component-badge-color-inverse));min-width:var(--instui-component-badge-size);height:var(--instui-component-badge-size);padding:0 var(--instui-component-badge-padding);font-family:var(--instui-component-badge-font-family);font-size:var(--instui-component-badge-font-size);font-weight:var(--instui-component-badge-font-weight);border-radius:var(--instui-component-badge-border-radius);background:var(--pantoken-badge-accent);color:var(--pantoken-badge-text);justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.instui-badge.-color-success{--pantoken-badge-accent:var(--instui-component-badge-color-success);--pantoken-badge-text:var(--instui-component-badge-color)}.instui-badge.-color-danger{--pantoken-badge-accent:var(--instui-component-badge-color-danger);--pantoken-badge-text:var(--instui-component-badge-color)}.instui-badge.-color-inverse{--pantoken-badge-accent:var(--instui-component-badge-color);--pantoken-badge-text:var(--instui-component-badge-color-inverse)}.instui-badge.-type-notification{min-width:0;width:var(--instui-spacing-space-sm);height:var(--instui-spacing-space-sm);padding:0;font-size:0}.instui-badge.-pulse:before{content:"";border:var(--instui-border-width-md) solid var(--pantoken-badge-accent);border-radius:inherit;animation:1.2s ease-out infinite pantoken-badge-pulse;position:absolute;inset:0}.instui-badge.-placement-top-end,.instui-badge.-placement-top-start,.instui-badge.-placement-bottom-end,.instui-badge.-placement-bottom-start,.instui-badge.-placement-start-center,.instui-badge.-placement-end-center{position:absolute}.instui-badge.-placement-top-end{top:-.5rem;inset-inline-end:-.5rem}.instui-badge.-placement-top-start{top:-.5rem;inset-inline-start:-.5rem}.instui-badge.-placement-bottom-end{bottom:-.5rem;inset-inline-end:-.5rem}.instui-badge.-placement-bottom-start{bottom:-.5rem;inset-inline-start:-.5rem}.instui-badge.-placement-end-center{top:50%;inset-inline-end:-.5rem;transform:translateY(-50%)}.instui-badge.-placement-start-center{top:50%;inset-inline-start:-.5rem;transform:translateY(-50%)}.instui-badge.-standalone{position:relative;inset:auto;transform:none}.instui-pill{height:var(--instui-component-pill-height);max-width:var(--instui-component-pill-max-width);padding:0 var(--instui-component-pill-padding-horizontal);background:var(--instui-component-pill-background-color);color:var(--instui-component-pill-base-text-color);border:var(--instui-component-pill-border-width) var(--instui-component-pill-border-style) var(--instui-component-pill-base-border-color);border-radius:var(--instui-component-pill-border-radius);font-family:var(--instui-component-pill-font-family);font-size:var(--instui-component-pill-text-font-size);font-weight:var(--instui-component-pill-text-font-weight);line-height:var(--instui-component-pill-line-height);align-items:center;display:inline-flex}.instui-pill[class*=-icon-]:before{inline-size:var(--instui-font-size-text-xs);block-size:var(--instui-font-size-text-xs);margin-inline-end:.375rem}.instui-pill.-color-info{color:var(--instui-component-pill-info-text-color);border-color:var(--instui-component-pill-info-border-color)}.instui-pill.-color-success{color:var(--instui-component-pill-success-text-color);border-color:var(--instui-component-pill-success-border-color)}.instui-pill.-color-warning{color:var(--instui-component-pill-warning-text-color);border-color:var(--instui-component-pill-warning-border-color)}.instui-pill.-color-danger{color:var(--instui-component-pill-error-text-color);border-color:var(--instui-component-pill-error-border-color)}.instui-pill.-color-info,.instui-pill.-color-success,.instui-pill.-color-warning,.instui-pill.-color-danger{font-weight:var(--instui-component-pill-status-label-font-weight)}.instui-tag{height:var(--instui-component-tag-height-medium);max-width:var(--instui-component-tag-max-width);padding:0 var(--instui-component-tag-padding-horizontal);background:var(--instui-component-tag-default-background);color:var(--instui-component-tag-default-color);border:var(--instui-component-tag-default-border-width) var(--instui-component-tag-default-border-style) var(--instui-component-tag-default-border-color);border-radius:var(--instui-component-tag-default-border-radius);font-family:var(--instui-component-tag-font-family);font-size:var(--instui-component-tag-font-size-medium);align-items:center;display:inline-flex}.instui-tag:hover{background:var(--instui-component-tag-default-background-hover)}.instui-tag.-size-sm{height:var(--instui-component-tag-height-small);padding:0 var(--instui-component-tag-padding-horizontal-small);font-size:var(--instui-component-tag-font-size-small)}.instui-tag.-size-lg{height:var(--instui-component-tag-height-large);font-size:var(--instui-component-tag-font-size-large)}.instui-tag.-inline{gap:var(--instui-spacing-space-xs);background:var(--instui-component-tag-inline-background);color:var(--instui-component-tag-inline-color);border-color:var(--instui-component-tag-inline-border-color);border-radius:var(--instui-component-tag-inline-border-radius);cursor:pointer}.instui-tag.-inline:hover{background:var(--instui-component-tag-inline-background-hover)}.instui-tag.-inline:after{content:"";background:var(--instui-component-tag-inline-icon-color);width:1em;height:1em;-webkit-mask:var(--instui-icon-x) center / contain no-repeat;mask:var(--instui-icon-x) center / contain no-repeat;flex:none}.instui-tag.-inline:hover:after{background:var(--instui-component-tag-inline-icon-hover-color)}.instui-tag.-readonly{cursor:default;background:var(--instui-component-tag-default-background)}.instui-tag.-readonly.-inline:after{display:none}.instui-tag.-size-small{height:var(--instui-component-tag-height-small);padding:0 var(--instui-component-tag-padding-horizontal-small);font-size:var(--instui-component-tag-font-size-small)}.instui-tag.-size-large{height:var(--instui-component-tag-height-large);font-size:var(--instui-component-tag-font-size-large)}.instui-avatar{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);background:var(--instui-component-avatar-background-color);color:var(--instui-component-avatar-blue-text-color);border:var(--instui-component-avatar-border-width-sm) solid var(--instui-component-avatar-border-color);font-family:var(--instui-component-avatar-font-family);font-size:var(--instui-component-avatar-font-size-md);font-weight:var(--instui-component-avatar-font-weight);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.instui-avatar.-shape-rectangle{border-radius:var(--instui-component-avatar-rectangle-radius)}.instui-avatar.-size-sm{width:var(--instui-component-avatar-size-sm);height:var(--instui-component-avatar-size-sm);font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-2xs{width:var(--instui-component-avatar-size2xs);height:var(--instui-component-avatar-size2xs);font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-xs{width:var(--instui-component-avatar-size-xs);height:var(--instui-component-avatar-size-xs);font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-lg{width:var(--instui-component-avatar-size-lg);height:var(--instui-component-avatar-size-lg);font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-xl{width:var(--instui-component-avatar-size-xl);height:var(--instui-component-avatar-size-xl);font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-2xl{width:var(--instui-component-avatar-size2xl);height:var(--instui-component-avatar-size2xl);font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-color-ash{color:var(--instui-component-avatar-ash-text-color)}.instui-avatar.-color-ash.-has-inverse-color{background:var(--instui-component-avatar-ash-background-color)}.instui-avatar.-color-blue{color:var(--instui-component-avatar-blue-text-color)}.instui-avatar.-color-blue.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color)}.instui-avatar.-color-green{color:var(--instui-component-avatar-green-text-color)}.instui-avatar.-color-green.-has-inverse-color{background:var(--instui-component-avatar-green-background-color)}.instui-avatar.-color-grey{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-grey.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}.instui-avatar.-color-orange{color:var(--instui-component-avatar-orange-text-color)}.instui-avatar.-color-orange.-has-inverse-color{background:var(--instui-component-avatar-orange-background-color)}.instui-avatar.-color-red{color:var(--instui-component-avatar-red-text-color)}.instui-avatar.-color-red.-has-inverse-color{background:var(--instui-component-avatar-red-background-color)}.instui-avatar.-color-ai{background:linear-gradient(to bottom, var(--instui-component-avatar-ai-top-gradient-color), var(--instui-component-avatar-ai-bottom-gradient-color));color:var(--instui-component-avatar-text-on-color);border-color:#0000}.instui-avatar.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color);color:var(--instui-component-avatar-text-on-color);border-color:#0000}.instui-avatar.-show-border{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-color)}.instui-avatar>img{object-fit:cover;border-radius:inherit;block-size:100%;inline-size:100%}.instui-avatar.-size-small{width:var(--instui-component-avatar-size-sm);height:var(--instui-component-avatar-size-sm);font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-x-small{width:var(--instui-component-avatar-size-xs);height:var(--instui-component-avatar-size-xs);font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-large{width:var(--instui-component-avatar-size-lg);height:var(--instui-component-avatar-size-lg);font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-x-large{width:var(--instui-component-avatar-size-xl);height:var(--instui-component-avatar-size-xl);font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-color-accent1{color:var(--instui-component-avatar-blue-text-color)}.instui-avatar.-color-accent1.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color)}.instui-avatar.-color-accent2{color:var(--instui-component-avatar-green-text-color)}.instui-avatar.-color-accent2.-has-inverse-color{background:var(--instui-component-avatar-green-background-color)}.instui-avatar.-color-accent3{color:var(--instui-component-avatar-red-text-color)}.instui-avatar.-color-accent3.-has-inverse-color{background:var(--instui-component-avatar-red-background-color)}.instui-avatar.-color-accent4{color:var(--instui-component-avatar-orange-text-color)}.instui-avatar.-color-accent4.-has-inverse-color{background:var(--instui-component-avatar-orange-background-color)}.instui-avatar.-color-accent5{color:var(--instui-component-avatar-ash-text-color)}.instui-avatar.-color-accent5.-has-inverse-color{background:var(--instui-component-avatar-ash-background-color)}.instui-avatar.-color-accent6{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-accent6.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}.instui-tabs{background:var(--instui-component-tabs-default-background);flex-direction:column;display:flex}@scope(.instui-tabs){:scope>.list{flex-flow:wrap;width:100%;display:flex}:scope.-overflow-scroll>.list{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}:scope.-overflow-scroll>.list::-webkit-scrollbar{display:none}.tab{-webkit-appearance:none;appearance:none;color:var(--instui-component-tabs-tab-default-text-color);font-family:var(--instui-component-tabs-tab-font-family);font-size:var(--instui-component-tabs-tab-font-size);font-weight:var(--instui-component-tabs-tab-font-weight);cursor:pointer;user-select:none;white-space:nowrap;z-index:1;margin-bottom:calc(-1 * var(--instui-component-tabs-panel-border-width));background:0 0;border:0;border-bottom:.25rem solid #0000;padding:1rem 1.25rem;line-height:1;position:relative}.tab:hover:not(.-selected):not(.-disabled):not([aria-selected=true]):not([aria-disabled=true]){border-bottom-color:var(--instui-component-tabs-tab-default-hover-border-color)}.tab.-selected,.tab[aria-selected=true]{border-bottom-color:var(--instui-component-tabs-tab-default-selected-border-color)}.tab.-disabled,.tab[aria-disabled=true],.tab:disabled{opacity:.5;cursor:default;font-weight:400}:scope.-variant-secondary .tab{line-height:var(--instui-component-tabs-tab-line-height);color:var(--instui-component-tabs-tab-secondary-text-color);margin-inline-end:.2em;margin-bottom:calc(-1 * var(--instui-component-tabs-panel-border-width));border:var(--instui-component-tabs-panel-border-width) solid transparent;border-radius:.1875rem .1875rem 0 0;padding:.75rem 1rem}:scope.-variant-secondary .tab:first-of-type{margin-inline-start:0}:scope.-variant-secondary .tab:hover:not(.-selected):not(.-disabled):not([aria-selected=true]):not([aria-disabled=true]){background:var(--instui-component-tabs-tab-secondary-selected-background);border-color:var(--instui-component-tabs-tab-secondary-selected-border-color);color:var(--instui-component-tabs-tab-secondary-selected-text-color)}:scope.-variant-secondary .tab.-selected,:scope.-variant-secondary .tab[aria-selected=true]{background:var(--instui-component-tabs-tab-secondary-selected-background);border-color:var(--instui-component-tabs-tab-secondary-selected-border-color);border-bottom-color:var(--instui-component-tabs-tab-secondary-selected-background);color:var(--instui-component-tabs-tab-secondary-selected-text-color)}:scope>.panel{box-sizing:border-box;border-top:var(--instui-component-tabs-panel-border-width) solid var(--instui-component-tabs-panel-border-color);background:var(--instui-component-tabs-panel-background);color:var(--instui-component-tabs-panel-text-color);font-family:var(--instui-component-tabs-panel-font-family);font-size:var(--instui-component-tabs-panel-font-size);font-weight:var(--instui-component-tabs-panel-font-weight);line-height:var(--instui-component-tabs-panel-line-height);padding:var(--instui-spacing-space-sm) var(--instui-spacing-space-md) var(--instui-spacing-space-md)}:scope>.panel[hidden]{display:none}}.instui-metric{gap:var(--instui-component-metric-gap-texts);padding:0 var(--instui-component-metric-padding-horizontal);flex-direction:column;display:inline-flex}@scope(.instui-metric){:scope>.value{color:var(--instui-component-metric-value-color);font-family:var(--instui-component-metric-value-font-family);font-size:var(--instui-component-metric-value-font-size);font-weight:var(--instui-component-metric-value-font-weight);line-height:var(--instui-component-metric-value-line-height)}:scope>.label{color:var(--instui-component-metric-label-color);font-family:var(--instui-component-metric-label-font-family);font-size:var(--instui-component-metric-label-font-size);font-weight:var(--instui-component-metric-label-font-weight);line-height:var(--instui-component-metric-label-line-height)}}.instui-metric.-text-align-start{text-align:start;align-items:flex-start}.instui-metric.-text-align-center{text-align:center;align-items:center}.instui-metric.-text-align-end{text-align:end;align-items:flex-end}.instui-byline{align-items:center;gap:var(--instui-component-byline-figure-margin);background:var(--instui-component-byline-background);color:var(--instui-component-byline-color);font-family:var(--instui-component-byline-font-family);display:flex}.instui-byline.-align-content-top{align-items:flex-start}.instui-byline.-align-content-center{align-items:center}.instui-byline.-size-sm{max-width:var(--instui-component-byline-small,20rem)}.instui-byline.-size-md{max-width:var(--instui-component-byline-medium,30rem)}.instui-byline.-size-lg{max-width:var(--instui-component-byline-large,40rem)}@scope(.instui-byline){:scope>[class*=-icon-]{line-height:1}.title{margin:0 0 var(--instui-component-byline-title-margin);font-size:var(--instui-component-byline-title-font-size);font-weight:var(--instui-component-byline-title-font-weight);line-height:var(--instui-component-byline-title-line-height)}.description{font-size:var(--instui-component-byline-description-font-size);font-weight:var(--instui-component-byline-description-font-weight);line-height:var(--instui-component-byline-description-line-height)}}.instui-byline.-size-small{max-width:var(--instui-component-byline-small,20rem)}.instui-byline.-size-medium{max-width:var(--instui-component-byline-medium,30rem)}.instui-byline.-size-large{max-width:var(--instui-component-byline-large,40rem)}.instui-img{--pantoken-img-filter:none;block-size:auto;max-inline-size:100%;filter:var(--pantoken-img-filter);transition:filter var(--instui-component-img-effect-transition-duration) ease;display:inline-block}.instui-img.-display-block{display:block}.instui-img.-constrain-cover{object-fit:cover;block-size:100%;inline-size:100%}.instui-img.-constrain-contain{object-fit:contain;block-size:100%;inline-size:100%}.instui-img.-with-grayscale{--pantoken-img-filter:grayscale(1)}.instui-img.-with-blur{--pantoken-img-filter:blur(var(--instui-component-img-image-blur-amount))}.instui-img.-with-grayscale.-with-blur{--pantoken-img-filter:grayscale(1) blur(var(--instui-component-img-image-blur-amount))}.instui-table{border-collapse:collapse;background:var(--instui-component-table-background);width:100%;color:var(--instui-component-table-color);font-family:var(--instui-component-table-font-family);font-size:var(--instui-component-table-font-size)}.instui-table caption{text-align:start;padding:var(--instui-component-table-cell-padding-vertical) var(--instui-component-table-cell-padding-horizontal);color:var(--instui-component-table-col-header-color);font-weight:var(--instui-component-table-head-font-weight)}.instui-table.-layout-fixed{table-layout:fixed}.instui-table thead{background:var(--instui-component-table-head-background)}.instui-table th{text-align:start;background:var(--instui-component-table-col-header-background);color:var(--instui-component-table-col-header-color);font-weight:var(--instui-component-table-head-font-weight);line-height:var(--instui-component-table-col-header-line-height);padding:var(--instui-component-table-col-header-padding-vertical) var(--instui-component-table-col-header-padding-horizontal)}.instui-table thead th{border-bottom:var(--instui-border-width-md) solid var(--instui-component-table-row-border-color)}.instui-table tbody th,.instui-table th[scope=row]{background:var(--instui-component-table-row-header-background);color:var(--instui-component-table-row-header-color);font-weight:var(--instui-component-table-row-header-font-weight);line-height:var(--instui-component-table-row-header-line-height);padding:var(--instui-component-table-row-header-padding-vertical) var(--instui-component-table-row-header-padding-horizontal)}.instui-table td{color:var(--instui-component-table-cell-color);line-height:var(--instui-component-table-cell-line-height);padding:var(--instui-component-table-cell-padding-vertical) var(--instui-component-table-cell-padding-horizontal)}.instui-table tbody td,.instui-table tbody th{border:0}.instui-table tbody tr{border-bottom:var(--instui-border-width-sm) solid var(--instui-component-table-row-border-color)}.instui-table.-hover tbody tr{border-inline:.1875rem solid #0000}.instui-table.-hover tbody tr:hover{border-inline-color:var(--instui-component-table-row-hover-border-color)}.instui-table.-layout-stacked thead{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-table.-layout-stacked,.instui-table.-layout-stacked tbody,.instui-table.-layout-stacked tr,.instui-table.-layout-stacked td,.instui-table.-layout-stacked th{width:auto;display:block}.instui-table.-layout-stacked tbody tr{padding:var(--instui-component-table-row-padding-vertical) var(--instui-component-table-row-padding-horizontal)}.instui-table.-layout-stacked tbody td[data-label]:before,.instui-table.-layout-stacked tbody th[data-label]:before{content:attr(data-label);font-weight:var(--instui-component-table-head-font-weight);color:var(--instui-component-table-col-header-color);display:block}.instui-link{align-items:center;gap:var(--instui-component-link-gap-md);color:var(--instui-component-link-text-color);font-family:var(--instui-component-link-font-family);font-size:var(--instui-component-link-font-size-md);font-weight:var(--instui-component-link-font-weight);line-height:var(--instui-component-link-line-height-md);text-decoration:var(--instui-component-link-text-decoration-outside-text);cursor:pointer;display:inline-flex}.instui-link:hover{color:var(--instui-component-link-text-hover-color)}.instui-link[aria-disabled=true]{color:var(--instui-component-link-text-disabled-color);cursor:not-allowed}.instui-link.-size-sm{gap:var(--instui-component-link-gap-sm);font-size:var(--instui-component-link-font-size-sm);line-height:var(--instui-component-link-line-height-sm)}.instui-link.-size-lg{gap:var(--instui-component-link-gap-lg);font-size:var(--instui-component-link-font-size-lg);line-height:var(--instui-component-link-line-height-lg)}.instui-link.-color-inverse{color:var(--instui-component-link-on-color-text-color)}.instui-link.-color-inverse:hover{color:var(--instui-component-link-on-color-text-hover-color)}.instui-link.-color-inverse[aria-disabled=true]{color:var(--instui-component-link-on-color-text-disabled-color)}.instui-link.-inline{font-family:var(--instui-component-link-inline-link-medium-font-family);font-size:var(--instui-component-link-inline-link-medium-font-size);font-weight:var(--instui-component-link-inline-link-medium-font-weight);line-height:var(--instui-component-link-inline-link-medium-line-height);text-decoration:var(--instui-component-link-text-decoration-within-text);display:inline}.instui-link.-inline.-sm{font-size:var(--instui-component-link-inline-link-small-font-size);font-weight:var(--instui-component-link-inline-link-small-font-weight);line-height:var(--instui-component-link-inline-link-small-line-height)}.instui-link.-inline.-lg{font-size:var(--instui-component-link-inline-link-large-font-size);font-weight:var(--instui-component-link-inline-link-large-font-weight);line-height:var(--instui-component-link-inline-link-large-line-height)}.instui-link.-unstyled{color:var(--instui-component-link-unstyled-text-color);text-decoration:none}.instui-link.-size-small{gap:var(--instui-component-link-gap-sm);font-size:var(--instui-component-link-font-size-sm);line-height:var(--instui-component-link-line-height-sm)}.instui-link.-size-large{gap:var(--instui-component-link-gap-lg);font-size:var(--instui-component-link-font-size-lg);line-height:var(--instui-component-link-line-height-lg)}.instui-list{color:var(--instui-component-list-item-color);font-family:var(--instui-component-list-item-font-family);font-size:var(--instui-component-list-item-font-size-medium);font-weight:var(--instui-component-list-item-font-weight);line-height:var(--instui-component-list-item-line-height);padding-inline-start:var(--instui-component-list-list-padding)}.instui-list>li{margin:var(--instui-component-list-item-spacing-medium) 0}.instui-list.-size-sm{font-size:var(--instui-component-list-item-font-size-small)}.instui-list.-size-sm>li{margin:var(--instui-component-list-item-spacing-small) 0}.instui-list.-size-lg{font-size:var(--instui-component-list-item-font-size-large)}.instui-list.-size-lg>li{margin:var(--instui-component-list-item-spacing-large) 0}.instui-list.-ordered>li::marker{font-weight:var(--instui-component-list-ordered-number-font-weight)}.instui-list.-ordered>li{padding-inline-start:var(--instui-component-list-ordered-number-margin)}.instui-list.-delimiter-solid>li+li{border-top:var(--instui-component-list-item-delimiter-solid-border-width) var(--instui-component-list-item-delimiter-solid-border-style) var(--instui-component-list-item-delimiter-solid-border-color);padding-top:var(--instui-component-list-item-spacing-medium)}.instui-list.-delimiter-dashed>li+li{border-top:var(--instui-component-list-item-delimiter-dashed-border-width) var(--instui-component-list-item-delimiter-dashed-border-style) var(--instui-component-list-item-delimiter-dashed-border-color);padding-top:var(--instui-component-list-item-spacing-medium)}.instui-list.-unstyled{padding-inline-start:0;list-style:none}.instui-list.-inline{align-items:center;gap:var(--instui-component-list-item-spacing-medium);flex-wrap:wrap;padding-inline-start:0;list-style:none;display:flex}.instui-list.-inline>li{margin:0}.instui-list.-size-small{font-size:var(--instui-component-list-item-font-size-small)}.instui-list.-size-small>li{margin:var(--instui-component-list-item-spacing-small) 0}.instui-list.-size-large{font-size:var(--instui-component-list-item-font-size-large)}.instui-list.-size-large>li{margin:var(--instui-component-list-item-spacing-large) 0}.instui-icon{display:inline-flex}[class*=-icon-]:before{content:"";vertical-align:-.125em;block-size:1em;inline-size:1em;-webkit-mask:var(--pantoken-glyph) center / contain no-repeat;mask:var(--pantoken-glyph) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.instui-checkbox{align-items:center;gap:var(--instui-component-checkbox-gap);color:var(--instui-component-checkbox-label-base-color);font-family:var(--instui-component-checkbox-font-family);font-size:var(--instui-component-checkbox-font-size-md);font-weight:var(--instui-component-checkbox-font-weight);line-height:var(--instui-component-checkbox-line-height);display:inline-flex}.instui-checkbox.-label-placement-end{flex-direction:row}.instui-checkbox.-label-placement-start{flex-direction:row-reverse}.instui-checkbox.-label-placement-top{flex-direction:column-reverse;align-items:flex-start}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]{-webkit-appearance:none;appearance:none;width:var(--instui-component-checkbox-control-size-md);height:var(--instui-component-checkbox-control-size-md);margin-block:var(--instui-component-checkbox-control-vertical-margin);border:var(--instui-component-checkbox-border-width) solid var(--instui-component-checkbox-border-color);border-radius:var(--instui-component-checkbox-border-radius);background:var(--instui-component-checkbox-background-color);cursor:pointer;--pantoken-cb-glyph:var(--instui-icon-check) center / contain no-repeat;flex:none;place-content:center;transition:background-color .15s,border-color .15s;display:inline-grid}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:before{content:"";background:oklch(from var(--instui-component-checkbox-background-checked-color) clamp(0, (.62 - l) * infinity, 1) 0 0);width:.75em;height:.75em;-webkit-mask:var(--pantoken-cb-glyph);mask:var(--pantoken-cb-glyph);transition:transform .1s;transform:scale(0)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:hover{border-color:var(--instui-component-checkbox-border-hover-color);background:var(--instui-component-checkbox-background-hover-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:checked,.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:indeterminate{border-color:var(--instui-component-checkbox-border-checked-color);background:var(--instui-component-checkbox-background-checked-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:checked:before,.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:indeterminate:before{transform:scale(1)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:indeterminate{--pantoken-cb-glyph:var(--instui-icon-minus) center / contain no-repeat}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:disabled{border-color:var(--instui-component-checkbox-border-disabled-color);background:var(--instui-component-checkbox-background-disabled-color);cursor:not-allowed}.instui-checkbox:has(input:disabled){color:var(--instui-component-checkbox-label-disabled-color)}.instui-checkbox:hover{color:var(--instui-component-checkbox-label-hover-color)}.instui-checkbox.-size-sm{font-size:var(--instui-component-checkbox-font-size-sm)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-sm input[type=checkbox]{width:var(--instui-component-checkbox-control-size-sm);height:var(--instui-component-checkbox-control-size-sm)}.instui-checkbox.-size-lg{font-size:var(--instui-component-checkbox-font-size-lg)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-lg input[type=checkbox]{width:var(--instui-component-checkbox-control-size-lg);height:var(--instui-component-checkbox-control-size-lg)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-invalid input[type=checkbox]{border-color:var(--instui-component-checkbox-error-border-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-invalid input[type=checkbox]:hover{border-color:var(--instui-component-checkbox-error-border-hover-color)}.instui-checkbox.-readonly{color:var(--instui-component-checkbox-label-readonly-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-readonly input[type=checkbox]{border-color:var(--instui-component-checkbox-border-readonly-color);background:var(--instui-component-checkbox-background-readonly-color)}@scope(.instui-checkbox){:scope.-required .asterisk{color:var(--instui-component-checkbox-asterisk-color)}}.instui-checkbox.-variant-toggle input[type=checkbox]{--pantoken-toggle-h:var(--instui-size-choice-control-height-md);--pantoken-toggle-w:var(--instui-component-radio-input-toggle-medium-height);--pantoken-toggle-bw:var(--instui-border-width-sm);--pantoken-toggle-inset:calc(var(--pantoken-toggle-bw) * 3);--pantoken-toggle-handle:calc(var(--pantoken-toggle-h) - var(--pantoken-toggle-inset) * 2);-webkit-appearance:none;appearance:none;width:var(--pantoken-toggle-w);height:var(--pantoken-toggle-h);border-radius:var(--pantoken-toggle-h);box-shadow:inset 0 0 0 var(--pantoken-toggle-bw) var(--instui-color-stroke-base);background:var(--instui-color-background-muted);cursor:pointer;border:0;transition:background-color .15s;position:relative}.instui-checkbox.-variant-toggle input[type=checkbox]:before{content:"";box-sizing:border-box;width:var(--pantoken-toggle-handle);height:var(--pantoken-toggle-handle);border:var(--pantoken-toggle-bw) solid var(--instui-color-stroke-base);background:var(--instui-component-radio-input-toggle-handle-text);top:50%;border-radius:50%;transition:inset-inline-start .15s;position:absolute;inset-inline-start:var(--pantoken-toggle-inset);transform:translateY(-50%)}.instui-checkbox.-variant-toggle input[type=checkbox]:after{content:"";width:var(--pantoken-toggle-handle);height:var(--pantoken-toggle-handle);background:var(--instui-color-text-muted);-webkit-mask:var(--instui-icon-x) center / 58% no-repeat;mask:var(--instui-icon-x) center / 58% no-repeat;top:50%;transition:inset-inline-start .15s;position:absolute;inset-inline-start:var(--pantoken-toggle-inset);transform:translateY(-50%)}.instui-checkbox.-variant-toggle input[type=checkbox]:checked{background:var(--instui-component-radio-input-toggle-background-success)}.instui-checkbox.-variant-toggle input[type=checkbox]:checked:before{border-color:var(--instui-component-radio-input-toggle-background-success);inset-inline-start:calc(100% - var(--pantoken-toggle-h) + var(--pantoken-toggle-inset))}.instui-checkbox.-variant-toggle input[type=checkbox]:checked:after{background:var(--instui-component-radio-input-toggle-background-success);-webkit-mask:var(--instui-icon-check) center / 58% no-repeat;mask:var(--instui-icon-check) center / 58% no-repeat;inset-inline-start:calc(100% - var(--pantoken-toggle-h) + var(--pantoken-toggle-inset))}.instui-checkbox.-size-small{font-size:var(--instui-component-checkbox-font-size-sm)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-small input[type=checkbox]{width:var(--instui-component-checkbox-control-size-sm);height:var(--instui-component-checkbox-control-size-sm)}.instui-checkbox.-size-large{font-size:var(--instui-component-checkbox-font-size-lg)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-large input[type=checkbox]{width:var(--instui-component-checkbox-control-size-lg);height:var(--instui-component-checkbox-control-size-lg)}.instui-radio{align-items:center;gap:var(--instui-component-radio-input-gap);color:var(--instui-component-radio-input-label-base-color);font-family:var(--instui-component-radio-input-font-family);font-size:var(--instui-component-radio-input-font-size-md);font-weight:var(--instui-component-radio-input-font-weight);line-height:var(--instui-component-radio-input-line-height-md);display:inline-flex}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]{-webkit-appearance:none;appearance:none;width:var(--instui-component-radio-input-control-size-md);height:var(--instui-component-radio-input-control-size-md);margin-block:var(--instui-component-radio-input-control-vertical-margin);border:var(--instui-component-radio-input-border-width) solid var(--instui-component-radio-input-border-color);background:var(--instui-component-radio-input-background-color);cursor:pointer;border-radius:50%;flex:none;place-content:center;transition:border-color .15s,background-color .15s;display:inline-grid}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:before{content:"";width:calc(var(--instui-component-radio-input-control-size-md) - 2 * var(--instui-component-radio-input-checked-inset-md));height:calc(var(--instui-component-radio-input-control-size-md) - 2 * var(--instui-component-radio-input-checked-inset-md));background:var(--instui-component-radio-input-border-selected-color);border-radius:50%;transition:transform .1s;transform:scale(0)}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:hover{border-color:var(--instui-component-radio-input-border-hover-color);background:var(--instui-component-radio-input-background-hover-color)}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:checked{border-color:var(--instui-component-radio-input-border-selected-color)}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:checked:before{transform:scale(1)}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:disabled{border-color:var(--instui-component-radio-input-border-disabled-color);background:var(--instui-component-radio-input-background-disabled-color);cursor:not-allowed}.instui-radio:not(.-variant-toggle):not(.-toggle):has(input:disabled){color:var(--instui-component-radio-input-label-disabled-color)}.instui-radio:not(.-variant-toggle):not(.-toggle):hover{color:var(--instui-component-radio-input-label-hover-color)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-sm{font-size:var(--instui-component-radio-input-font-size-sm);line-height:var(--instui-component-radio-input-line-height-sm)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-sm input[type=radio]{width:var(--instui-component-radio-input-control-size-sm);height:var(--instui-component-radio-input-control-size-sm)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-sm input[type=radio]:before{width:calc(var(--instui-component-radio-input-control-size-sm) - 2 * var(--instui-component-radio-input-checked-inset-sm));height:calc(var(--instui-component-radio-input-control-size-sm) - 2 * var(--instui-component-radio-input-checked-inset-sm))}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-lg{font-size:var(--instui-component-radio-input-font-size-lg);line-height:var(--instui-component-radio-input-line-height-lg)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-lg input[type=radio]{width:var(--instui-component-radio-input-control-size-lg);height:var(--instui-component-radio-input-control-size-lg)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-lg input[type=radio]:before{width:calc(var(--instui-component-radio-input-control-size-lg) - 2 * var(--instui-component-radio-input-checked-inset-lg));height:calc(var(--instui-component-radio-input-control-size-lg) - 2 * var(--instui-component-radio-input-checked-inset-lg))}.instui-radio:not(.-variant-toggle):not(.-toggle).-readonly{color:var(--instui-component-radio-input-label-readonly-color)}.instui-radio:not(.-variant-toggle):not(.-toggle).-readonly input[type=radio]{border-color:var(--instui-component-radio-input-border-readonly-color);background:var(--instui-component-radio-input-background-readonly-color)}.instui-radio.-variant-toggle{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success);height:var(--instui-component-radio-input-toggle-medium-height);border-radius:var(--instui-component-radio-input-toggle-border-radius);color:var(--instui-component-radio-input-label-base-color);font-size:var(--instui-component-radio-input-toggle-medium-font-size);text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;gap:0;padding-inline:.875rem;line-height:1;transition:background-color .15s,color .15s;position:relative}.instui-radio.-variant-toggle input[type=radio]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-radio.-variant-toggle.-context-off{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-off)}.instui-radio.-variant-toggle.-context-success{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success)}.instui-radio.-variant-toggle.-context-danger{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-danger)}.instui-radio.-variant-toggle.-context-warning{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-warning)}.instui-radio.-variant-toggle:has(input:checked){background:var(--pantoken-rt-fill);color:var(--instui-component-radio-input-toggle-handle-text);box-shadow:var(--instui-elevation-depth1)}.instui-radio.-variant-toggle:has(input:focus-visible){text-decoration:underline}.instui-radio.-variant-toggle:has(input:focus-visible):before{content:"";border:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);border-radius:calc(var(--instui-component-radio-input-toggle-border-radius) + .0625rem);pointer-events:none;position:absolute;inset:-.25rem}.instui-radio.-variant-toggle:has(input:disabled){opacity:.5;cursor:not-allowed}.instui-radio.-variant-toggle.-size-sm{height:var(--instui-component-radio-input-toggle-small-height);font-size:var(--instui-component-radio-input-toggle-small-font-size);padding-inline:.5rem}.instui-radio.-variant-toggle.-size-lg{height:var(--instui-component-radio-input-toggle-large-height);font-size:var(--instui-component-radio-input-toggle-large-font-size);padding-inline:1rem}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-small{font-size:var(--instui-component-radio-input-font-size-sm);line-height:var(--instui-component-radio-input-line-height-sm)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-small input[type=radio]{width:var(--instui-component-radio-input-control-size-sm);height:var(--instui-component-radio-input-control-size-sm)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-small input[type=radio]:before{width:calc(var(--instui-component-radio-input-control-size-sm) - 2 * var(--instui-component-radio-input-checked-inset-sm));height:calc(var(--instui-component-radio-input-control-size-sm) - 2 * var(--instui-component-radio-input-checked-inset-sm))}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-large{font-size:var(--instui-component-radio-input-font-size-lg);line-height:var(--instui-component-radio-input-line-height-lg)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-large input[type=radio]{width:var(--instui-component-radio-input-control-size-lg);height:var(--instui-component-radio-input-control-size-lg)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-large input[type=radio]:before{width:calc(var(--instui-component-radio-input-control-size-lg) - 2 * var(--instui-component-radio-input-checked-inset-lg));height:calc(var(--instui-component-radio-input-control-size-lg) - 2 * var(--instui-component-radio-input-checked-inset-lg))}.instui-radio.-variant-toggle.-size-small{height:var(--instui-component-radio-input-toggle-small-height);font-size:var(--instui-component-radio-input-toggle-small-font-size);padding-inline:.5rem}.instui-radio.-variant-toggle.-size-large{height:var(--instui-component-radio-input-toggle-large-height);font-size:var(--instui-component-radio-input-toggle-large-font-size);padding-inline:1rem}.instui-radio.-toggle{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success);height:var(--instui-component-radio-input-toggle-medium-height);border-radius:var(--instui-component-radio-input-toggle-border-radius);color:var(--instui-component-radio-input-label-base-color);font-size:var(--instui-component-radio-input-toggle-medium-font-size);text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;gap:0;padding-inline:.875rem;line-height:1;transition:background-color .15s,color .15s;position:relative}.instui-radio.-toggle input[type=radio]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-radio.-toggle.-context-off{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-off)}.instui-radio.-toggle.-context-success{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success)}.instui-radio.-toggle.-context-danger{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-danger)}.instui-radio.-toggle.-context-warning{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-warning)}.instui-radio.-toggle:has(input:checked){background:var(--pantoken-rt-fill);color:var(--instui-component-radio-input-toggle-handle-text);box-shadow:var(--instui-elevation-depth1)}.instui-radio.-toggle:has(input:focus-visible){text-decoration:underline}.instui-radio.-toggle:has(input:focus-visible):before{content:"";border:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);border-radius:calc(var(--instui-component-radio-input-toggle-border-radius) + .0625rem);pointer-events:none;position:absolute;inset:-.25rem}.instui-radio.-toggle:has(input:disabled){opacity:.5;cursor:not-allowed}.instui-radio.-toggle.-size-sm{height:var(--instui-component-radio-input-toggle-small-height);font-size:var(--instui-component-radio-input-toggle-small-font-size);padding-inline:.5rem}.instui-radio.-toggle.-size-lg{height:var(--instui-component-radio-input-toggle-large-height);font-size:var(--instui-component-radio-input-toggle-large-font-size);padding-inline:1rem}.instui-radio.-toggle.-size-small{height:var(--instui-component-radio-input-toggle-small-height);font-size:var(--instui-component-radio-input-toggle-small-font-size);padding-inline:.5rem}.instui-radio.-toggle.-size-large{height:var(--instui-component-radio-input-toggle-large-height);font-size:var(--instui-component-radio-input-toggle-large-font-size);padding-inline:1rem}@keyframes pantoken-spinner-rotate{to{transform:rotate(360deg)}}.instui-spinner{width:var(--instui-component-spinner-spinner-size-md);height:var(--instui-component-spinner-spinner-size-md);border:var(--instui-component-spinner-stroke-width-md) solid var(--instui-component-spinner-track-color);border-top-color:var(--instui-component-spinner-color);border-radius:50%;animation:.8s linear infinite pantoken-spinner-rotate;display:inline-block}.instui-spinner.-size-xs{width:var(--instui-component-spinner-spinner-size-xs);height:var(--instui-component-spinner-spinner-size-xs);border-width:var(--instui-component-spinner-stroke-width-xs)}.instui-spinner.-size-sm{width:var(--instui-component-spinner-spinner-size-sm);height:var(--instui-component-spinner-spinner-size-sm);border-width:var(--instui-component-spinner-stroke-width-sm)}.instui-spinner.-size-lg{width:var(--instui-component-spinner-spinner-size-lg);height:var(--instui-component-spinner-spinner-size-lg);border-width:var(--instui-component-spinner-stroke-width-lg)}.instui-spinner.-color-inverse{border-top-color:var(--instui-component-spinner-inverse-color)}.instui-spinner.-size-x-small{width:var(--instui-component-spinner-spinner-size-xs);height:var(--instui-component-spinner-spinner-size-xs);border-width:var(--instui-component-spinner-stroke-width-xs)}.instui-spinner.-size-small{width:var(--instui-component-spinner-spinner-size-sm);height:var(--instui-component-spinner-spinner-size-sm);border-width:var(--instui-component-spinner-stroke-width-sm)}.instui-spinner.-size-large{width:var(--instui-component-spinner-spinner-size-lg);height:var(--instui-component-spinner-spinner-size-lg);border-width:var(--instui-component-spinner-stroke-width-lg)}.instui-progress{width:100%;height:var(--instui-component-progress-bar-medium-height);background:var(--instui-component-progress-bar-track-color);border:var(--instui-component-progress-bar-track-bottom-border-width) solid var(--instui-component-progress-bar-border-color);border-radius:var(--instui-component-progress-bar-border-radius);display:block;position:relative;overflow:hidden}.instui-progress:after{content:"";height:var(--instui-component-progress-bar-track-bottom-border-width);background:var(--instui-component-progress-bar-track-bottom-border-color);pointer-events:none;inset-inline:0;position:absolute;bottom:0}.instui-progress.-size-xs{height:var(--instui-component-progress-bar-x-small-height)}.instui-progress.-size-sm{height:var(--instui-component-progress-bar-small-height)}.instui-progress.-size-lg{height:var(--instui-component-progress-bar-large-height)}@scope(.instui-progress){:scope>.bar{background:var(--instui-color-background-brand);border-radius:var(--instui-component-progress-bar-border-radius);height:100%}:scope.-should-animate>.bar{transition:width .5s}}.instui-progress.-color-brand .bar{background:var(--instui-color-background-brand)}.instui-progress.-color-info .bar{background:var(--instui-color-background-info)}.instui-progress.-color-success .bar{background:var(--instui-color-background-success)}.instui-progress.-color-warning .bar{background:var(--instui-color-background-warning)}.instui-progress.-color-danger .bar{background:var(--instui-color-background-error)}.instui-progress.-color-primary-inverse{background:var(--instui-component-progress-bar-track-color-inverse);border-color:var(--instui-component-progress-bar-border-color-inverse);color:var(--instui-component-progress-bar-text-color-inverse)}.instui-progress.-color-primary-inverse:after{background:var(--instui-component-progress-bar-track-bottom-border-color-inverse)}.instui-progress.-color-primary-inverse .bar{background:var(--instui-component-progress-bar-meter-color-brand-inverse)}.instui-progress-value{padding:0 var(--instui-component-progress-bar-value-padding);color:var(--instui-component-progress-bar-text-color);font-family:var(--instui-component-progress-bar-font-family);font-size:var(--instui-component-progress-bar-medium-value-font-size);font-weight:var(--instui-component-progress-bar-font-weight);line-height:var(--instui-component-progress-bar-line-height)}.instui-progress.-color-inverse~.instui-progress-value,.instui-progress-value.-color-inverse{color:var(--instui-component-progress-bar-text-color-inverse)}.instui-progress.-size-x-small{height:var(--instui-component-progress-bar-x-small-height)}.instui-progress.-size-small{height:var(--instui-component-progress-bar-small-height)}.instui-progress.-size-large{height:var(--instui-component-progress-bar-large-height)}.instui-progress.-meter-color-brand .bar{background:var(--instui-color-background-brand)}.instui-progress.-meter-color-info .bar{background:var(--instui-color-background-info)}.instui-progress.-meter-color-success .bar{background:var(--instui-color-background-success)}.instui-progress.-meter-color-warning .bar,.instui-progress.-meter-color-alert .bar{background:var(--instui-color-background-warning)}.instui-progress.-meter-color-danger .bar{background:var(--instui-color-background-error)}.instui-menu{min-width:var(--instui-component-menu-min-width);max-width:var(--instui-component-menu-max-width);background:var(--instui-component-menu-item-background);border:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);border-radius:var(--instui-border-radius-md);padding:var(--instui-spacing-space-xs) 0}@scope(.instui-menu){:scope>.item{padding:var(--instui-component-menu-item-padding-vertical) var(--instui-component-menu-item-padding-horizontal);color:var(--instui-component-menu-item-label-color);font-family:var(--instui-component-menu-item-font-family);font-size:var(--instui-component-menu-item-font-size);font-weight:var(--instui-component-menu-item-font-weight);line-height:var(--instui-component-menu-item-line-height);cursor:pointer;display:block}:scope>.item.-disabled{opacity:var(--instui-opacity-disabled);pointer-events:none;cursor:not-allowed}:scope>.item:hover,:scope>.item.-highlighted{background:var(--instui-component-menu-item-highlighted-background);color:var(--instui-component-menu-item-highlighted-label-color)}:scope>.item.-active,:scope>.item[aria-checked=true]{background:var(--instui-component-menu-item-active-background);color:var(--instui-component-menu-item-active-label-color)}:scope>.item.-active:hover,:scope>.item[aria-checked=true]:hover{background:var(--instui-component-menu-item-selected-highlighted-background)}.item-info{color:var(--instui-component-menu-item-label-info-color)}:scope>.item:hover .item-info,:scope>.item.-highlighted .item-info{color:var(--instui-component-menu-item-highlighted-label-info-color)}:scope>.group{padding:var(--instui-component-menu-group-padding-vertical) var(--instui-component-menu-group-padding-horizontal);background:var(--instui-component-menu-group-background);color:var(--instui-component-menu-group-color);font-family:var(--instui-component-menu-group-font-family);font-size:var(--instui-component-menu-group-font-size);font-weight:var(--instui-component-menu-group-font-weight)}:scope>.separator{height:var(--instui-component-menu-separator-height);background:var(--instui-component-menu-separator-background);margin:var(--instui-component-menu-separator-margin-vertical) var(--instui-component-menu-separator-margin-horizontal)}}.instui-modal{max-width:var(--instui-component-modal-medium-max-width);background:var(--instui-component-modal-background-color);color:var(--instui-component-modal-text-color);border:var(--instui-component-modal-border-width) solid var(--instui-component-modal-border-color);border-radius:var(--instui-component-modal-border-radius);font-family:var(--instui-component-modal-font-family);box-shadow:var(--instui-elevation-topmost);overflow:hidden}dialog.instui-modal{margin:auto;padding:0}dialog.instui-modal::backdrop{background:var(--instui-component-mask-background-color)}dialog.instui-modal.-blur::backdrop{backdrop-filter:blur(.5rem)}.instui-modal.-size-sm{max-width:var(--instui-component-modal-small-max-width)}.instui-modal.-size-lg{max-width:var(--instui-component-modal-large-max-width)}.instui-modal.-size-auto{max-width:none;min-width:var(--instui-component-modal-auto-min-width)}.instui-modal.-size-fullscreen{border-radius:0;width:auto;max-width:none;height:auto;max-height:none;margin:0;position:fixed;inset:0}.instui-modal.-overflow-fit{max-block-size:calc(100dvh - var(--instui-spacing-space-xl) * 2);flex-direction:column;display:flex}.instui-modal.-color-inverse{background:var(--instui-component-modal-inverse-background-color);color:var(--instui-component-modal-inverse-text-color);border-color:var(--instui-component-modal-inverse-border-color)}@scope(.instui-modal){:scope.-overflow-fit>.body{overflow-y:auto}:scope>.header{padding:var(--instui-component-modal-header-padding);background:var(--instui-component-modal-header-background-color);border-bottom:var(--instui-component-modal-header-border-width) solid var(--instui-component-modal-header-border-color)}:scope>.body{padding:var(--instui-component-modal-body-padding)}:scope>.body:has(>img){padding:0}:scope>.body:has(>img) img{width:100%;display:block}:scope>.footer{padding:var(--instui-component-modal-footer-padding);background:var(--instui-component-modal-footer-background-color);border-top:var(--instui-component-modal-footer-border-width) solid var(--instui-component-modal-footer-border-color);border-radius:0 0 var(--instui-component-modal-footer-border-radius) var(--instui-component-modal-footer-border-radius)}:scope.-density-compact>.header{padding:var(--instui-component-modal-header-padding-compact)}:scope.-density-compact>.body{padding:var(--instui-component-modal-body-padding-compact)}:scope.-density-compact>.footer{padding:var(--instui-component-modal-footer-padding-compact)}:scope.-color-inverse>.header{background:var(--instui-component-modal-header-inverse-background-color);border-bottom-color:var(--instui-component-modal-header-inverse-border-color)}:scope.-color-inverse>.body{background:var(--instui-component-modal-body-inverse-background-color)}:scope.-color-inverse>.footer{background:var(--instui-component-modal-footer-inverse-background-color);border-top-color:var(--instui-component-modal-footer-inverse-border-color)}}.instui-modal.-size-small{max-width:var(--instui-component-modal-small-max-width)}.instui-modal.-size-large{max-width:var(--instui-component-modal-large-max-width)}.instui-breadcrumb{align-items:center;gap:var(--instui-component-breadcrumb-gap-md);font-family:var(--instui-component-link-font-family);font-size:var(--instui-component-link-font-size-md);flex-wrap:wrap;display:flex}.instui-breadcrumb.-size-sm{gap:var(--instui-component-breadcrumb-gap-sm);font-size:var(--instui-component-link-font-size-sm)}.instui-breadcrumb.-size-lg{gap:var(--instui-component-breadcrumb-gap-lg);font-size:var(--instui-component-link-font-size-lg)}.instui-breadcrumb.-size-sm .item:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-sm)}.instui-breadcrumb.-size-lg .item:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-lg)}@scope(.instui-breadcrumb){:scope a{color:var(--instui-component-link-text-color);text-decoration:none}:scope a [class*=-icon-]{line-height:1}:scope a:hover{color:var(--instui-component-link-text-hover-color);text-decoration:underline}:scope>.item:not(:last-child):after{content:"/";color:var(--instui-color-text-muted);margin-inline-start:var(--instui-component-breadcrumb-gap-md)}}.instui-breadcrumb.-size-small{gap:var(--instui-component-breadcrumb-gap-sm);font-size:var(--instui-component-link-font-size-sm)}.instui-breadcrumb.-size-large{gap:var(--instui-component-breadcrumb-gap-lg);font-size:var(--instui-component-link-font-size-lg)}.instui-breadcrumb.-size-small .item:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-sm)}.instui-breadcrumb.-size-large .item:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-lg)}.instui-billboard{text-align:center;background:var(--instui-component-billboard-background-color);padding:var(--instui-component-billboard-padding-medium);margin:var(--instui-component-billboard-medium-margin);font-family:var(--instui-component-billboard-font-family);color:var(--instui-color-text-base);display:block}.instui-billboard.-size-sm{padding:var(--instui-component-billboard-padding-small)}.instui-billboard.-size-md,.instui-billboard.-size-medium{padding:var(--instui-component-billboard-padding-medium)}.instui-billboard.-size-lg,.instui-billboard.-size-large{padding:var(--instui-component-billboard-padding-large);margin:var(--instui-component-billboard-large-margin)}.instui-billboard.-size-sm .message{font-size:var(--instui-font-size-text-sm)}.instui-billboard.-size-md .message,.instui-billboard.-size-medium .message{font-size:var(--instui-font-size-text-base)}.instui-billboard.-size-lg .message,.instui-billboard.-size-large .message{font-size:1.375rem}.instui-billboard.-clickable{cursor:pointer;border:var(--instui-component-billboard-button-border-width) var(--instui-component-billboard-button-border-style) transparent;border-radius:var(--instui-component-billboard-button-border-radius)}.instui-billboard.-clickable:hover{border-style:dashed;border-color:var(--instui-color-text-base)}.instui-billboard.-clickable:focus{border-style:solid;border-color:var(--instui-color-text-base);outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset)}.instui-billboard.-clickable:focus-visible{outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset)}.instui-billboard.-clickable:active{background:var(--instui-component-billboard-clickable-active-bg);border-style:solid;border-color:var(--instui-color-text-base)}.instui-billboard>.hero{font-size:var(--instui-component-icon-illu-md)}.instui-billboard>.hero[class*=-icon-]{line-height:1}.instui-billboard.-size-sm>.hero,.instui-billboard.-size-small>.hero{font-size:var(--instui-component-icon-illu-sm)}.instui-billboard.-size-md>.hero,.instui-billboard.-size-medium>.hero{font-size:var(--instui-component-icon-illu-md)}.instui-billboard.-size-lg>.hero,.instui-billboard.-size-large>.hero{font-size:var(--instui-component-icon-illu-lg)}@scope(.instui-billboard){:scope>.hero{color:var(--instui-color-text-base);font-size:var(--instui-component-icon-illu-md);justify-content:center;margin-block-end:var(--instui-spacing-space-sm);display:inline-flex}:scope>.hero[class*=-icon-]{line-height:1}:scope.-size-sm>.hero{font-size:var(--instui-component-icon-illu-sm)}:scope.-size-md>.hero,:scope.-size-medium>.hero{font-size:var(--instui-component-icon-illu-md)}:scope.-size-lg>.hero,:scope.-size-large>.hero{font-size:var(--instui-component-icon-illu-lg)}:scope.-size-sm>.hero[class*=-icon-],:scope.-size-small>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-sm)}:scope.-size-md>.hero[class*=-icon-],:scope.-size-medium>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-md)}:scope.-size-lg>.hero[class*=-icon-],:scope.-size-large>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-lg)}:scope>.heading{margin:0 0 var(--instui-spacing-space-xs);color:var(--instui-color-text-base);font-weight:700;font-size:var(--instui-component-text-font-size-x-x-large)}:scope>.message{color:var(--instui-color-text-base);font-size:var(--instui-font-size-text-base)}:scope.-clickable:hover>.hero{color:var(--instui-component-link-text-color)}:scope.-clickable:active>.hero{color:var(--instui-component-link-on-color-text-color)}}.instui-billboard.-size-small{padding:var(--instui-component-billboard-padding-small)}.instui-billboard.-size-medium,.instui-billboard.-size-medium{padding:var(--instui-component-billboard-padding-medium)}.instui-billboard.-size-large{padding:var(--instui-component-billboard-padding-large);margin:var(--instui-component-billboard-large-margin)}.instui-billboard.-size-small .message{font-size:var(--instui-font-size-text-sm)}.instui-billboard.-size-medium .message,.instui-billboard.-size-medium .message{font-size:var(--instui-font-size-text-base)}.instui-billboard.-size-large .message{font-size:1.375rem}.instui-billboard.-size-small>.hero,.instui-billboard.-size-small>.hero{font-size:var(--instui-component-icon-illu-sm)}.instui-billboard.-size-medium>.hero,.instui-billboard.-size-medium>.hero{font-size:var(--instui-component-icon-illu-md)}.instui-billboard.-size-large>.hero,.instui-billboard.-size-large>.hero{font-size:var(--instui-component-icon-illu-lg)}:scope.-size-small>.hero{font-size:var(--instui-component-icon-illu-sm)}:scope.-size-medium>.hero,:scope.-size-medium>.hero{font-size:var(--instui-component-icon-illu-md)}:scope.-size-large>.hero{font-size:var(--instui-component-icon-illu-lg)}:scope.-size-small>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-sm)}:scope.-size-medium>.hero[class*=-icon-],:scope.-size-medium>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-md)}:scope.-size-large>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-lg)}.instui-rating{align-items:center;gap:var(--instui-component-rating-icon-icon-margin);font-size:var(--instui-component-rating-icon-medium-icon-font-size);color:var(--instui-component-rating-icon-icon-empty-color);display:inline-flex}.instui-rating.-size-sm{font-size:var(--instui-component-rating-icon-small-icon-font-size)}.instui-rating.-size-lg{font-size:var(--instui-component-rating-icon-large-icon-font-size)}@scope(.instui-rating){.-icon-star-solid{color:var(--instui-component-rating-icon-icon-filled-color)}:scope>.label{color:var(--instui-color-text-base);font-family:var(--instui-font-family-base);font-size:var(--instui-font-size-text-base);margin-inline-start:var(--instui-component-rating-icon-icon-margin)}}.instui-rating.-size-small{font-size:var(--instui-component-rating-icon-small-icon-font-size)}.instui-rating.-size-large{font-size:var(--instui-component-rating-icon-large-icon-font-size)}.instui-toggle-group{border:var(--instui-border-width-sm) solid var(--instui-component-toggle-group-border-color);border-radius:var(--instui-border-radius-md);background:var(--instui-color-background-elevated-surface-base);color:var(--instui-component-toggle-details-text-color);font-family:var(--instui-component-toggle-details-font-family);font-weight:var(--instui-component-toggle-details-font-weight);line-height:var(--instui-component-toggle-details-line-height);display:block;overflow:hidden}.instui-toggle-group>summary{align-items:center;gap:var(--instui-component-toggle-details-icon-margin);cursor:pointer;padding:var(--instui-component-toggle-details-content-padding-medium);font-size:var(--instui-component-toggle-details-font-size-medium);list-style:none;display:flex}.instui-toggle-group>summary::-webkit-details-marker{display:none}.instui-toggle-group>summary:before{content:"";block-size:1em;inline-size:1em;-webkit-mask:var(--instui-icon-chevron-right) center / contain no-repeat;mask:var(--instui-icon-chevron-right) center / contain no-repeat;background:currentColor;flex:none;transition:transform .2s}.instui-toggle-group[open]>summary:before{transform:rotate(90deg)}.instui-toggle-group>:not(summary){border-block-start:var(--instui-border-width-sm) solid var(--instui-component-toggle-group-border-color);padding:var(--instui-component-toggle-details-content-padding-medium)}.instui-toggle-group.-size-sm>summary,.instui-toggle-group.-size-sm>:not(summary){font-size:var(--instui-component-toggle-details-font-size-small);padding:var(--instui-component-toggle-details-content-padding-small)}.instui-toggle-group.-size-lg>summary,.instui-toggle-group.-size-lg>:not(summary){font-size:var(--instui-component-toggle-details-font-size-large);padding:var(--instui-component-toggle-details-content-padding-large)}.instui-toggle-group.-without-border{border:0}.instui-toggle-group.-without-border>:not(summary){border-block-start:0}.instui-toggle-group.-size-small>summary,.instui-toggle-group.-size-small>:not(summary){font-size:var(--instui-component-toggle-details-font-size-small);padding:var(--instui-component-toggle-details-content-padding-small)}.instui-toggle-group.-size-large>summary,.instui-toggle-group.-size-large>:not(summary){font-size:var(--instui-component-toggle-details-font-size-large);padding:var(--instui-component-toggle-details-content-padding-large)}.instui-context-view{padding:var(--instui-spacing-space-md);background:var(--instui-color-background-elevated-surface-base);color:var(--instui-color-text-base);border:var(--instui-component-context-view-arrow-border-width) solid var(--instui-component-context-view-arrow-border-color);border-radius:var(--instui-component-context-view-border-radius);box-shadow:var(--instui-elevation-above);display:inline-block;position:relative}.instui-context-view:before,.instui-context-view:after{content:"";border-style:solid;border-color:#0000;position:absolute}.instui-context-view:before{border-width:calc(var(--instui-component-context-view-arrow-size) + var(--instui-component-context-view-arrow-border-width))}.instui-context-view:after{border-width:var(--instui-component-context-view-arrow-size)}.instui-context-view:before{border-top-color:var(--instui-component-context-view-arrow-border-color);top:100%;inset-inline-start:calc(var(--instui-spacing-space-lg) - var(--instui-component-context-view-arrow-border-width))}.instui-context-view:after{border-top-color:var(--instui-component-context-view-arrow-background-color);top:100%;inset-inline-start:var(--instui-spacing-space-lg)}.instui-context-view.-placement-bottom:before{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-border-color);top:auto;bottom:100%}.instui-context-view.-placement-bottom:after{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-background-color);top:auto;bottom:100%}.instui-context-view.-placement-start:before,.instui-context-view.-placement-start:after{top:50%;border-top-color:#0000;inset-inline-start:100%;transform:translateY(-50%)}.instui-context-view.-placement-start:before{border-inline-start-color:var(--instui-component-context-view-arrow-border-color)}.instui-context-view.-placement-start:after{border-inline-start-color:var(--instui-component-context-view-arrow-background-color)}.instui-context-view.-placement-end:before,.instui-context-view.-placement-end:after{top:50%;border-top-color:#0000;inset-inline:auto 100%;transform:translateY(-50%)}.instui-context-view.-placement-end:before{border-inline-end-color:var(--instui-component-context-view-arrow-border-color)}.instui-context-view.-placement-end:after{border-inline-end-color:var(--instui-component-context-view-arrow-background-color)}.instui-context-view.-color-inverse{background:var(--instui-color-background-inverse);color:var(--instui-color-text-inverse);border-color:var(--instui-component-context-view-arrow-border-color-inverse)}.instui-context-view.-color-inverse:before{border-top-color:var(--instui-component-context-view-arrow-border-color-inverse)}.instui-context-view.-color-inverse:after{border-top-color:var(--instui-component-context-view-arrow-background-color-inverse)}.instui-context-view.-color-inverse.-placement-bottom:before{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-border-color-inverse)}.instui-context-view.-color-inverse.-placement-bottom:after{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-background-color-inverse)}.instui-context-view.-color-inverse.-placement-start:before{border-top-color:#0000;border-inline-start-color:var(--instui-component-context-view-arrow-border-color-inverse)}.instui-context-view.-color-inverse.-placement-start:after{border-top-color:#0000;border-inline-start-color:var(--instui-component-context-view-arrow-background-color-inverse)}.instui-context-view.-color-inverse.-placement-end:before{border-top-color:#0000;border-inline-end-color:var(--instui-component-context-view-arrow-border-color-inverse)}.instui-context-view.-color-inverse.-placement-end:after{border-top-color:#0000;border-inline-end-color:var(--instui-component-context-view-arrow-background-color-inverse)}[popover].instui-context-view{margin:0;position:fixed;overflow:visible}[popover].instui-context-view:not(:popover-open){display:none}@supports (position-area:block-end){[popover].instui-context-view{position-anchor:--pantoken-anchor;position-try-fallbacks:flip-block, flip-inline}[popover].instui-context-view.-placement-top{position-area:block-start}[popover].instui-context-view.-placement-bottom{position-area:block-end}[popover].instui-context-view.-placement-start{position-area:inline-start center}[popover].instui-context-view.-placement-end{position-area:inline-end center}}@property --value{syntax:"<number>";inherits:true;initial-value:0}.instui-progress-circle{--value:0;--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand);--pantoken-pc-track:var(--instui-component-progress-circle-track-color);--pantoken-pc-stroke:var(--instui-component-progress-circle-medium-stroke-width);width:var(--instui-component-progress-circle-medium-size);height:var(--instui-component-progress-circle-medium-size);color:var(--instui-component-progress-circle-color);font-family:var(--instui-component-progress-circle-font-family);font-weight:var(--instui-component-progress-circle-font-weight);line-height:var(--instui-component-progress-circle-line-height);justify-content:center;align-items:center;display:inline-flex;position:relative}.instui-progress-circle:before{content:"";background:conic-gradient(var(--pantoken-pc-fill) calc(var(--value) * 1%), var(--pantoken-pc-track) 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--pantoken-pc-stroke)), #000 0);mask:radial-gradient(farthest-side, #0000 calc(100% - var(--pantoken-pc-stroke)), #000 0);border-radius:50%;position:absolute;inset:0}.instui-progress-circle .value{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.instui-progress-circle.-size-xs{width:var(--instui-component-progress-circle-x-small-size);height:var(--instui-component-progress-circle-x-small-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-x-small-stroke-width)}.instui-progress-circle.-size-sm{width:var(--instui-component-progress-circle-small-size);height:var(--instui-component-progress-circle-small-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-small-stroke-width)}.instui-progress-circle.-size-lg{width:var(--instui-component-progress-circle-large-size);height:var(--instui-component-progress-circle-large-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-large-stroke-width)}.instui-progress-circle.-color-brand{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand)}.instui-progress-circle.-color-primary-inverse.-color-brand{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand-inverse)}.instui-progress-circle.-color-info{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-info)}.instui-progress-circle.-color-primary-inverse.-color-info{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-info-inverse)}.instui-progress-circle.-color-success{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-success)}.instui-progress-circle.-color-primary-inverse.-color-success{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-success-inverse)}.instui-progress-circle.-color-warning{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-warning)}.instui-progress-circle.-color-primary-inverse.-color-warning{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-warning-inverse)}.instui-progress-circle.-color-danger{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-danger)}.instui-progress-circle.-color-primary-inverse.-color-danger{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-danger-inverse)}.instui-progress-circle.-color-primary-inverse{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand-inverse);--pantoken-pc-track:var(--instui-component-progress-circle-track-color-inverse);color:var(--instui-component-progress-circle-color-inverse)}.instui-progress-circle.-size-x-small{width:var(--instui-component-progress-circle-x-small-size);height:var(--instui-component-progress-circle-x-small-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-x-small-stroke-width)}.instui-progress-circle.-size-small{width:var(--instui-component-progress-circle-small-size);height:var(--instui-component-progress-circle-small-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-small-stroke-width)}.instui-progress-circle.-size-large{width:var(--instui-component-progress-circle-large-size);height:var(--instui-component-progress-circle-large-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-large-stroke-width)}.instui-progress-circle.-meter-color-brand{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand)}.instui-progress-circle.-meter-color-info{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-info)}.instui-progress-circle.-meter-color-success{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-success)}.instui-progress-circle.-meter-color-warning,.instui-progress-circle.-meter-color-alert{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-warning)}.instui-progress-circle.-meter-color-danger{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-danger)}.instui-pagination{align-items:center;gap:var(--instui-component-pagination-page-indicator-gap);font-family:var(--instui-font-family-base);flex-wrap:wrap;display:inline-flex}@scope(.instui-pagination){:scope>.page,:scope>.arrow{min-block-size:2rem;min-inline-size:2rem;padding:var(--instui-spacing-space2xs) var(--instui-spacing-space-xs);color:var(--instui-color-text-interactive-navigation-primary-base);border:var(--instui-border-width-md) solid transparent;border-radius:var(--instui-component-base-button-border-radius);font:inherit;font-weight:var(--instui-font-weight-interactive);cursor:pointer;background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}:scope>.arrow [class*=-icon-]{line-height:1}:scope>.page:hover,:scope>.arrow:hover{background:var(--instui-color-background-muted);color:var(--instui-color-text-interactive-navigation-primary-hover)}:scope>.page[aria-current],:scope>.page.-current{background:var(--instui-color-background-interactive-action-primary-base);color:var(--instui-color-text-interactive-action-primary-base);border-color:var(--instui-color-background-interactive-action-primary-base)}:scope>.page[aria-current]:hover,:scope>.page.-current:hover{background:var(--instui-color-background-interactive-action-primary-hover);border-color:var(--instui-color-background-interactive-action-primary-hover);color:var(--instui-color-text-interactive-action-primary-base)}:scope>.arrow:disabled,:scope>.arrow[aria-disabled=true]{color:var(--instui-color-text-muted);opacity:var(--instui-opacity-disabled);cursor:not-allowed;background:0 0}:scope>.ellipsis{min-inline-size:2rem;color:var(--instui-color-text-muted);justify-content:center;align-items:center;display:inline-flex}:scope>.page-input-label{color:var(--instui-component-pagination-page-input-label-color)}}.instui-pagination.-variant-input{gap:var(--instui-component-pagination-page-input-input-spacing)}.instui-pagination.-variant-input .instui-text-input,.instui-pagination.-variant-input .instui-number-input{inline-size:var(--instui-component-pagination-page-input-input-width)}.instui-truncate{text-overflow:ellipsis;white-space:nowrap;font-family:var(--instui-component-truncate-text-font-family);line-height:var(--instui-component-truncate-text-line-height);overflow:hidden}.instui-truncate.-lines{-webkit-line-clamp:var(--lines,2);line-clamp:var(--lines,2);white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.instui-toggle-details{color:var(--instui-component-toggle-details-text-color);font-family:var(--instui-component-toggle-details-font-family);font-weight:var(--instui-component-toggle-details-font-weight);line-height:var(--instui-component-toggle-details-line-height)}.instui-toggle-details>summary{align-items:center;gap:var(--instui-component-toggle-details-icon-margin);cursor:pointer;font-size:var(--instui-component-toggle-details-font-size-medium);padding:var(--instui-component-toggle-details-toggle-padding);color:var(--instui-component-toggle-details-text-color);list-style:none;display:flex}.instui-toggle-details>summary::-webkit-details-marker{display:none}.instui-toggle-details>summary:before{content:"";block-size:1em;inline-size:1em;-webkit-mask:var(--instui-icon-chevron-right) center / contain no-repeat;mask:var(--instui-icon-chevron-right) center / contain no-repeat;background:currentColor;flex:none;transition:transform .2s}.instui-toggle-details[open]>summary:before{transform:rotate(90deg)}.instui-toggle-details.-chevron-end>summary:before{order:1;margin-inline-start:auto}.instui-toggle-details.-variant-filled>summary{background:var(--instui-color-background-interactive-action-secondary-base);border-radius:var(--instui-component-toggle-details-toggle-border-radius)}.instui-toggle-details>:not(summary){padding:var(--instui-component-toggle-details-content-padding-medium)}.instui-toggle-details.-size-sm>summary{font-size:var(--instui-component-toggle-details-font-size-small)}.instui-toggle-details.-size-sm>:not(summary){padding:var(--instui-component-toggle-details-content-padding-small)}.instui-toggle-details.-size-lg>summary{font-size:var(--instui-component-toggle-details-font-size-large)}.instui-toggle-details.-size-lg>:not(summary){padding:var(--instui-component-toggle-details-content-padding-large)}.instui-toggle-details.-size-small>summary{font-size:var(--instui-component-toggle-details-font-size-small)}.instui-toggle-details.-size-small>:not(summary){padding:var(--instui-component-toggle-details-content-padding-small)}.instui-toggle-details.-size-large>summary{font-size:var(--instui-component-toggle-details-font-size-large)}.instui-toggle-details.-size-large>:not(summary){padding:var(--instui-component-toggle-details-content-padding-large)}.instui-file-drop{text-align:center;padding:var(--instui-spacing-space-lg);color:var(--instui-color-text-base);background:var(--instui-component-file-drop-background-color);border:var(--instui-component-file-drop-border-width) var(--instui-component-file-drop-border-style) var(--instui-component-file-drop-border-color);border-radius:var(--instui-component-file-drop-border-radius);display:block}.instui-file-drop:hover,.instui-file-drop.-hover{border-color:var(--instui-component-file-drop-hover-border-color)}.instui-file-drop.-accepted{border-color:var(--instui-component-file-drop-accepted-color)}.instui-file-drop.-rejected{border-color:var(--instui-component-file-drop-rejected-color)}.instui-file-drop>[class*=-icon-]{line-height:1}.instui-side-nav-bar{gap:var(--instui-component-side-nav-bar-content-gap);padding:var(--instui-component-side-nav-bar-content-margin);box-sizing:border-box;background:var(--instui-component-side-nav-bar-background-color);block-size:100%;min-block-size:100%;inline-size:fit-content;color:var(--instui-component-side-nav-bar-font-color);font-family:var(--instui-component-side-nav-bar-item-font-family);flex-direction:column;display:flex}@scope(.instui-side-nav-bar){:scope>.item{align-items:center;gap:var(--instui-spacing-space2xs);padding:var(--instui-component-side-nav-bar-item-content-padding);min-inline-size:var(--instui-component-side-nav-bar-minimized-width);color:var(--instui-component-side-nav-bar-item-font-color);background:var(--instui-component-side-nav-bar-item-background-color);border-radius:var(--instui-component-side-nav-bar-item-border-radius);font-size:var(--instui-component-side-nav-bar-item-font-size);font-weight:var(--instui-component-side-nav-bar-item-font-weight);line-height:var(--instui-component-side-nav-bar-item-line-height);text-align:center;text-decoration:var(--instui-component-side-nav-bar-item-link-text-decoration);cursor:pointer;flex-direction:column;display:flex}:scope>.item [class*=-icon-]{line-height:1}:scope>.item:hover{background:var(--instui-component-side-nav-bar-item-hover-background-color)}:scope>.item.-selected{background:var(--instui-component-side-nav-bar-item-selected-background-color);color:var(--instui-component-side-nav-bar-item-selected-font-color)}}.instui-side-nav-bar.-minimized{inline-size:var(--instui-component-side-nav-bar-minimized-width)}.instui-side-nav-bar.-minimized .item .label{display:none}.instui-tree-browser{border-radius:var(--instui-component-tree-browser-border-radius);font-family:var(--instui-component-tree-browser-tree-collection-font-family);color:var(--instui-component-tree-browser-tree-button-name-text-color)}.instui-tree-browser details>summary,.instui-tree-browser .item{align-items:center;gap:var(--instui-component-tree-browser-tree-button-icons-margin-right-medium);padding:var(--instui-component-tree-browser-tree-button-base-spacing-medium);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-medium);line-height:var(--instui-component-tree-browser-tree-button-text-line-height);color:var(--instui-component-tree-browser-tree-button-name-text-color);border-radius:var(--instui-component-tree-browser-tree-button-border-radius);cursor:pointer;list-style:none;display:flex}.instui-tree-browser details>summary [class*=-icon-],.instui-tree-browser .item [class*=-icon-]{line-height:1}.instui-tree-browser details>summary::-webkit-details-marker{display:none}.instui-tree-browser details>summary:before{content:"";block-size:1em;inline-size:1em;-webkit-mask:var(--instui-icon-chevron-right) center / contain no-repeat;mask:var(--instui-icon-chevron-right) center / contain no-repeat;background:currentColor;flex:none;transition:transform .2s}.instui-tree-browser details[open]>summary:before{transform:rotate(90deg)}.instui-tree-browser details>summary:hover,.instui-tree-browser .item:hover{background:var(--instui-component-tree-browser-tree-button-hover-background-color);color:var(--instui-component-tree-browser-tree-button-hover-text-color)}.instui-tree-browser details>summary.-selected,.instui-tree-browser .item.-selected{background:var(--instui-component-tree-browser-tree-button-selected-background-color);color:var(--instui-component-tree-browser-tree-button-selected-text-color)}.instui-tree-browser ul{margin:0;padding-inline-start:var(--instui-component-tree-browser-tree-collection-base-spacing-medium);list-style:none}.instui-tree-browser.-size-sm details>summary,.instui-tree-browser.-size-sm .item{padding:var(--instui-component-tree-browser-tree-button-base-spacing-small);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-small)}.instui-tree-browser.-size-lg details>summary,.instui-tree-browser.-size-lg .item{padding:var(--instui-component-tree-browser-tree-button-base-spacing-large);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-large)}.instui-tree-browser.-size-small details>summary,.instui-tree-browser.-size-small .item{padding:var(--instui-component-tree-browser-tree-button-base-spacing-small);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-small)}.instui-tree-browser.-size-large details>summary,.instui-tree-browser.-size-large .item{padding:var(--instui-component-tree-browser-tree-button-base-spacing-large);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-large)}.instui-calendar{text-align:center;background:var(--instui-component-calendar-background);color:var(--instui-component-calendar-color);font-family:var(--instui-component-calendar-font-family);font-size:var(--instui-component-calendar-font-size);font-weight:var(--instui-component-calendar-font-weight);line-height:var(--instui-component-calendar-line-height);display:inline-block}@scope(.instui-calendar){:scope>.nav{justify-content:space-between;align-items:center;margin-block-end:var(--instui-component-calendar-nav-margin);display:flex}:scope>.grid{grid-template-columns:repeat(7, var(--instui-component-calendar-day-min-width));justify-content:center;gap:var(--instui-spacing-space2xs);display:grid}.weekday,.day{inline-size:var(--instui-component-calendar-day-min-width);block-size:var(--instui-component-calendar-day-height);justify-content:center;align-items:center;display:flex}.weekday{font-weight:var(--instui-font-weight-interactive)}.day{font-size:var(--instui-component-calendar-day-font-size);color:var(--instui-component-calendar-day-color);background:var(--instui-component-calendar-day-background);cursor:pointer}.day.-outside-month{color:var(--instui-component-calendar-day-outside-month-color)}.day.-today{background:var(--instui-component-calendar-day-today-background);color:var(--instui-component-calendar-day-today-color);border-radius:var(--instui-component-calendar-day-today-border-radius)}.day.-selected{background:var(--instui-component-calendar-day-selected-background);color:var(--instui-component-calendar-day-selected-color);border-radius:var(--instui-component-calendar-day-selected-border-radius)}}.instui-popover{background:var(--instui-color-background-elevated-surface-base);color:var(--instui-color-text-base);border:var(--instui-border-width-sm) solid var(--instui-component-popover-border-color);border-radius:var(--instui-component-popover-border-radius);padding:var(--instui-spacing-space-sm);box-shadow:var(--instui-elevation-above)}[popover].instui-popover{margin:0}@supports (position-area:block-end){[popover].instui-popover{position-anchor:--pantoken-anchor;position-try-fallbacks:flip-block, flip-inline}[popover].instui-popover.-placement-top{position-area:block-start}[popover].instui-popover.-placement-bottom{position-area:block-end}[popover].instui-popover.-placement-start{position-area:inline-start center}[popover].instui-popover.-placement-end{position-area:inline-end center}}@supports (transition-behavior:allow-discrete){[popover].instui-popover{transition:opacity .15s ease, transform .15s ease, overlay .15s allow-discrete, display .15s allow-discrete;opacity:1;transform:translateY(0)}[popover].instui-popover:not(:popover-open){opacity:0;transform:translateY(-.25rem)}@starting-style{[popover].instui-popover:popover-open{opacity:0;transform:translateY(-.25rem)}}}.instui-tray{inline-size:var(--instui-component-tray-width-md);background:var(--instui-component-tray-background-color);border:var(--instui-component-tray-border-width) solid var(--instui-component-tray-border-color);block-size:auto;max-block-size:none;max-inline-size:100%;padding:var(--instui-component-tray-padding);z-index:var(--instui-component-tray-z-index);box-shadow:var(--instui-elevation-topmost);position:fixed;inset-block:0;inset-inline-start:0}.instui-tray.-placement-end{inset-inline:auto 0}.instui-tray.-placement-top{block-size:auto;inline-size:100%;inset:0 0 auto}.instui-tray.-placement-bottom{block-size:auto;inline-size:100%;inset:auto 0 0}.instui-tray.-size-xs{inline-size:var(--instui-component-tray-width-xs)}.instui-tray.-size-sm{inline-size:var(--instui-component-tray-width-sm)}.instui-tray.-size-lg{inline-size:var(--instui-component-tray-width-lg)}.instui-tray.-size-xl{inline-size:var(--instui-component-tray-width-xl)}[popover].instui-tray{margin:0}dialog.instui-tray{padding:var(--instui-component-tray-padding);border:var(--instui-component-tray-border-width) solid var(--instui-component-tray-border-color);margin:0}@supports (transition-behavior:allow-discrete){[popover].instui-tray{transition:transform .2s ease, overlay .2s allow-discrete, display .2s allow-discrete;transform:translate(0)}[popover].instui-tray:not(:popover-open){transform:translate(-100%)}@starting-style{[popover].instui-tray:popover-open{transform:translate(-100%)}}[popover].instui-tray.-placement-end:not(:popover-open){transform:translate(100%)}@starting-style{[popover].instui-tray.-placement-end:popover-open{transform:translate(100%)}}[popover].instui-tray.-placement-top:not(:popover-open){transform:translateY(-100%)}@starting-style{[popover].instui-tray.-placement-top:popover-open{transform:translateY(-100%)}}[popover].instui-tray.-placement-bottom:not(:popover-open){transform:translateY(100%)}@starting-style{[popover].instui-tray.-placement-bottom:popover-open{transform:translateY(100%)}}}.instui-tray.-size-x-small{inline-size:var(--instui-component-tray-width-xs)}.instui-tray.-size-small{inline-size:var(--instui-component-tray-width-sm)}.instui-tray.-size-large{inline-size:var(--instui-component-tray-width-lg)}.instui-tray.-size-x-large{inline-size:var(--instui-component-tray-width-xl)}.instui-tooltip{display:inline-flex;position:relative}@scope(.instui-tooltip){:scope>[class*=-icon-]{line-height:1}:scope>.tip{z-index:1;padding:var(--instui-component-tooltip-padding);background:var(--instui-color-background-inverse);color:var(--instui-color-text-inverse);border-radius:var(--instui-border-radius-sm);font-family:var(--instui-component-tooltip-font-family);font-size:var(--instui-component-tooltip-font-size);font-weight:var(--instui-component-tooltip-font-weight);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;margin-block-end:var(--instui-spacing-space-xs);transition:opacity .15s;position:absolute;inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%)}}.instui-tooltip:hover>.tip,.instui-tooltip:focus-within>.tip{opacity:1;visibility:visible}.instui-tooltip>.tip.-placement-bottom{margin-block:var(--instui-spacing-space-xs) 0;inset-block:100% auto}.instui-tooltip>.tip.-placement-start{margin:0 var(--instui-spacing-space-xs) 0 0;inset-block-end:auto;inset-inline:auto 100%;top:50%;transform:translateY(-50%)}.instui-tooltip>.tip.-placement-end{margin:0 0 0 var(--instui-spacing-space-xs);inset-block-end:auto;inset-inline:100% auto;top:50%;transform:translateY(-50%)}.instui-range-input{-webkit-appearance:none;appearance:none;inline-size:100%;min-inline-size:var(--instui-component-range-input-min-width);block-size:var(--instui-component-range-input-handle-size);background:0 0}.instui-range-input::-webkit-slider-runnable-track{background:var(--instui-component-range-input-track-background);border:var(--instui-border-width-sm) solid var(--instui-component-range-input-track-border-color);border-radius:999px;block-size:.25rem}.instui-range-input::-moz-range-track{background:var(--instui-component-range-input-track-background);border:var(--instui-border-width-sm) solid var(--instui-component-range-input-track-border-color);border-radius:999px;block-size:.25rem}.instui-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--instui-component-range-input-handle-size);block-size:var(--instui-component-range-input-handle-size);background:var(--instui-component-range-input-handle-background);border:var(--instui-component-range-input-handle-border-size) solid var(--instui-component-range-input-handle-border-color);box-shadow:0 0 0 0 var(--instui-component-range-input-handle-shadow-color);cursor:pointer;border-radius:50%;margin-block-start:calc((.25rem - var(--instui-component-range-input-handle-size)) / 2)}.instui-range-input::-moz-range-thumb{inline-size:var(--instui-component-range-input-handle-size);block-size:var(--instui-component-range-input-handle-size);background:var(--instui-component-range-input-handle-background);border:var(--instui-component-range-input-handle-border-size) solid var(--instui-component-range-input-handle-border-color);box-shadow:0 0 0 0 var(--instui-component-range-input-handle-shadow-color);cursor:pointer;border-radius:50%}.instui-range-input:hover::-webkit-slider-thumb{background:var(--instui-component-range-input-handle-hover-background)}.instui-range-input:hover::-moz-range-thumb{background:var(--instui-component-range-input-handle-hover-background)}.instui-range-input:focus-visible{outline:none}.instui-range-input:focus-visible::-webkit-slider-thumb{background:var(--instui-component-range-input-handle-focus-background);box-shadow:0 0 0 var(--instui-component-range-input-handle-focus-outline-width) var(--instui-component-range-input-handle-focus-outline-color)}.instui-range-input:focus-visible::-moz-range-thumb{background:var(--instui-component-range-input-handle-focus-background);box-shadow:0 0 0 var(--instui-component-range-input-handle-focus-outline-width) var(--instui-component-range-input-handle-focus-outline-color)}.instui-range-input-value{background:var(--instui-color-background-inverse);color:var(--instui-color-text-inverse);border-radius:var(--instui-border-radius-md);padding:var(--instui-component-range-input-value-medium-padding);font-family:var(--instui-component-range-input-value-font-family);font-size:var(--instui-component-range-input-value-medium-font-size);font-weight:var(--instui-component-range-input-value-font-weight);align-self:center;align-items:center;margin-inline-start:.5rem;line-height:1;display:inline-flex;position:relative}.instui-range-input-value:before{content:"";border-block:.375rem solid #0000;border-inline-end:.375rem solid var(--instui-color-background-inverse);border-inline-start:0;position:absolute;inset-block-start:50%;inset-inline-start:-.375rem;transform:translateY(-50%)}.instui-range-input-value.-size-sm{padding:var(--instui-component-range-input-value-small-padding);font-size:var(--instui-component-range-input-value-small-font-size);line-height:var(--instui-component-range-input-value-small-line-height)}.instui-range-input-value.-size-lg{padding:var(--instui-component-range-input-value-large-padding);font-size:var(--instui-component-range-input-value-large-font-size);line-height:var(--instui-component-range-input-value-large-line-height)}.instui-range-input-value.-size-small{padding:var(--instui-component-range-input-value-small-padding);font-size:var(--instui-component-range-input-value-small-font-size);line-height:var(--instui-component-range-input-value-small-line-height)}.instui-range-input-value.-size-large{padding:var(--instui-component-range-input-value-large-padding);font-size:var(--instui-component-range-input-value-large-font-size);line-height:var(--instui-component-range-input-value-large-line-height)}.instui-mask{background:var(--instui-component-mask-background-color);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.instui-mask.-fullscreen{z-index:999;position:fixed}.instui-mask.-blur{backdrop-filter:blur(.5rem)}.instui-screen-reader-content{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-heading{font-family:var(--instui-component-heading-h1-font-family);color:var(--instui-component-heading-base-color);line-height:var(--instui-component-heading-line-height);font-size:var(--instui-component-heading-h1-font-size);font-weight:var(--instui-component-heading-h1-font-weight);margin:0;display:block}.instui-heading.-level-h1{font-size:var(--instui-component-heading-h1-font-size);font-weight:var(--instui-component-heading-h1-font-weight)}.instui-heading.-level-h2{font-size:var(--instui-component-heading-h2-font-size);font-weight:var(--instui-component-heading-h2-font-weight)}.instui-heading.-level-h3{font-size:var(--instui-component-heading-h3-font-size);font-weight:var(--instui-component-heading-h3-font-weight)}.instui-heading.-level-h4{font-size:var(--instui-component-heading-h4-font-size);font-weight:var(--instui-component-heading-h4-font-weight)}.instui-heading.-level-h5{font-size:var(--instui-component-heading-h5-font-size);font-weight:var(--instui-component-heading-h5-font-weight)}.instui-heading.-level-h6{font-size:var(--instui-component-heading-h6-font-size);font-weight:var(--instui-component-heading-h6-font-weight)}.instui-heading.-variant-title-page{font-size:var(--instui-component-heading-title-page-desktop-font-size);font-weight:var(--instui-component-heading-title-page-desktop-font-weight)}.instui-heading.-variant-title-section{font-size:var(--instui-component-heading-title-section-font-size);font-weight:var(--instui-component-heading-title-section-font-weight)}.instui-heading.-variant-title-card-section{font-size:var(--instui-component-heading-title-card-section-font-size);font-weight:var(--instui-component-heading-title-card-section-font-weight)}.instui-heading.-variant-title-card-regular{font-size:var(--instui-component-heading-title-card-regular-font-size);font-weight:var(--instui-component-heading-title-card-regular-font-weight)}.instui-heading.-variant-title-card-mini{font-size:var(--instui-component-heading-title-card-mini-font-size);font-weight:var(--instui-component-heading-title-card-mini-font-weight)}.instui-heading.-variant-label{font-size:var(--instui-component-heading-label-font-size);font-weight:var(--instui-component-heading-label-font-weight)}.instui-heading.-color-secondary{color:var(--instui-component-heading-muted-color)}.instui-heading.-color-primary-inverse{color:var(--instui-component-heading-inverse-color)}.instui-heading.-color-ai{background:linear-gradient(to bottom, var(--instui-component-heading-ai-text-top-gradient-color) 0%, var(--instui-component-heading-ai-text-bottom-gradient-color) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.instui-heading.-border-bottom{border-bottom:var(--instui-component-heading-border-width) solid var(--instui-component-heading-border-color);padding-bottom:var(--instui-component-heading-border-padding)}.instui-heading.-border-top{border-top:var(--instui-component-heading-border-width) solid var(--instui-component-heading-border-color);padding-top:var(--instui-component-heading-border-padding)}.instui-text{font-family:var(--instui-component-text-content-font-family);color:var(--instui-component-text-base-color);font-size:var(--instui-component-text-font-size-medium);font-weight:var(--instui-component-text-font-weight-normal);line-height:var(--instui-component-text-content-line-height)}.instui-text.-size-xs{font-size:var(--instui-component-text-font-size-x-small)}.instui-text.-size-sm{font-size:var(--instui-component-text-font-size-small)}.instui-text.-size-lg{font-size:var(--instui-component-text-font-size-large)}.instui-text.-size-xl{font-size:var(--instui-component-text-font-size-x-large)}.instui-text.-weight-bold{font-weight:var(--instui-component-text-font-weight-bold)}.instui-text.-style-italic{font-style:italic}.instui-text.-color-secondary{color:var(--instui-component-text-muted-color)}.instui-text.-color-brand{color:var(--instui-component-text-primary-color)}.instui-text.-color-success{color:var(--instui-component-text-success-color)}.instui-text.-color-danger{color:var(--instui-component-text-error-color)}.instui-text.-color-warning{color:var(--instui-component-text-warning-color)}.instui-text.-color-primary-inverse{color:var(--instui-component-text-inverse-color)}.instui-text.-color-ai{color:var(--instui-component-text-ai-color);background:var(--instui-component-text-ai-background-color)}.instui-text.-variant-description-page{font-size:var(--instui-component-text-description-page-font-size);line-height:var(--instui-component-text-description-page-line-height)}.instui-text.-variant-description-section{font-size:var(--instui-component-text-description-section-font-size);line-height:var(--instui-component-text-description-section-line-height)}.instui-text.-variant-content-small{font-size:var(--instui-component-text-content-small-font-size);line-height:var(--instui-component-text-content-small-line-height)}.instui-text.-variant-legend{font-size:var(--instui-component-text-legend-font-size);line-height:var(--instui-component-text-legend-line-height)}.instui-text.-transform-uppercase{text-transform:uppercase}.instui-text.-transform-lowercase{text-transform:lowercase}.instui-text.-transform-capitalize{text-transform:capitalize}.instui-text.-size-x-small{font-size:var(--instui-component-text-font-size-x-small)}.instui-text.-size-small{font-size:var(--instui-component-text-font-size-small)}.instui-text.-size-large{font-size:var(--instui-component-text-font-size-large)}.instui-text.-size-x-large{font-size:var(--instui-component-text-font-size-x-large)}.instui-close-button{aspect-ratio:1;min-height:var(--instui-component-base-button-medium-height);padding:var(--instui-spacing-space-xs);border-radius:var(--instui-component-base-button-border-radius);color:var(--instui-color-text-interactive-action-secondary-base);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.instui-close-button:before{content:"";block-size:1em;inline-size:1em;-webkit-mask:var(--instui-icon-x) center / contain no-repeat;mask:var(--instui-icon-x) center / contain no-repeat;background:currentColor}.instui-close-button:hover{background:var(--instui-color-background-interactive-action-tertiary-hover)}.instui-close-button:active{background:var(--instui-color-background-interactive-action-tertiary-active)}.instui-close-button.-size-sm{min-height:var(--instui-component-base-button-small-height)}.instui-close-button.-size-lg{min-height:var(--instui-component-base-button-large-height)}.instui-close-button.-color-inverse{color:var(--instui-component-base-button-primary-inverse-ghost-color)}.instui-close-button.-size-small{min-height:var(--instui-component-base-button-small-height)}.instui-close-button.-size-large{min-height:var(--instui-component-base-button-large-height)}.instui-form-field{gap:var(--instui-component-form-field-layout-gap-inputs);color:var(--instui-component-form-field-layout-text-color);font-family:var(--instui-component-form-field-layout-font-family);grid-template-columns:1fr;grid-template-areas:"label""controls""messages";display:grid}@scope(.instui-form-field){:scope>.label{color:var(--instui-component-form-field-layout-text-color);font-family:var(--instui-component-form-field-layout-font-family);font-weight:var(--instui-component-form-field-layout-font-weight);font-size:var(--instui-component-form-field-layout-font-size);line-height:var(--instui-component-form-field-layout-line-height);grid-area:label}:scope>.controls{grid-area:controls}}.instui-form-field>.instui-form-field-messages{grid-area:messages}.instui-form-field .instui-form-field-message.-type-error,.instui-form-field .instui-form-field-message.-type-new-error{display:none}.instui-form-field:has(:user-invalid) .instui-form-field-message.-type-error,.instui-form-field:has(:user-invalid) .instui-form-field-message.-type-new-error,.instui-form-field.-invalid .instui-form-field-message.-type-error,.instui-form-field.-invalid .instui-form-field-message.-type-new-error{display:inline-flex}.instui-form-field:is(.-required,:has(:required)) .label:after{content:"*";color:var(--instui-component-form-field-layout-asterisk-color);margin-inline-start:.25rem}.instui-form-field.-readonly .label{color:var(--instui-component-form-field-layout-readonly-text-color)}.instui-form-field.-layout-stacked{grid-template-columns:1fr;grid-template-areas:"label""controls""messages"}.instui-form-field.-layout-inline{align-items:center;column-gap:var(--instui-component-form-field-layout-gap-primitives);grid-template-columns:auto 1fr;grid-template-areas:"label controls"".messages"}.instui-form-field.-layout-inline.-v-align-top{align-items:start}.instui-form-field.-layout-inline.-v-align-bottom{align-items:end}.instui-form-field.-layout-inline.-label-align-start .label{text-align:start}.instui-form-field.-layout-inline.-label-align-end .label{text-align:end}.instui-form-field.-inline{inline-size:auto;display:inline-grid}.instui-form-field-group{gap:var(--instui-component-form-field-layout-gap-inputs);border:0;grid-template-columns:1fr;min-inline-size:0;margin:0;padding:0;display:grid}.instui-form-field-group>legend{color:var(--instui-component-form-field-layout-text-color);font-family:var(--instui-component-form-field-layout-font-family);font-weight:var(--instui-component-form-field-layout-font-weight);font-size:var(--instui-component-form-field-layout-font-size);line-height:var(--instui-component-form-field-layout-line-height);grid-column:1/-1;margin-block-end:var(--instui-component-form-field-layout-gap-primitives);padding:0}.instui-form-field-group.-required>legend:after{content:"*";color:var(--instui-component-form-field-layout-asterisk-color);margin-inline-start:.25rem}.instui-form-field-group.-layout-columns,.instui-form-field-group.-layout-inline{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.instui-form-field-group.-row-spacing-none{row-gap:0}.instui-form-field-group.-row-spacing-small{row-gap:var(--instui-spacing-space-sm)}.instui-form-field-group.-row-spacing-medium{row-gap:var(--instui-spacing-space-md)}.instui-form-field-group.-row-spacing-large{row-gap:var(--instui-spacing-space-lg)}.instui-form-field-group.-col-spacing-none{column-gap:0}.instui-form-field-group.-col-spacing-small{column-gap:var(--instui-spacing-space-sm)}.instui-form-field-group.-col-spacing-medium{column-gap:var(--instui-spacing-space-md)}.instui-form-field-group.-col-spacing-large{column-gap:var(--instui-spacing-space-lg)}.instui-form-field-group.-v-align-top{align-items:start}.instui-form-field-group.-v-align-middle{align-items:center}.instui-form-field-group.-v-align-bottom{align-items:end}@supports (grid-template-columns:subgrid){.instui-form-field-group.-layout-aligned{grid-template-columns:auto 1fr;align-items:center}.instui-form-field-group.-layout-aligned>.instui-form-field{grid-column:1/-1;grid-template-columns:subgrid;grid-template-areas:"label controls"".messages";align-items:center;display:grid}}.instui-radio-input-group{gap:var(--instui-component-form-field-layout-gap-inputs);border:0;flex-direction:column;min-inline-size:0;margin:0;padding:0;display:flex}.instui-radio-input-group>legend{color:var(--instui-component-form-field-layout-text-color);font-family:var(--instui-component-form-field-layout-font-family);font-weight:var(--instui-component-form-field-layout-font-weight);font-size:var(--instui-component-form-field-layout-font-size);line-height:var(--instui-component-form-field-layout-line-height);margin-block-end:var(--instui-component-form-field-layout-gap-primitives);padding:0}.instui-radio-input-group.-required>legend:after{content:"*";color:var(--instui-component-form-field-layout-asterisk-color);margin-inline-start:.25rem}.instui-radio-input-group.-layout-columns,.instui-radio-input-group.-layout-inline{align-items:center;column-gap:var(--instui-spacing-space-md);flex-flow:wrap}.instui-radio-input-group.-layout-columns>legend,.instui-radio-input-group.-layout-inline>legend{flex-basis:100%}.instui-radio-input-group.-variant-toggle{flex-flow:wrap;align-items:center;gap:0}.instui-radio-input-group.-variant-toggle>legend{flex-basis:100%}.instui-radio-input-group.-variant-toggle>.instui-radio:has(input:focus-visible){z-index:1}.instui-form-field-messages{gap:var(--instui-component-form-field-layout-gap-primitives);flex-direction:column;display:flex}.instui-form-field-message{font-family:var(--instui-component-form-field-message-font-family);font-size:var(--instui-component-form-field-message-font-size);font-weight:var(--instui-component-form-field-message-font-weight);line-height:var(--instui-component-form-field-message-line-height);color:var(--instui-component-form-field-message-hint-text-color);align-items:center;gap:.25rem;display:inline-flex}.instui-form-field-message.-type-hint{color:var(--instui-component-form-field-message-hint-text-color)}.instui-form-field-message.-type-error{color:var(--instui-component-form-field-message-error-text-color)}.instui-form-field-message.-type-success{color:var(--instui-component-form-field-message-success-text-color)}.instui-form-field-message.-type-error:before,.instui-form-field-message.-type-success:before{content:"";background:currentColor;flex:none;block-size:1em;inline-size:1em}.instui-form-field-message.-type-error:before{-webkit-mask:var(--instui-icon-circle-alert) center / contain no-repeat;mask:var(--instui-icon-circle-alert) center / contain no-repeat}.instui-form-field-message.-type-success:before{-webkit-mask:var(--instui-icon-circle-check) center / contain no-repeat;mask:var(--instui-icon-circle-check) center / contain no-repeat}.instui-form-field-message.-type-screenreader-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-form-field-message.-type-new-error{color:var(--instui-component-form-field-message-error-text-color)}.instui-form-field-message.-type-new-error:before,.instui-form-field-message.-type-success:before{content:"";background:currentColor;flex:none;block-size:1em;inline-size:1em}.instui-form-field-message.-type-new-error:before{-webkit-mask:var(--instui-icon-circle-alert) center / contain no-repeat;mask:var(--instui-icon-circle-alert) center / contain no-repeat}.instui-text-input{box-sizing:border-box;inline-size:100%;font-family:var(--instui-component-text-input-font-family);font-weight:var(--instui-component-text-input-font-weight);color:var(--instui-component-text-input-text-color);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);display:block}.instui-text-input::placeholder{color:var(--instui-component-text-input-placeholder-color)}.instui-text-input:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}.instui-text-input:hover::placeholder{color:var(--instui-component-text-input-placeholder-hover-color)}.instui-text-input:disabled,.instui-text-input.-disabled{background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}.instui-text-input.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}.instui-text-input.-invalid{border-color:var(--instui-component-text-input-error-border-color)}.instui-text-input.-success{border-color:var(--instui-component-text-input-success-border-color)}.instui-text-input:is(.-invalid,:user-invalid):focus-visible{outline-color:var(--instui-focus-outline-color-danger)}.instui-text-input.-success:focus-visible{outline-color:var(--instui-focus-outline-color-success)}.instui-text-input{block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);font-size:var(--instui-component-text-input-font-size-md)}.instui-text-input.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-text-input.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-text-input.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-text-input.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-text-area{box-sizing:border-box;inline-size:100%;font-family:var(--instui-component-text-area-font-family);font-weight:var(--instui-component-text-area-font-weight);color:var(--instui-component-text-area-text-color);background-color:var(--instui-component-text-area-background-color);border:var(--instui-component-text-area-border-width) solid var(--instui-component-text-area-border-color);border-radius:var(--instui-component-text-area-border-radius);display:block}.instui-text-area::placeholder{color:var(--instui-component-text-area-placeholder-color)}.instui-text-area:hover{background-color:var(--instui-component-text-area-background-hover-color);border-color:var(--instui-component-text-area-border-hover-color)}.instui-text-area:hover::placeholder{color:var(--instui-component-text-area-placeholder-hover-color)}.instui-text-area:disabled,.instui-text-area.-disabled{background-color:var(--instui-component-text-area-background-disabled-color);border-color:var(--instui-component-text-area-border-disabled-color);color:var(--instui-component-text-area-text-disabled-color);cursor:not-allowed}.instui-text-area.-readonly{background-color:var(--instui-component-text-area-background-readonly-color);border-color:var(--instui-component-text-area-border-readonly-color);color:var(--instui-component-text-area-text-readonly-color)}.instui-text-area.-invalid{border-color:var(--instui-component-text-area-error-border-color)}.instui-text-area.-success{border-color:var(--instui-component-text-area-success-border-color)}.instui-text-area:is(.-invalid,:user-invalid):focus-visible{outline-color:var(--instui-focus-outline-color-danger)}.instui-text-area.-success:focus-visible{outline-color:var(--instui-focus-outline-color-success)}.instui-text-area{padding:var(--instui-component-text-area-padding);font-size:var(--instui-component-text-area-font-size-md);resize:vertical;min-block-size:4rem;line-height:1.5}.instui-text-area.-size-sm{font-size:var(--instui-component-text-area-font-size-sm)}.instui-text-area.-size-lg{font-size:var(--instui-component-text-area-font-size-lg)}.instui-text-area.-size-small{font-size:var(--instui-component-text-area-font-size-sm)}.instui-text-area.-size-large{font-size:var(--instui-component-text-area-font-size-lg)}.instui-simple-select{box-sizing:border-box;inline-size:100%;font-family:var(--instui-component-text-input-font-family);font-weight:var(--instui-component-text-input-font-weight);color:var(--instui-component-text-input-text-color);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);display:block}.instui-simple-select::placeholder{color:var(--instui-component-text-input-placeholder-color)}.instui-simple-select:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}.instui-simple-select:hover::placeholder{color:var(--instui-component-text-input-placeholder-hover-color)}.instui-simple-select:disabled,.instui-simple-select.-disabled{background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}.instui-simple-select.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}.instui-simple-select.-invalid{border-color:var(--instui-component-text-input-error-border-color)}.instui-simple-select.-success{border-color:var(--instui-component-text-input-success-border-color)}.instui-simple-select:is(.-invalid,:user-invalid):focus-visible{outline-color:var(--instui-focus-outline-color-danger)}.instui-simple-select.-success:focus-visible{outline-color:var(--instui-focus-outline-color-success)}.instui-simple-select{block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);font-size:var(--instui-component-text-input-font-size-md);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a7883' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--instui-component-text-input-padding-horizontal-md) center;background-size:1em;padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-md) + 1.5rem)}.instui-simple-select.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-sm) + 1.5rem)}.instui-simple-select.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-lg) + 1.5rem)}.instui-simple-select.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-sm) + 1.5rem)}.instui-simple-select.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-lg) + 1.5rem)}.instui-input-group{box-sizing:border-box;inline-size:100%;block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);align-items:center;gap:var(--instui-component-text-input-gap-content);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);color:var(--instui-component-text-input-text-color);font-family:var(--instui-component-text-input-font-family);font-size:var(--instui-component-text-input-font-size-md);display:flex}.instui-input-group:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}.instui-input-group>input,.instui-input-group .instui-text-input{block-size:auto;min-inline-size:0;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.instui-input-group>input::placeholder{color:var(--instui-component-text-input-placeholder-color)}.instui-input-group .before,.instui-input-group .after{color:var(--instui-component-text-input-text-color);flex:none;align-items:center;display:inline-flex}.instui-input-group.-disabled,.instui-input-group:has(>input:disabled){background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}.instui-input-group.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}.instui-input-group.-invalid{border-color:var(--instui-component-text-input-error-border-color)}.instui-input-group.-success{border-color:var(--instui-component-text-input-success-border-color)}.instui-input-group:has(:focus-visible){outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset);border-radius:var(--instui-focus-outline-radius)}.instui-input-group:is(.-invalid,:has(>input:user-invalid)):has(:focus-visible){outline-color:var(--instui-focus-outline-color-danger)}.instui-input-group.-success:has(:focus-visible){outline-color:var(--instui-focus-outline-color-success)}.instui-input-group.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-input-group.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-input-group.-should-not-wrap{flex-wrap:nowrap}.instui-input-group.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-input-group.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-number-input{box-sizing:border-box;inline-size:100%;block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);align-items:center;gap:var(--instui-component-text-input-gap-content);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);color:var(--instui-component-text-input-text-color);font-family:var(--instui-component-text-input-font-family);font-size:var(--instui-component-text-input-font-size-md);display:flex}.instui-number-input:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}.instui-number-input>input,.instui-number-input .instui-text-input{block-size:auto;min-inline-size:0;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.instui-number-input>input::placeholder{color:var(--instui-component-text-input-placeholder-color)}.instui-number-input .before,.instui-number-input .after{color:var(--instui-component-text-input-text-color);flex:none;align-items:center;display:inline-flex}.instui-number-input.-disabled,.instui-number-input:has(>input:disabled){background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}.instui-number-input.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}.instui-number-input.-invalid{border-color:var(--instui-component-text-input-error-border-color)}.instui-number-input.-success{border-color:var(--instui-component-text-input-success-border-color)}.instui-number-input:has(:focus-visible){outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset);border-radius:var(--instui-focus-outline-radius)}.instui-number-input:is(.-invalid,:has(>input:user-invalid)):has(:focus-visible){outline-color:var(--instui-focus-outline-color-danger)}.instui-number-input.-success:has(:focus-visible){outline-color:var(--instui-focus-outline-color-success)}.instui-number-input.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-number-input.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-number-input{padding-inline-end:0;overflow:hidden}.instui-number-input>input::-webkit-outer-spin-button,.instui-number-input>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.instui-number-input>input[type=number]{-moz-appearance:textfield;appearance:textfield}.instui-number-input .arrows{border-inline-start:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);flex-direction:column;flex:none;align-self:stretch;inline-size:1.5rem;display:flex}.instui-number-input .arrows button{background:var(--instui-component-text-input-arrows-background-color);color:var(--instui-color-icon-interactive-action-secondary-base);cursor:pointer;border:0;flex:1;justify-content:center;align-items:center;padding:0;display:flex}.instui-number-input .arrows button+button{border-block-start:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color)}.instui-number-input .arrows button:hover{background:var(--instui-component-text-input-arrows-background-hover-color)}.instui-number-input .arrows button:active{background:var(--instui-component-text-input-arrows-background-active-color)}.instui-number-input .arrows button:disabled{background:var(--instui-component-text-input-arrows-background-disabled-color);cursor:not-allowed}.instui-number-input .arrows button:before{content:"";block-size:.875em;inline-size:.875em;-webkit-mask:var(--instui-icon-chevron-up) center / contain no-repeat;mask:var(--instui-icon-chevron-up) center / contain no-repeat;background:currentColor}.instui-number-input .arrows button.down:before{-webkit-mask:var(--instui-icon-chevron-down) center / contain no-repeat;mask:var(--instui-icon-chevron-down) center / contain no-repeat}.instui-number-input.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-number-input.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-in-place-edit{min-inline-size:2rem;padding:var(--instui-spacing-space2xs) var(--instui-spacing-space-xs);border:var(--instui-component-text-input-border-width) solid transparent;border-radius:var(--instui-component-text-input-border-radius);color:var(--instui-color-text-base);font:inherit;cursor:text;display:inline-block}.instui-in-place-edit:hover{background:var(--instui-color-background-muted)}.instui-in-place-edit:focus{background:var(--instui-component-text-input-background-color);border-color:var(--instui-component-text-input-border-color);outline:none}.instui-in-place-edit:focus-visible{outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset)}.instui-in-place-edit.-readonly{cursor:default}.instui-in-place-edit.-readonly:hover{background:0 0}
package/dist/index.d.mts CHANGED
@@ -1,3 +1,5 @@
1
+ import { ELEVATION_NAMES, FOCUSABLE_SELECTOR, elevationDeclarations, focusOutlineDeclarations, focusOutlineRules } from "@pantoken/utils";
2
+
1
3
  //#region src/lib/helpers.d.ts
2
4
  /**
3
5
  * Shared primitives for the component builders: the class-prefix namespace helper, the standalone-sheet
@@ -42,18 +44,6 @@ interface ProseOptions {
42
44
  declare function proseCss(options?: ProseOptions): string;
43
45
  //#endregion
44
46
  //#region src/declarations/elevation.d.ts
45
- /**
46
- * Every elevation level and alias emitted as `--instui-elevation-<name>` (`resting`, `above`,
47
- * `topmost`, `depth1`–`depth3`, `card`, `cardHover`). Derived from the geometry + alias maps.
48
- */
49
- declare const ELEVATION_NAMES: readonly string[];
50
- /**
51
- * The `--instui-elevation-*` name/value pairs (each a multi-layer `box-shadow`). Values reference the
52
- * themed drop-shadow colour tokens, so they adapt per theme wherever a token sheet is loaded.
53
- *
54
- * @returns One `[customProperty, value]` pair per level and alias.
55
- */
56
- declare function elevationDeclarations(): [name: string, value: string][];
57
47
  /**
58
48
  * Build the elevation token block: `<selector> { --instui-elevation-*: … }`. Shipped inside
59
49
  * `components.css` (so shadows are intrinsic — no plugin, no extra import), and reusable by other
@@ -76,24 +66,6 @@ declare function elevationCss(options?: {
76
66
  }): string;
77
67
  //#endregion
78
68
  //#region src/declarations/focus.d.ts
79
- /** The elements the ring applies to by default (the common interactive/focusable elements). */
80
- declare const FOCUSABLE_SELECTOR = "a, button, input, select, textarea, summary, [tabindex]";
81
- /**
82
- * The `--instui-focus-outline-*` name/value pairs the ring rules read. Colour/width/offset reference
83
- * the themed shared focus tokens; the transition, line style, and inset are constants.
84
- *
85
- * @returns One `[customProperty, value]` pair per focus-ring variable.
86
- */
87
- declare function focusOutlineDeclarations(): [name: string, value: string][];
88
- /**
89
- * The focus-ring rules for a given focusable selector: a transparent resting ring that transitions in
90
- * on `:focus-visible`, plus the `-focus-color-*` / `-focus-position-inset` / `-focus-within` /
91
- * `-without-focus-animation` modifiers. All `:where()`-wrapped, so zero-specificity.
92
- *
93
- * @param selector - The focusable selector the base ring applies to (default {@link FOCUSABLE_SELECTOR}).
94
- * @returns The CSS rules string.
95
- */
96
- declare function focusOutlineRules(selector?: string): string;
97
69
  /**
98
70
  * Build the focus-outline block: the `--instui-focus-outline-*` token defs plus the ring rules.
99
71
  * Baked into `base.css` (so focusables get the ring out of the box), and reusable by other layered
@@ -340,19 +312,22 @@ declare function iconGlyphsCss(names: readonly string[], options?: IconGlyphsOpt
340
312
  //#region src/index.d.ts
341
313
  /**
342
314
  * Build the opt-in base/reset stylesheet: global document defaults from the tokens (box-sizing, body
343
- * reset, page surface, base text colour/font, `color-scheme`, base link), followed by the focus ring
344
- * (a document-level default that targets bare focusables). Load it once, ahead of the component and
345
- * prose sheets, when pantoken owns the page.
315
+ * reset, page surface, base text colour/font, `color-scheme`, base link), followed by the focus-ring
316
+ * rules (a document-level default that targets bare focusables). Only the ring *rules* live here — the
317
+ * `--instui-focus-outline-*` custom properties they read ship in the token sheet (`@pantoken/css`), so
318
+ * `base.css` no longer redefines them. Load it once, ahead of the component and prose sheets, when
319
+ * pantoken owns the page.
346
320
  *
347
321
  * @returns The CSS string.
348
322
  */
349
323
  declare function baseCss(): string;
350
324
  /**
351
- * Build the aggregated component stylesheet: the `--instui-elevation-*` scale (so shadows are intrinsic)
352
- * followed by every component's rules in the `COMPONENTS` concat order. The size-alias and
353
- * deprecated-alias twins are appended PER COMPONENT (within its own chunk) so each alias documents on
354
- * its own page — the deprecated aliases are discovered from each record's `@deprecated {@link -x}`
355
- * metadata (see `withAliases`), not a central hand-kept list.
325
+ * Build the aggregated component stylesheet: every component's rules in the `COMPONENTS` concat order.
326
+ * The size-alias and deprecated-alias twins are appended PER COMPONENT (within its own chunk) so each
327
+ * alias documents on its own page — the deprecated aliases are discovered from each record's
328
+ * `@deprecated {@link -x}` metadata (see `withAliases`), not a central hand-kept list. The
329
+ * `--instui-elevation-*` shadow scale the components reference is defined in the token sheet
330
+ * (`@pantoken/css`), so it's no longer inlined here.
356
331
  *
357
332
  * @param options - {@link ComponentOptions}.
358
333
  * @returns The CSS string.
package/dist/index.mjs CHANGED
@@ -1,4 +1,5 @@
1
1
  import { alpha, darken } from "@pantoken/plugin-colors";
2
+ import { ELEVATION_NAMES, FOCUSABLE_SELECTOR, elevationDeclarations, elevationDeclarations as elevationDeclarations$1, focusOutlineDeclarations, focusOutlineDeclarations as focusOutlineDeclarations$1, focusOutlineRules, focusOutlineRules as focusOutlineRules$1 } from "@pantoken/utils";
2
3
  //#region src/lib/aliases.ts
3
4
  /** `@modifier -alias — @deprecated {@link -canonical}` (em-dash or hyphen separator; optional leading dot). */
4
5
  const DEPRECATED_ALIAS = /@modifier\s+(-[\w-]+)\s+[—-]\s+@deprecated\s+\{@link\s+\.?(-[\w-]+)\s*\}/gu;
@@ -1556,86 +1557,6 @@ const COMPONENTS = [
1556
1557
  inPlaceEdit
1557
1558
  ];
1558
1559
  //#endregion
1559
- //#region src/declarations/elevation.ts
1560
- /**
1561
- * The `--instui-elevation-*` shadow scale — the one documented `@declaration` record whose CSS is a
1562
- * token block on `:root` (no modifier classes). `componentsCss()` leads its sheet with `elevationCss()`
1563
- * so the shadows components reference (modal, alert, menu) resolve from `components.css` alone, and the
1564
- * leading {@link ELEVATION_DOC} block flows into lint + the CSS-API pages. Like {@link focus} it can't
1565
- * use `defineDeclaration`, so it exposes the bespoke {@link elevationCss} builder plus a
1566
- * {@link Definition}-shaped {@link elevation} object for the registry + `validate()`.
1567
- *
1568
- * @module
1569
- */
1570
- /** Per-level geometry (`offset-x offset-y blur`) for the [tighter, wider] shadow layers. */
1571
- const ELEVATION_GEOMETRY = {
1572
- resting: ["0 0.0625rem 0.125rem", "0 0.0625rem 0.1875rem"],
1573
- above: ["0 0.1875rem 0.375rem", "0 0.1875rem 0.375rem"],
1574
- topmost: ["0 0.375rem 0.4375rem", "0 0.625rem 1.75rem"]
1575
- };
1576
- /** Aliases InstUI ships alongside the primary level names. */
1577
- const ELEVATION_ALIASES = {
1578
- depth1: "resting",
1579
- depth2: "above",
1580
- depth3: "topmost",
1581
- card: "resting",
1582
- cardHover: "topmost"
1583
- };
1584
- /**
1585
- * Every elevation level and alias emitted as `--instui-elevation-<name>` (`resting`, `above`,
1586
- * `topmost`, `depth1`–`depth3`, `card`, `cardHover`). Derived from the geometry + alias maps.
1587
- */
1588
- const ELEVATION_NAMES = [...Object.keys(ELEVATION_GEOMETRY), ...Object.keys(ELEVATION_ALIASES)];
1589
- /** The elevation declaration's cssdoc doc comment (authored inline; the CSS body follows in {@link elevationCss}). */
1590
- const ELEVATION_DOC = css`/**
1591
- * @declaration elevation
1592
- * @summary The \`--instui-elevation-*\` shadow scale: multi-layer \`box-shadow\` custom properties (\`resting\`, \`above\`, \`topmost\`, plus the \`depth1\`–\`depth3\`, \`card\`, and \`cardHover\` aliases) declared on \`:root\` and themed via the drop-shadow colour tokens, so shadows adapt per theme wherever a token sheet is loaded.
1593
- * @cssproperty --instui-elevation-resting — The resting (lowest) elevation shadow.
1594
- * @cssproperty --instui-elevation-above — The raised elevation shadow.
1595
- * @cssproperty --instui-elevation-topmost — The highest elevation shadow, for modals and menus.
1596
- * @cssproperty --instui-elevation-depth1 — Alias of \`resting\`.
1597
- * @cssproperty --instui-elevation-depth2 — Alias of \`above\`.
1598
- * @cssproperty --instui-elevation-depth3 — Alias of \`topmost\`.
1599
- * @cssproperty --instui-elevation-card — Alias of \`resting\`, for card surfaces.
1600
- * @cssproperty --instui-elevation-cardHover — Alias of \`topmost\`, for hovered cards.
1601
- * @related view — The View primitive's \`-shadow-*\` modifiers read these shadows.
1602
- * @demo self:elevation
1603
- */`;
1604
- const ELEVATION_COLOR_STRONG = "var(--instui-color-drop-shadow-shadow-color1)";
1605
- const ELEVATION_COLOR_SOFT = "var(--instui-color-drop-shadow-shadow-color2)";
1606
- const elevationShadow = ([tight, wide]) => `${tight} ${ELEVATION_COLOR_SOFT}, ${wide} ${ELEVATION_COLOR_STRONG}`;
1607
- /**
1608
- * The `--instui-elevation-*` name/value pairs (each a multi-layer `box-shadow`). Values reference the
1609
- * themed drop-shadow colour tokens, so they adapt per theme wherever a token sheet is loaded.
1610
- *
1611
- * @returns One `[customProperty, value]` pair per level and alias.
1612
- */
1613
- function elevationDeclarations() {
1614
- return [...Object.entries(ELEVATION_GEOMETRY), ...Object.entries(ELEVATION_ALIASES).map(([alias, base]) => [alias, ELEVATION_GEOMETRY[base]])].map(([name, geo]) => [`--instui-elevation-${name}`, elevationShadow(geo)]);
1615
- }
1616
- /**
1617
- * Build the elevation token block: `<selector> { --instui-elevation-*: … }`. Shipped inside
1618
- * `components.css` (so shadows are intrinsic — no plugin, no extra import), and reusable by other
1619
- * layered outputs (e.g. the Pendo renderer) via the `selector` option.
1620
- *
1621
- * @param options - `selector` — the rule selector (default `:root`).
1622
- * @returns The CSS string.
1623
- *
1624
- * @example
1625
- * ```ts
1626
- * import { elevationCss } from "@pantoken/components";
1627
- *
1628
- * elevationCss(); // ":root { --instui-elevation-resting: …; --instui-elevation-above: …; … }"
1629
- * ```
1630
- *
1631
- * @demo self:elevation
1632
- */
1633
- function elevationCss(options = {}) {
1634
- const selector = options.selector ?? ":root";
1635
- const body = elevationDeclarations().map(([name, value]) => ` ${name}: ${value};`).join("\n");
1636
- return css`${ELEVATION_DOC}\n${selector} {\n${body}\n}\n`;
1637
- }
1638
- //#endregion
1639
1560
  //#region src/rules/base.ts
1640
1561
  const base = defineRule({
1641
1562
  name: "base",
@@ -1684,62 +1605,6 @@ const FOCUS_DOC = css`/**
1684
1605
  * <button class="instui-button -focus-color-danger">Delete</button>
1685
1606
  * @demo self:focus-outline
1686
1607
  */`;
1687
- /** The elements the ring applies to by default (the common interactive/focusable elements). */
1688
- const FOCUSABLE_SELECTOR = "a, button, input, select, textarea, summary, [tabindex]";
1689
- const focusShared = (name) => `var(--instui-component-shared-tokens-focus-outline-${name})`;
1690
- /**
1691
- * The `--instui-focus-outline-*` name/value pairs the ring rules read. Colour/width/offset reference
1692
- * the themed shared focus tokens; the transition, line style, and inset are constants.
1693
- *
1694
- * @returns One `[customProperty, value]` pair per focus-ring variable.
1695
- */
1696
- function focusOutlineDeclarations() {
1697
- return [
1698
- ["--instui-focus-outline-color", focusShared("info-color")],
1699
- ["--instui-focus-outline-color-start", "transparent"],
1700
- ["--instui-focus-outline-width", focusShared("width")],
1701
- ["--instui-focus-outline-offset", focusShared("offset")],
1702
- ["--instui-focus-outline-radius", "var(--instui-border-radius-md)"],
1703
- ["--instui-focus-outline-style", "solid"],
1704
- ["--instui-focus-outline-transition", "outline-color 0.2s, outline-offset 0.25s"],
1705
- ["--instui-focus-outline-color-success", focusShared("success-color")],
1706
- ["--instui-focus-outline-color-danger", focusShared("danger-color")],
1707
- ["--instui-focus-outline-color-inverse", focusShared("on-color")],
1708
- ["--instui-focus-outline-inset", "0rem"]
1709
- ];
1710
- }
1711
- /**
1712
- * The focus-ring rules for a given focusable selector: a transparent resting ring that transitions in
1713
- * on `:focus-visible`, plus the `-focus-color-*` / `-focus-position-inset` / `-focus-within` /
1714
- * `-without-focus-animation` modifiers. All `:where()`-wrapped, so zero-specificity.
1715
- *
1716
- * @param selector - The focusable selector the base ring applies to (default {@link FOCUSABLE_SELECTOR}).
1717
- * @returns The CSS rules string.
1718
- */
1719
- function focusOutlineRules(selector = FOCUSABLE_SELECTOR) {
1720
- return [
1721
- `:where(${selector}) {`,
1722
- ` outline: var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color-start);`,
1723
- ` outline-offset: 0;`,
1724
- ` transition: var(--instui-focus-outline-transition);`,
1725
- `}`,
1726
- `:where(${selector}):where(:focus-visible) {`,
1727
- ` outline-color: var(--instui-focus-outline-color);`,
1728
- ` outline-offset: var(--instui-focus-outline-offset);`,
1729
- ` border-radius: var(--instui-focus-outline-radius);`,
1730
- `}`,
1731
- `:where(.-focus-color-success):where(:focus-visible) { outline-color: var(--instui-focus-outline-color-success); }`,
1732
- `:where(.-focus-color-danger):where(:focus-visible) { outline-color: var(--instui-focus-outline-color-danger); }`,
1733
- `:where(.-focus-color-inverse):where(:focus-visible) { outline-color: var(--instui-focus-outline-color-inverse); }`,
1734
- `:where(.-focus-position-inset):where(:focus-visible) { outline-offset: var(--instui-focus-outline-inset); }`,
1735
- `:where(.-focus-within):where(:focus-within) {`,
1736
- ` outline-color: var(--instui-focus-outline-color);`,
1737
- ` outline-offset: var(--instui-focus-outline-offset);`,
1738
- ` border-radius: var(--instui-focus-outline-radius);`,
1739
- `}`,
1740
- `:where(.-without-focus-animation) { transition: none; }`
1741
- ].join("\n");
1742
- }
1743
1608
  /**
1744
1609
  * Build the focus-outline block: the `--instui-focus-outline-*` token defs plus the ring rules.
1745
1610
  * Baked into `base.css` (so focusables get the ring out of the box), and reusable by other layered
@@ -1753,8 +1618,8 @@ function focusOutlineRules(selector = FOCUSABLE_SELECTOR) {
1753
1618
  */
1754
1619
  function focusOutlineCss(options = {}) {
1755
1620
  const tokenSelector = options.tokenSelector ?? ":where(:root)";
1756
- const decls = focusOutlineDeclarations().map(([name, value]) => ` ${name}: ${value};`).join("\n");
1757
- return css`${FOCUS_DOC}\n${tokenSelector} {\n${decls}\n}\n\n${focusOutlineRules(options.selector)}\n`;
1621
+ const decls = focusOutlineDeclarations$1().map(([name, value]) => ` ${name}: ${value};`).join("\n");
1622
+ return css`${FOCUS_DOC}\n${tokenSelector} {\n${decls}\n}\n\n${focusOutlineRules$1(options.selector)}\n`;
1758
1623
  }
1759
1624
  //#endregion
1760
1625
  //#region src/rules/prose.ts
@@ -1902,6 +1767,55 @@ function proseCss(options = {}) {
1902
1767
  return `/* InstUI-look prose styles (@pantoken/components) — scope: ${scope} */\n${PROSE_DOC}\n${proseBody(scope).trim()}\n`;
1903
1768
  }
1904
1769
  //#endregion
1770
+ //#region src/declarations/elevation.ts
1771
+ /**
1772
+ * The `--instui-elevation-*` shadow scale — the one documented `@declaration` record whose CSS is a
1773
+ * token block on `:root` (no modifier classes). `componentsCss()` leads its sheet with `elevationCss()`
1774
+ * so the shadows components reference (modal, alert, menu) resolve from `components.css` alone, and the
1775
+ * leading {@link ELEVATION_DOC} block flows into lint + the CSS-API pages. Like {@link focus} it can't
1776
+ * use `defineDeclaration`, so it exposes the bespoke {@link elevationCss} builder plus a
1777
+ * {@link Definition}-shaped {@link elevation} object for the registry + `validate()`.
1778
+ *
1779
+ * @module
1780
+ */
1781
+ /** The elevation declaration's cssdoc doc comment (authored inline; the CSS body follows in {@link elevationCss}). */
1782
+ const ELEVATION_DOC = css`/**
1783
+ * @declaration elevation
1784
+ * @summary The \`--instui-elevation-*\` shadow scale: multi-layer \`box-shadow\` custom properties (\`resting\`, \`above\`, \`topmost\`, plus the \`depth1\`–\`depth3\`, \`card\`, and \`cardHover\` aliases) declared on \`:root\` and themed via the drop-shadow colour tokens, so shadows adapt per theme wherever a token sheet is loaded.
1785
+ * @cssproperty --instui-elevation-resting — The resting (lowest) elevation shadow.
1786
+ * @cssproperty --instui-elevation-above — The raised elevation shadow.
1787
+ * @cssproperty --instui-elevation-topmost — The highest elevation shadow, for modals and menus.
1788
+ * @cssproperty --instui-elevation-depth1 — Alias of \`resting\`.
1789
+ * @cssproperty --instui-elevation-depth2 — Alias of \`above\`.
1790
+ * @cssproperty --instui-elevation-depth3 — Alias of \`topmost\`.
1791
+ * @cssproperty --instui-elevation-card — Alias of \`resting\`, for card surfaces.
1792
+ * @cssproperty --instui-elevation-cardHover — Alias of \`topmost\`, for hovered cards.
1793
+ * @related view — The View primitive's \`-shadow-*\` modifiers read these shadows.
1794
+ * @demo self:elevation
1795
+ */`;
1796
+ /**
1797
+ * Build the elevation token block: `<selector> { --instui-elevation-*: … }`. Shipped inside
1798
+ * `components.css` (so shadows are intrinsic — no plugin, no extra import), and reusable by other
1799
+ * layered outputs (e.g. the Pendo renderer) via the `selector` option.
1800
+ *
1801
+ * @param options - `selector` — the rule selector (default `:root`).
1802
+ * @returns The CSS string.
1803
+ *
1804
+ * @example
1805
+ * ```ts
1806
+ * import { elevationCss } from "@pantoken/components";
1807
+ *
1808
+ * elevationCss(); // ":root { --instui-elevation-resting: …; --instui-elevation-above: …; … }"
1809
+ * ```
1810
+ *
1811
+ * @demo self:elevation
1812
+ */
1813
+ function elevationCss(options = {}) {
1814
+ const selector = options.selector ?? ":root";
1815
+ const body = elevationDeclarations$1().map(([name, value]) => ` ${name}: ${value};`).join("\n");
1816
+ return css`${ELEVATION_DOC}\n${selector} {\n${body}\n}\n`;
1817
+ }
1818
+ //#endregion
1905
1819
  //#region src/components/select.ts
1906
1820
  /**
1907
1821
  * The **experimental** customizable-select enhancement for `.<prefix>-simple-select`. Bespoke (no
@@ -2234,29 +2148,31 @@ function iconGlyphsCss(names, options = {}) {
2234
2148
  */
2235
2149
  /**
2236
2150
  * Build the opt-in base/reset stylesheet: global document defaults from the tokens (box-sizing, body
2237
- * reset, page surface, base text colour/font, `color-scheme`, base link), followed by the focus ring
2238
- * (a document-level default that targets bare focusables). Load it once, ahead of the component and
2239
- * prose sheets, when pantoken owns the page.
2151
+ * reset, page surface, base text colour/font, `color-scheme`, base link), followed by the focus-ring
2152
+ * rules (a document-level default that targets bare focusables). Only the ring *rules* live here — the
2153
+ * `--instui-focus-outline-*` custom properties they read ship in the token sheet (`@pantoken/css`), so
2154
+ * `base.css` no longer redefines them. Load it once, ahead of the component and prose sheets, when
2155
+ * pantoken owns the page.
2240
2156
  *
2241
2157
  * @returns The CSS string.
2242
2158
  */
2243
2159
  function baseCss() {
2244
- return `/* InstUI-look base/reset (@pantoken/components) */\n${base.rules("").trim()}\n\n${focusOutlineCss()}`;
2160
+ return `/* InstUI-look base/reset (@pantoken/components) */\n${base.rules("").trim()}\n\n${focusOutlineRules()}`;
2245
2161
  }
2246
2162
  /**
2247
- * Build the aggregated component stylesheet: the `--instui-elevation-*` scale (so shadows are intrinsic)
2248
- * followed by every component's rules in the `COMPONENTS` concat order. The size-alias and
2249
- * deprecated-alias twins are appended PER COMPONENT (within its own chunk) so each alias documents on
2250
- * its own page — the deprecated aliases are discovered from each record's `@deprecated {@link -x}`
2251
- * metadata (see `withAliases`), not a central hand-kept list.
2163
+ * Build the aggregated component stylesheet: every component's rules in the `COMPONENTS` concat order.
2164
+ * The size-alias and deprecated-alias twins are appended PER COMPONENT (within its own chunk) so each
2165
+ * alias documents on its own page — the deprecated aliases are discovered from each record's
2166
+ * `@deprecated {@link -x}` metadata (see `withAliases`), not a central hand-kept list. The
2167
+ * `--instui-elevation-*` shadow scale the components reference is defined in the token sheet
2168
+ * (`@pantoken/css`), so it's no longer inlined here.
2252
2169
  *
2253
2170
  * @param options - {@link ComponentOptions}.
2254
2171
  * @returns The CSS string.
2255
2172
  */
2256
2173
  function componentsCss(options = {}) {
2257
2174
  const prefix = options.prefix || "";
2258
- const rules = COMPONENTS.map((d) => d.rules(ns(prefix), options).trim());
2259
- return `/* InstUI component styles (@pantoken/components) — prefix: ${prefix} */\n${elevationCss()}\n${rules.join("\n\n")}\n`;
2175
+ return `/* InstUI component styles (@pantoken/components) — prefix: ${prefix} */\n${COMPONENTS.map((d) => d.rules(ns(prefix), options).trim()).join("\n\n")}\n`;
2260
2176
  }
2261
2177
  //#endregion
2262
2178
  export { DEFAULT_PREFIX, ELEVATION_NAMES, FOCUSABLE_SELECTOR, alertCss, avatarCss, badgeCss, baseCss, billboardCss, breadcrumbCss, buttonCss, bylineCss, calendarCss, checkboxCss, closeButtonCss, componentsCss, contextViewCss, elevationCss, elevationDeclarations, fileDropCss, focusOutlineCss, focusOutlineDeclarations, focusOutlineRules, formFieldCss, formFieldGroupCss, formFieldMessagesCss, headingCss, iconCss, iconGlyphsCss, imgCss, inPlaceEditCss, inputGroupCss, layoutUtilitiesCss, linkCss, listCss, maskCss, menuCss, metricCss, modalCss, numberInputCss, paginationCss, pillCss, popoverCss, progressCircleCss, progressCss, proseCss, radioCss, radioInputGroupCss, rangeInputCss, ratingCss, responsiveUtilitiesCss, screenReaderContentCss, selectCss, sideNavBarCss, simpleSelectCss, spacingUtilitiesCss, spinnerCss, tableCss, tabsCss, tagCss, textAreaCss, textCss, textInputCss, toggleDetailsCss, toggleGroupCss, tooltipCss, trayCss, treeBrowserCss, truncateCss, viewCss };
package/package.json CHANGED
@@ -1,21 +1,28 @@
1
1
  {
2
2
  "name": "@pantoken/components",
3
- "version": "0.1.1",
3
+ "version": "0.2.1",
4
4
  "description": "An InstUI-look CSS component library from the pantoken tokens: prose/content styling plus class-based components (button, alert, badge).",
5
+ "homepage": "https://pantoken.iywahl.com",
6
+ "bugs": "https://github.com/thedannywahl/pantoken/issues",
5
7
  "license": "MIT",
6
8
  "repository": {
7
9
  "type": "git",
8
- "url": "git+https://github.com/thedannywahl/pantoken.git"
10
+ "url": "git+https://github.com/thedannywahl/pantoken.git",
11
+ "directory": "formats/components"
9
12
  },
10
13
  "files": [
11
14
  "dist",
12
15
  "assets/fonts"
13
16
  ],
14
17
  "type": "module",
18
+ "sideEffects": [
19
+ "**/*.css"
20
+ ],
15
21
  "exports": {
16
22
  ".": "./dist/index.mjs",
17
23
  "./base.css": "./dist/base.css",
18
24
  "./components.css": "./dist/components.css",
25
+ "./component-icons.css": "./dist/component-icons.css",
19
26
  "./*.css": "./dist/*.css",
20
27
  "./fonts.css": "./dist/fonts.css",
21
28
  "./prose.css": "./dist/prose.css",
@@ -25,32 +32,36 @@
25
32
  "./package.json": "./package.json"
26
33
  },
27
34
  "publishConfig": {
28
- "access": "public"
35
+ "access": "public",
36
+ "provenance": true
37
+ },
38
+ "scripts": {
39
+ "component-styles": "node scripts/component-styles.ts",
40
+ "dev": "vp run @pantoken/plugin-theme-custom-media#build && node scripts/component-styles.ts && node scripts/generate.ts && node scripts/build-entries.ts && vp pack --watch",
41
+ "test": "vp run @pantoken/plugin-theme-custom-media#build && node scripts/component-styles.ts && vp test",
42
+ "check": "vp run @pantoken/plugin-theme-custom-media#build && node scripts/component-styles.ts && node scripts/build-entries.ts && vp check"
29
43
  },
30
44
  "dependencies": {
31
- "@pantoken/plugin-colors": "0.1.0"
45
+ "@pantoken/plugin-colors": "workspace:*",
46
+ "@pantoken/utils": "workspace:*"
32
47
  },
33
48
  "devDependencies": {
34
- "@cssdoc/config": "^0.7.8",
35
- "@cssdoc/core": "^0.7.8",
36
- "@types/node": "^24.13.3",
37
- "postcss": "^8.5.19",
38
- "typescript": "^6.0.3",
39
- "vite": "npm:@voidzero-dev/vite-plus-core@0.2.4",
40
- "vite-plus": "0.2.4",
41
- "@pantoken/plugin-theme-custom-media": "0.1.2",
42
- "@pantoken/tokens": "0.1.0",
43
- "@pantoken/icons": "0.1.0",
44
- "@pantoken/utils": "0.1.0"
49
+ "@cssdoc/config": "catalog:",
50
+ "@cssdoc/core": "catalog:",
51
+ "@pantoken/icons": "workspace:*",
52
+ "@pantoken/plugin-theme-custom-media": "workspace:*",
53
+ "@pantoken/tokens": "workspace:*",
54
+ "@types/node": "catalog:",
55
+ "postcss": "catalog:",
56
+ "typescript": "catalog:",
57
+ "vite": "catalog:",
58
+ "vite-plus": "catalog:"
59
+ },
60
+ "engines": {
61
+ "node": ">=22.18.0"
45
62
  },
46
63
  "pantoken": {
47
64
  "key": "components",
48
65
  "kind": "namespace"
49
- },
50
- "scripts": {
51
- "component-styles": "node scripts/component-styles.ts",
52
- "dev": "vp run @pantoken/plugin-theme-custom-media#build && node scripts/component-styles.ts && node scripts/generate.ts && node scripts/build-entries.ts && vp pack --watch",
53
- "test": "vp run @pantoken/plugin-theme-custom-media#build && node scripts/component-styles.ts && vp test",
54
- "check": "vp run @pantoken/plugin-theme-custom-media#build && node scripts/component-styles.ts && node scripts/build-entries.ts && vp check"
55
66
  }
56
- }
67
+ }