@pantoken/components 1.0.0 → 1.0.2

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 (58) hide show
  1. package/dist/alert.css +1 -1
  2. package/dist/billboard.css +1 -1
  3. package/dist/breadcrumb.css +1 -1
  4. package/dist/breadcrumb.link.css +1 -1
  5. package/dist/calendar.css +1 -1
  6. package/dist/checkbox.css +1 -1
  7. package/dist/close-button.css +1 -1
  8. package/dist/components.css +1 -1
  9. package/dist/context-view.css +1 -1
  10. package/dist/file-drop.css +1 -1
  11. package/dist/form-field-group.css +1 -1
  12. package/dist/form-field-messages.css +1 -1
  13. package/dist/form-field.css +1 -1
  14. package/dist/img.css +1 -1
  15. package/dist/in-place-edit.css +1 -1
  16. package/dist/index.mjs +160 -160
  17. package/dist/link.css +1 -1
  18. package/dist/list.css +1 -1
  19. package/dist/list.item.css +1 -1
  20. package/dist/mask.css +1 -1
  21. package/dist/menu.css +1 -1
  22. package/dist/menu.group.css +1 -1
  23. package/dist/menu.item.css +1 -1
  24. package/dist/menu.separator.css +1 -1
  25. package/dist/modal.body.css +1 -1
  26. package/dist/modal.css +1 -1
  27. package/dist/modal.footer.css +1 -1
  28. package/dist/modal.header.css +1 -1
  29. package/dist/pagination.css +1 -1
  30. package/dist/pagination.page.css +1 -1
  31. package/dist/pill.css +1 -1
  32. package/dist/popover.css +1 -1
  33. package/dist/progress-circle.css +1 -1
  34. package/dist/progress.css +1 -1
  35. package/dist/radio-input-group.css +1 -1
  36. package/dist/radio.css +1 -1
  37. package/dist/range-input.css +1 -1
  38. package/dist/rating.css +1 -1
  39. package/dist/scaffold-preset.d.mts +10 -0
  40. package/dist/scaffold-preset.mjs +14 -0
  41. package/dist/select.css +1 -1
  42. package/dist/side-nav-bar.css +1 -1
  43. package/dist/side-nav-bar.item.css +1 -1
  44. package/dist/table.css +1 -1
  45. package/dist/tabs.css +1 -1
  46. package/dist/tabs.panel.css +1 -1
  47. package/dist/tabs.tab.css +1 -1
  48. package/dist/tag.css +1 -1
  49. package/dist/text.css +1 -1
  50. package/dist/toggle-details.css +1 -1
  51. package/dist/toggle-group.css +1 -1
  52. package/dist/tray.css +1 -1
  53. package/dist/tree-browser.css +1 -1
  54. package/dist/utilities/icon.css +1 -1
  55. package/dist/utilities/screen-reader-content.css +1 -1
  56. package/dist/utilities/transition.css +1 -1
  57. package/dist/utilities.css +1 -1
  58. package/package.json +15 -12
package/dist/components.css CHANGED
@@ -1 +1 @@
1
- :root{--timeout:0;--value:0;--value-now:0;--min:0;--max:100;--value-max:100;--animation-delay:0}.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{--timeout:0;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}@scope(.instui-badge){:scope{--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;&.-color-success{--pantoken-badge-accent:var(--instui-component-badge-color-success);--pantoken-badge-text:var(--instui-component-badge-color)}&.-color-danger{--pantoken-badge-accent:var(--instui-component-badge-color-danger);--pantoken-badge-text:var(--instui-component-badge-color)}&.-color-inverse{--pantoken-badge-accent:var(--instui-component-badge-color);--pantoken-badge-text:var(--instui-component-badge-color-inverse)}&.-type-notification{min-width:0;width:var(--instui-spacing-space-sm);height:var(--instui-spacing-space-sm);padding:0;font-size:0}&.-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}&.-placement-top-end,&.-placement-top-start,&.-placement-bottom-end,&.-placement-bottom-start,&.-placement-start-center,&.-placement-end-center{position:absolute}&.-placement-top-end{top:-.5rem;inset-inline-end:-.5rem}&.-placement-top-start{top:-.5rem;inset-inline-start:-.5rem}&.-placement-bottom-end{bottom:-.5rem;inset-inline-end:-.5rem}&.-placement-bottom-start{bottom:-.5rem;inset-inline-start:-.5rem}&.-placement-end-center{top:50%;inset-inline-end:-.5rem;transform:translateY(-50%)}&.-placement-start-center{top:50%;inset-inline-start:-.5rem;transform:translateY(-50%)}&.-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)}@scope(.instui-avatar){:scope{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);white-space:nowrap;background:var(--instui-component-avatar-background-color);color:var(--instui-component-avatar-blue-text-color);border:var(--instui-component-avatar-border-width-sm) solid transparent;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;&.-shape-rectangle{border-radius:var(--instui-component-avatar-rectangle-radius)}&:not(:has(>img)){border-color:var(--instui-component-avatar-border-color)}&[data-initials]{font-size:0;&:before{content:attr(data-initials);font-size:var(--instui-component-avatar-font-size-md)}}&>img{object-fit:cover;border-radius:50%;block-size:100%;inline-size:100%}&.-shape-rectangle>img{border-radius:var(--instui-component-avatar-rectangle-radius)}&:not(:has([class*=-name])) .name,&:not(:has(.name)) .first-name,&:not(:has(.name)) .last-name{white-space:nowrap;vertical-align:middle;max-width:1ch;display:inline-block;overflow:hidden}}}.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.-size-md{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);font-size:var(--instui-component-avatar-font-size-md)}.instui-avatar.-size-2xs[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-xs[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-sm[data-initials]:before{font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-lg[data-initials]:before{font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-xl[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-2xl[data-initials]:before{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-always{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-color)}.instui-avatar.-show-border-never{border-color:#0000}.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-xx-small{width:var(--instui-component-avatar-size2xs);height:var(--instui-component-avatar-size2xs);font-size:var(--instui-component-avatar-font-size2xs)}.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.-size-xx-large{width:var(--instui-component-avatar-size2xl);height:var(--instui-component-avatar-size2xl);font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-size-medium{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);font-size:var(--instui-component-avatar-font-size-md)}.instui-avatar.-size-xx-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-x-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-x-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-xx-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xl)}.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-avatar.-show-border{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-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}}@scope(.instui-tabs){.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(.instui-tabs){: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}}@scope(.instui-metric){:scope{gap:var(--instui-component-metric-gap-texts);padding:0 var(--instui-component-metric-padding-horizontal);flex-direction:column;display:inline-flex;&>.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)}&>.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)}&.-text-align-start{text-align:start;align-items:flex-start}&.-text-align-center{text-align:center;align-items:center}&.-text-align-end{text-align:end;align-items:flex-end}}}@scope(.instui-byline){:scope{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;&.-align-content-top{align-items:flex-start}&.-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.-layout-stacked{width:auto;display:block}.instui-table thead{background:var(--instui-component-table-head-background)}.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 tbody{width:auto;display:block}.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 tr{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 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{border:0}.instui-table.-layout-stacked td{width:auto;display:block}.instui-table.-layout-stacked tbody td[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-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 tbody th{border:0}.instui-table.-layout-stacked th{width:auto;display:block}.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.-size-sm{font-size:var(--instui-component-list-item-font-size-small)}.instui-list.-size-md{font-size:var(--instui-component-list-item-font-size-medium)}.instui-list.-size-lg{font-size:var(--instui-component-list-item-font-size-large)}.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-medium{font-size:var(--instui-component-list-item-font-size-medium)}.instui-list.-size-large{font-size:var(--instui-component-list-item-font-size-large)}@scope(.instui-list){:scope>li{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)}:scope.-size-sm>li{font-size:var(--instui-component-list-item-font-size-small)}:scope.-size-md>li{font-size:var(--instui-component-list-item-font-size-medium)}:scope.-size-lg>li{font-size:var(--instui-component-list-item-font-size-large)}:scope.-ordered>li::marker{font-weight:var(--instui-component-list-ordered-number-font-weight)}:scope.-ordered>li{padding-inline-start:var(--instui-component-list-ordered-number-margin)}:scope.-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)}:scope.-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)}}:scope.-size-small>li{font-size:var(--instui-component-list-item-font-size-small)}:scope.-size-medium>li{font-size:var(--instui-component-list-item-font-size-medium)}:scope.-size-large>li{font-size:var(--instui-component-list-item-font-size-large)}.instui-icon,.-icon-icon,.-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]{--pantoken-cb-glyph:var(--instui-icon-check) center / contain no-repeat;-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;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)}}@scope(.instui-spinner){:scope{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;&.-color-inverse{border-top-color:var(--instui-component-spinner-inverse-color)}}}.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.-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)}@keyframes pantoken-progress-indeterminate{0%{left:-40%}to{left:100%}}.instui-progress{--value:var(--value-now);--min:0;--max:var(--value-max);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-md{height:var(--instui-component-progress-bar-medium-height)}.instui-progress.-size-lg{height:var(--instui-component-progress-bar-large-height)}@scope(.instui-progress){:scope>.bar{height:100%;width:clamp(0%, calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%), 100%);background:var(--instui-color-background-brand);border-radius:var(--instui-component-progress-bar-border-radius)}:scope>.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)}:scope.-color-inverse>.value,:scope>.value.-color-inverse{color:var(--instui-component-progress-bar-text-color-inverse)}:scope:indeterminate>.bar{width:40%;animation:1.4s ease-in-out infinite pantoken-progress-indeterminate;position:absolute}:scope:indeterminate>.value{visibility:hidden}}.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.-render-value-inside .value{justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.instui-progress.-should-animate>.bar{transition:all .5s}.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-medium{height:var(--instui-component-progress-bar-medium-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(.instui-menu){: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(.instui-menu){: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)}.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)}@scope(.instui-modal){: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.-density-compact>.header{padding:var(--instui-component-modal-header-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(.instui-modal){:scope.-overflow-fit>.body{overflow-y:auto}: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.-density-compact>.body{padding:var(--instui-component-modal-body-padding-compact)}:scope.-color-inverse>.body{background:var(--instui-component-modal-body-inverse-background-color)}}@scope(.instui-modal){: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>.footer{padding:var(--instui-component-modal-footer-padding-compact)}: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-breadcrumb{display:block}.instui-breadcrumb:not(:has(>ol>li>a)){display:none}.instui-breadcrumb>ol{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;margin:0;padding:0;list-style:none;display:flex}.instui-breadcrumb.-size-sm>ol{gap:var(--instui-component-breadcrumb-gap-sm);font-size:var(--instui-component-link-font-size-sm)}.instui-breadcrumb.-size-md>ol{gap:var(--instui-component-breadcrumb-gap-md);font-size:var(--instui-component-link-font-size-md)}.instui-breadcrumb.-size-lg>ol{gap:var(--instui-component-breadcrumb-gap-lg);font-size:var(--instui-component-link-font-size-lg)}.instui-breadcrumb.-size-small>ol{gap:var(--instui-component-breadcrumb-gap-sm);font-size:var(--instui-component-link-font-size-sm)}.instui-breadcrumb.-size-medium>ol{gap:var(--instui-component-breadcrumb-gap-md);font-size:var(--instui-component-link-font-size-md)}.instui-breadcrumb.-size-large>ol{gap:var(--instui-component-breadcrumb-gap-lg);font-size:var(--instui-component-link-font-size-lg)}@scope(.instui-breadcrumb){:scope.-size-sm li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-sm)}:scope.-size-md li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-md)}:scope.-size-lg li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-lg)}:scope>ol>li{margin:0}:scope a{color:var(--instui-component-link-text-color);text-decoration:none}:scope a[class*=-icon-]:before{margin-inline-end:var(--instui-spacing-space2xs)}:scope a:hover{color:var(--instui-component-link-text-hover-color);text-decoration:underline}:scope li:not(:last-child){color:var(--instui-color-text-muted)}:scope li:not(:last-child):after{content:"";vertical-align:-.125em;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;margin-inline-start:var(--instui-component-breadcrumb-gap-md);display:inline-block}[dir=rtl] :scope li:not(:last-child):after{-webkit-mask:var(--instui-icon-chevron-left) center / contain no-repeat;mask:var(--instui-icon-chevron-left) center / contain no-repeat}@media (width<=47.9375em){:scope>ol:has(>li:nth-last-child(2))>li:not(:nth-last-child(2)),:scope li:not(:last-child):after{display:none}:scope li:nth-last-child(2):before{content:"";vertical-align:-.125em;block-size:1em;inline-size:1em;-webkit-mask:var(--instui-icon-chevron-left) center / contain no-repeat;mask:var(--instui-icon-chevron-left) center / contain no-repeat;background:currentColor;margin-inline-end:var(--instui-component-breadcrumb-gap-md);display:inline-block}[dir=rtl] :scope>li:nth-last-child(2)>a:before{-webkit-mask:var(--instui-icon-chevron-right) center / contain no-repeat;mask:var(--instui-icon-chevron-right) center / contain no-repeat}}}:scope.-size-small li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-sm)}:scope.-size-medium li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-md)}:scope.-size-large li: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-top-color:var(--instui-component-context-view-arrow-border-color);border-width:calc(var(--instui-component-context-view-arrow-size) + var(--instui-component-context-view-arrow-border-width));top:100%;inset-inline-start:calc(var(--instui-spacing-space-lg) - var(--instui-component-context-view-arrow-border-width))}.instui-context-view:after{border-width:var(--instui-component-context-view-arrow-size);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}}@scope(.instui-drawer-layout){:scope{block-size:100%;display:flex;position:relative;container:pantoken-drawer-layout/inline-size;&[placement=start],&.-placement-start{flex-direction:row}&[placement=end],&.-placement-end{flex-direction:row-reverse}&:not([open]):not(.-open)>.tray{display:none}&[should-overlay-tray],&.-should-overlay-tray{min-inline-size:0}}}@scope(.instui-drawer-layout){:scope{&>.tray{flex:0 0 var(--instui-component-tray-width-xs,16em);inline-size:var(--drawer-layout-tray-width,var(--instui-component-tray-width-xs,16em));background:var(--instui-color-background-elevated-surface-base);border-inline-end:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);max-inline-size:100%;overflow:auto}&>.tray.-without-border{border-inline:0}&[should-overlay-tray]>.tray,&.-should-overlay-tray>.tray{z-index:var(--instui-component-tray-z-index,9999);box-shadow:var(--instui-elevation-topmost);position:absolute;inset-block:0;inset-inline-start:0}&[should-overlay-tray]>.tray.-placement-end,&.-should-overlay-tray>.tray.-placement-end,&[should-overlay-tray][placement=end]>.tray,&.-should-overlay-tray[placement=end]>.tray,&[should-overlay-tray].-placement-end>.tray,&.-should-overlay-tray.-placement-end>.tray{inset-inline:auto 0}&[should-overlay-tray]>.tray.-without-shadow,&.-should-overlay-tray>.tray.-without-shadow{box-shadow:none}}}@container pantoken-drawer-layout (width<=46em){.instui-drawer-layout>.tray{z-index:var(--instui-component-tray-z-index,1);box-shadow:var(--instui-elevation-topmost);position:absolute;inset-block:0;inset-inline-start:0}.instui-drawer-layout>.tray.-placement-end,.instui-drawer-layout[placement=end]>.tray,.instui-drawer-layout.-placement-end>.tray{inset-inline:auto 0}.instui-drawer-layout>.tray.-without-shadow{box-shadow:none}}@scope(.instui-drawer-layout){:scope{&>.content{min-inline-size:var(--drawer-layout-content-min-inline-size,var(--pantoken-bp-md,30em));flex:auto;overflow:auto}&[should-overlay-tray]>.content,&.-should-overlay-tray>.content{min-inline-size:0}}}@container pantoken-drawer-layout (width<=46em){.instui-drawer-layout>.content{min-inline-size:0}}.instui-progress-circle{--value:var(--value-now);--min:0;--max:var(--value-max);--animation-delay: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;transition:--value 1s;display:inline-flex;position:relative}.instui-progress-circle:before{content:"";background:conic-gradient(var(--pantoken-pc-fill) clamp(0%, calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%), 100%), 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%;transition:opacity .5s .2s,transform .5s;position:absolute;inset:0;transform:translate(0)scale(1)}.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-md{width:var(--instui-component-progress-circle-medium-size);height:var(--instui-component-progress-circle-medium-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-medium-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)}@keyframes pantoken-progress-circle-indeterminate{to{transform:rotate(1turn)}}.instui-progress-circle:indeterminate{--value:25;--min:0;--max:100}.instui-progress-circle:indeterminate:before{animation:1s linear infinite pantoken-progress-circle-indeterminate}.instui-progress-circle:indeterminate .value{visibility:hidden}.instui-progress-circle>.value{transition:opacity .5s 1s,transform .5s 1s;transform:translate(0)}.instui-progress-circle.-should-animate{--value:0!important}.instui-progress-circle.-should-animate:before{opacity:0;transform:translate(0)scale(.75)}.instui-progress-circle.-should-animate>.value{opacity:0;transform:translateY(10%)}.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-medium{width:var(--instui-component-progress-circle-medium-size);height:var(--instui-component-progress-circle-medium-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-medium-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.-should-animate-on-mount{--value:0!important}.instui-progress-circle.-should-animate-on-mount:before{opacity:0;transform:translate(0)scale(.75)}.instui-progress-circle.-should-animate-on-mount>.value{opacity:0;transform:translateY(10%)}.instui-progress-circle.-shold-animate-on-mount{--value:0!important}.instui-progress-circle.-shold-animate-on-mount:before{opacity:0;transform:translate(0)scale(.75)}.instui-progress-circle.-shold-animate-on-mount>.value{opacity:0;transform:translateY(10%)}.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>.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>.arrow:hover{background:var(--instui-color-background-muted);color:var(--instui-color-text-interactive-navigation-primary-hover)}: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)}@scope(.instui-pagination){:scope>.page{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>.page: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)}}.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}.instui-side-nav-bar.-minimized{inline-size:var(--instui-component-side-nav-bar-minimized-width)}.instui-side-nav-bar.-minimized .item .label{display:none}@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-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{inline-size:var(--instui-component-calendar-day-min-width);block-size:var(--instui-component-calendar-day-height);font-weight:var(--instui-font-weight-interactive);justify-content:center;align-items:center;display:flex}}@scope(.instui-calendar){.day{inline-size:var(--instui-component-calendar-day-min-width);block-size:var(--instui-component-calendar-day-height);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;justify-content:center;align-items:center;display:flex}.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-start{inset-inline:0 auto}.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-md{inline-size:var(--instui-component-tray-width-md)}.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{--tray-slide-x:-100%;--tray-slide-y:0%;transition:transform .2s ease, overlay .2s allow-discrete, display .2s allow-discrete;transform:translate(0)}[popover].instui-tray:not(:popover-open){transform:translate(var(--tray-slide-x), var(--tray-slide-y))}@starting-style{[popover].instui-tray:popover-open{transform:translate(var(--tray-slide-x), var(--tray-slide-y))}}[dir=rtl] .instui-tray,.instui-tray.-placement-end{--tray-slide-x:100%}[dir=rtl] .instui-tray.-placement-end{--tray-slide-x:-100%}.instui-tray.-placement-top{--tray-slide-x:0%;--tray-slide-y:-100%}.instui-tray.-placement-bottom{--tray-slide-x:0%;--tray-slide-y: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-medium{inline-size:var(--instui-component-tray-width-md)}.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-tray.-size-regular{inline-size:var(--instui-component-tray-width-md)}@scope(.instui-tooltip){:scope{display:inline-flex;position:relative;&>[class*=-icon-]{line-height:1}&>.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%);&.-placement-bottom{margin-block:var(--instui-spacing-space-xs) 0;inset-block:100% auto}&.-placement-start{margin:0 var(--instui-spacing-space-xs) 0 0;inset-block-end:auto;inset-inline:auto 100%;top:50%;transform:translateY(-50%)}&.-placement-end{margin:0 0 0 var(--instui-spacing-space-xs);inset-block-end:auto;inset-inline:100% auto;top:50%;transform:translateY(-50%)}}&:hover>.tip,&:focus-within>.tip{opacity:1;visibility:visible}}}.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,.-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-primary{color:var(--instui-component-text-primary-color)}.instui-text.-color-secondary{color:var(--instui-component-text-muted-color)}.instui-text.-color-brand{color:light-dark(var(--instui-color-institutional-brand-primary),var(--instui-color-institutional-brand-font-color-dark))}.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:is(.-color-ai-highlight,.-color-ai){color:var(--instui-component-text-ai-color);background:var(--instui-component-text-ai-background-color)}.instui-text.-color-primary-inverse,.instui-text.-color-secondary-inverse{color:var(--instui-component-text-inverse-color)}.instui-text.-color-primary-on{color:var(--instui-component-text-base-on-color)}.instui-text.-color-secondary-on{color:var(--instui-component-text-muted-on-color)}.instui-text.-variant-description-page{font-size:var(--instui-component-text-description-page-font-size);font-weight:var(--instui-component-text-description-page-font-weight);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);font-weight:var(--instui-component-text-description-section-font-weight);line-height:var(--instui-component-text-description-section-line-height)}.instui-text.-variant-content{font-size:var(--instui-component-text-content-font-size);line-height:var(--instui-component-text-content-line-height);font-weight:var(--instui-component-text-content-font-weight)}.instui-text.-variant-content-small{font-size:var(--instui-component-text-content-small-font-size);font-weight:var(--instui-component-text-content-small-font-weight);line-height:var(--instui-component-text-content-small-line-height)}.instui-text.-variant-content-important{font-size:var(--instui-component-text-content-important-font-size);line-height:var(--instui-component-text-content-important-line-height);font-weight:var(--instui-component-text-content-important-font-weight)}.instui-text.-variant-content-quote{font-size:var(--instui-component-text-content-quote-font-size);font-weight:var(--instui-component-text-content-quote-font-weight);font-style:var(--instui-component-text-content-quote-font-style);line-height:var(--instui-component-text-content-quote-line-height)}.instui-text.-variant-legend{font-size:var(--instui-component-text-legend-font-size);line-height:var(--instui-component-text-legend-line-height);font-weight:var(--instui-component-text-legend-font-weight)}.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}.instui-view{box-sizing:border-box;display:block}.instui-view.-background-primary{background:var(--instui-component-view-background-primary)}.instui-view.-background-secondary{background:var(--instui-component-view-background-secondary)}.instui-view.-background-primary-inverse{background:var(--instui-component-view-background-primary-inverse)}.instui-view.-background-brand{background:var(--instui-component-view-background-brand)}.instui-view.-background-info{background:var(--instui-component-view-background-info)}.instui-view.-background-alert{background:var(--instui-component-view-background-alert)}.instui-view.-background-success{background:var(--instui-component-view-background-success)}.instui-view.-background-danger{background:var(--instui-component-view-background-danger)}.instui-view.-background-warning{background:var(--instui-component-view-background-warning)}.instui-view.-background-transparent{background:0 0}.instui-view.-border-radius-small{border-radius:var(--instui-border-radius-sm)}.instui-view.-border-radius-medium{border-radius:var(--instui-border-radius-md)}.instui-view.-border-radius-large{border-radius:var(--instui-border-radius-lg)}.instui-view.-border-radius-circle{border-radius:50%}.instui-view.-border-radius-pill{border-radius:var(--instui-border-radius-full)}.instui-view.-border-width-small{border-style:solid;border-width:var(--instui-border-width-sm);border-color:var(--instui-color-stroke-base)}.instui-view.-border-width-medium{border-style:solid;border-width:var(--instui-border-width-md);border-color:var(--instui-color-stroke-base)}.instui-view.-border-width-large{border-style:solid;border-width:var(--instui-border-width-lg);border-color:var(--instui-color-stroke-base)}.instui-view.-border-color-primary{border-color:var(--instui-color-stroke-base)}.instui-view.-border-color-brand{border-color:var(--instui-color-stroke-brand)}.instui-view.-border-color-success{border-color:var(--instui-color-stroke-success)}.instui-view.-border-color-info{border-color:var(--instui-color-stroke-info)}.instui-view.-border-color-warning{border-color:var(--instui-color-stroke-warning)}.instui-view.-border-color-danger{border-color:var(--instui-color-stroke-error)}.instui-view.-shadow-resting{box-shadow:var(--instui-elevation-resting)}.instui-view.-shadow-above{box-shadow:var(--instui-elevation-above)}.instui-view.-shadow-topmost{box-shadow:var(--instui-elevation-topmost)}.instui-view.-display-block{display:block}.instui-view.-display-inline-block{display:inline-block}.instui-view.-display-inline{display:inline}.instui-view.-display-flex{display:flex}.instui-view.-display-inline-flex{display:inline-flex}.instui-view.-display-none{display:none}.instui-view.-position-static{position:static}.instui-view.-position-relative{position:relative}.instui-view.-position-absolute{position:absolute}.instui-view.-position-fixed{position:fixed}.instui-view.-position-sticky{position:sticky}.instui-view.-overflow-x-visible{overflow-x:visible}.instui-view.-overflow-y-visible{overflow-y:visible}.instui-view.-overflow-x-hidden{overflow-x:hidden}.instui-view.-overflow-y-hidden{overflow-y:hidden}.instui-view.-overflow-x-auto{overflow-x:auto}.instui-view.-overflow-y-auto{overflow-y:auto}.instui-view.-overflow-x-scroll{overflow-x:scroll}.instui-view.-overflow-y-scroll{overflow-y:scroll}.instui-view.-overflow-x-clip{overflow-x:clip}.instui-view.-overflow-y-clip{overflow-y:clip}.instui-view.-cursor-auto{cursor:auto}.instui-view.-cursor-default{cursor:default}.instui-view.-cursor-pointer{cursor:pointer}.instui-view.-cursor-not-allowed{cursor:not-allowed}.instui-view.-cursor-text{cursor:text}.instui-view.-cursor-move{cursor:move}.instui-view.-cursor-grab{cursor:grab}.instui-view.-cursor-wait{cursor:wait}
1
+ :root{--timeout:5;--value:0;--value-now:0;--min:0;--max:100;--value-max:100;--animation-delay:0}.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)}@scope(.instui-alert){&{--timeout:0;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-close-button{position:absolute;inset-block-start:var(--instui-spacing-space-xs);inset-inline-end:var(--instui-spacing-space-xs)}}&: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))}&: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}&:has(>.instui-close-button){padding-inline-end:calc(var(--instui-component-base-button-medium-height) + var(--instui-spacing-space-xs))}&.-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}&.-color-info{border-color:var(--instui-component-alert-info-border-color)}&.-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)}&.-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)}&.-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)}&[class*=-icon-]{--pantoken-alert-glyph:var(--pantoken-glyph)}&[class*=-icon-]:before{background:var(--pantoken-alert-icon-bg);block-size:auto;inline-size:2.5rem;-webkit-mask:none;mask:none}&.-timeout-1{--timeout:1000}&.-timeout-2{--timeout:2000}&.-timeout-3{--timeout:3000}&.-timeout-4{--timeout:4000}&.-timeout-5{--timeout:5000}&:is(.-has-shadow-false,.-without-shadow){box-shadow:none}&:is(.-variant-info,.-color-info){border-color:var(--instui-component-alert-info-border-color)}&:is(.-variant-success,.-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)}&:is(.-variant-warning,.-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)}&:is(.-variant-error,.-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)}}@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}@scope(.instui-badge){:scope{--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;&.-color-success{--pantoken-badge-accent:var(--instui-component-badge-color-success);--pantoken-badge-text:var(--instui-component-badge-color)}&.-color-danger{--pantoken-badge-accent:var(--instui-component-badge-color-danger);--pantoken-badge-text:var(--instui-component-badge-color)}&.-color-inverse{--pantoken-badge-accent:var(--instui-component-badge-color);--pantoken-badge-text:var(--instui-component-badge-color-inverse)}&.-type-notification{min-width:0;width:var(--instui-spacing-space-sm);height:var(--instui-spacing-space-sm);padding:0;font-size:0}&.-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}&.-placement-top-end,&.-placement-top-start,&.-placement-bottom-end,&.-placement-bottom-start,&.-placement-start-center,&.-placement-end-center{position:absolute}&.-placement-top-end{top:-.5rem;inset-inline-end:-.5rem}&.-placement-top-start{top:-.5rem;inset-inline-start:-.5rem}&.-placement-bottom-end{bottom:-.5rem;inset-inline-end:-.5rem}&.-placement-bottom-start{bottom:-.5rem;inset-inline-start:-.5rem}&.-placement-end-center{top:50%;inset-inline-end:-.5rem;transform:translateY(-50%)}&.-placement-start-center{top:50%;inset-inline-start:-.5rem;transform:translateY(-50%)}&.-standalone{position:relative;inset:auto;transform:none}}}@scope(.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}&[class*=-icon-]:before{inline-size:var(--instui-font-size-text-xs);block-size:var(--instui-font-size-text-xs);margin-inline-end:.375rem}&.-color-info{color:var(--instui-component-pill-info-text-color);border-color:var(--instui-component-pill-info-border-color)}&.-color-success{color:var(--instui-component-pill-success-text-color);border-color:var(--instui-component-pill-success-border-color)}&.-color-warning{color:var(--instui-component-pill-warning-text-color);border-color:var(--instui-component-pill-warning-border-color)}&.-color-danger{color:var(--instui-component-pill-error-text-color);border-color:var(--instui-component-pill-error-border-color)}&.-color-info,&.-color-success,&.-color-warning,&.-color-danger{font-weight:var(--instui-component-pill-status-label-font-weight)}}@scope(.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}&:hover{background:var(--instui-component-tag-default-background-hover)}&.-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)}&.-size-lg{height:var(--instui-component-tag-height-large);font-size:var(--instui-component-tag-font-size-large)}&.-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}&.-inline:hover{background:var(--instui-component-tag-inline-background-hover)}&.-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}&.-inline:hover:after{background:var(--instui-component-tag-inline-icon-hover-color)}&.-readonly{cursor:default;background:var(--instui-component-tag-default-background)}&.-readonly.-inline:after{display:none}}&.-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)}&.-size-large{height:var(--instui-component-tag-height-large);font-size:var(--instui-component-tag-font-size-large)}@scope(.instui-avatar){:scope{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);white-space:nowrap;background:var(--instui-component-avatar-background-color);color:var(--instui-component-avatar-blue-text-color);border:var(--instui-component-avatar-border-width-sm) solid transparent;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;&.-shape-rectangle{border-radius:var(--instui-component-avatar-rectangle-radius)}&:not(:has(>img)){border-color:var(--instui-component-avatar-border-color)}&[data-initials]{font-size:0;&:before{content:attr(data-initials);font-size:var(--instui-component-avatar-font-size-md)}}&>img{object-fit:cover;border-radius:50%;block-size:100%;inline-size:100%}&.-shape-rectangle>img{border-radius:var(--instui-component-avatar-rectangle-radius)}&:not(:has([class*=-name])) .name,&:not(:has(.name)) .first-name,&:not(:has(.name)) .last-name{white-space:nowrap;vertical-align:middle;max-width:1ch;display:inline-block;overflow:hidden}}}.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.-size-md{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);font-size:var(--instui-component-avatar-font-size-md)}.instui-avatar.-size-2xs[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-xs[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-sm[data-initials]:before{font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-lg[data-initials]:before{font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-xl[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-2xl[data-initials]:before{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-always{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-color)}.instui-avatar.-show-border-never{border-color:#0000}.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-xx-small{width:var(--instui-component-avatar-size2xs);height:var(--instui-component-avatar-size2xs);font-size:var(--instui-component-avatar-font-size2xs)}.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.-size-xx-large{width:var(--instui-component-avatar-size2xl);height:var(--instui-component-avatar-size2xl);font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-size-medium{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);font-size:var(--instui-component-avatar-font-size-md)}.instui-avatar.-size-xx-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-x-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-x-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-xx-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xl)}.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-avatar.-show-border{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-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}&.-overflow-scroll>.list{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}&.-overflow-scroll>.list::-webkit-scrollbar{display:none}}}@scope(.instui-tabs){.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}&.-variant-secondary .tab:first-of-type{margin-inline-start:0}&.-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)}&.-variant-secondary .tab.-selected,&.-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(.instui-tabs){: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)}&>.panel[hidden]{display:none}}}@scope(.instui-metric){:scope{gap:var(--instui-component-metric-gap-texts);padding:0 var(--instui-component-metric-padding-horizontal);flex-direction:column;display:inline-flex;&>.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)}&>.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)}&.-text-align-start{text-align:start;align-items:flex-start}&.-text-align-center{text-align:center;align-items:center}&.-text-align-end{text-align:end;align-items:flex-end}}}@scope(.instui-byline){:scope{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;&.-align-content-top{align-items:flex-start}&.-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)}@scope(.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}&.-display-block{display:block}&.-constrain-cover{object-fit:cover;block-size:100%;inline-size:100%}&.-constrain-contain{object-fit:contain;block-size:100%;inline-size:100%}&.-with-grayscale{--pantoken-img-filter:grayscale(1)}&.-with-blur{--pantoken-img-filter:blur(var(--instui-component-img-image-blur-amount))}&.-with-grayscale.-with-blur{--pantoken-img-filter:grayscale(1) blur(var(--instui-component-img-image-blur-amount))}}@scope(.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)}& 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)}&.-layout-fixed{table-layout:fixed}&.-layout-stacked{width:auto;display:block}}.instui-table thead{background:var(--instui-component-table-head-background)}.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 tbody{width:auto;display:block}.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 tr{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 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{border:0}.instui-table.-layout-stacked td{width:auto;display:block}.instui-table.-layout-stacked tbody td[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-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 tbody th{border:0}.instui-table.-layout-stacked th{width:auto;display:block}.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}@scope(.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}&:hover{color:var(--instui-component-link-text-hover-color)}&[aria-disabled=true]{color:var(--instui-component-link-text-disabled-color);cursor:not-allowed}&.-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)}&.-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}&.-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)}&.-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)}@scope(.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)}&.-size-sm{font-size:var(--instui-component-list-item-font-size-small)}&.-size-md{font-size:var(--instui-component-list-item-font-size-medium)}&.-size-lg{font-size:var(--instui-component-list-item-font-size-large)}&.-unstyled{padding-inline-start:0;list-style:none}&.-inline{align-items:center;gap:var(--instui-component-list-item-spacing-medium);flex-wrap:wrap;padding-inline-start:0;list-style:none;display:flex}&.-inline>li{margin:0}}&.-size-medium{font-size:var(--instui-component-list-item-font-size-medium)}@scope(.instui-list){:scope{&>li{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)}&.-size-sm>li{font-size:var(--instui-component-list-item-font-size-small)}&.-size-md>li{font-size:var(--instui-component-list-item-font-size-medium)}&.-size-lg>li{font-size:var(--instui-component-list-item-font-size-large)}&.-ordered>li::marker{font-weight:var(--instui-component-list-ordered-number-font-weight)}&.-ordered>li{padding-inline-start:var(--instui-component-list-ordered-number-margin)}&.-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)}&.-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)}}}&.-size-small>li{font-size:var(--instui-component-list-item-font-size-small)}&.-size-medium>li{font-size:var(--instui-component-list-item-font-size-medium)}&.-size-large>li{font-size:var(--instui-component-list-item-font-size-large)}@scope(.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]{--pantoken-cb-glyph:var(--instui-icon-check) center / contain no-repeat;-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;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)}@scope(.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}&: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}&: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)}&: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)}&:not(.-variant-toggle):not(.-toggle) input[type=radio]:checked{border-color:var(--instui-component-radio-input-border-selected-color)}&:not(.-variant-toggle):not(.-toggle) input[type=radio]:checked:before{transform:scale(1)}&: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}&:not(.-variant-toggle):not(.-toggle):has(input:disabled){color:var(--instui-component-radio-input-label-disabled-color)}&:not(.-variant-toggle):not(.-toggle):hover{color:var(--instui-component-radio-input-label-hover-color)}&: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)}&: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)}&: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))}&: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)}&: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)}&: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))}&:not(.-variant-toggle):not(.-toggle).-readonly{color:var(--instui-component-radio-input-label-readonly-color)}&: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)}&.-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}&.-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}&.-variant-toggle.-context-off{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-off)}&.-variant-toggle.-context-success{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success)}&.-variant-toggle.-context-danger{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-danger)}&.-variant-toggle.-context-warning{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-warning)}&.-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)}&.-variant-toggle:has(input:focus-visible){text-decoration:underline}&.-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}&.-variant-toggle:has(input:disabled){opacity:.5;cursor:not-allowed}&.-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}&.-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}}&: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)}&: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)}&: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))}&: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)}&: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)}&: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))}&.-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}&.-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}@keyframes pantoken-spinner-rotate{to{transform:rotate(360deg)}}@scope(.instui-spinner){:scope{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;&.-color-inverse{border-top-color:var(--instui-component-spinner-inverse-color)}}}.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.-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)}@keyframes pantoken-progress-indeterminate{0%{left:-40%}to{left:100%}}@scope(.instui-progress){&{--value:var(--value-now);--min:0;--max:var(--value-max);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}&: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}&.-size-xs{height:var(--instui-component-progress-bar-x-small-height)}&.-size-sm{height:var(--instui-component-progress-bar-small-height)}&.-size-md{height:var(--instui-component-progress-bar-medium-height)}&.-size-lg{height:var(--instui-component-progress-bar-large-height)}&>.bar{height:100%;width:clamp(0%, calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%), 100%);background:var(--instui-color-background-brand);border-radius:var(--instui-component-progress-bar-border-radius)}&>.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)}&.-color-inverse>.value,&>.value.-color-inverse{color:var(--instui-component-progress-bar-text-color-inverse)}&:indeterminate>.bar{width:40%;animation:1.4s ease-in-out infinite pantoken-progress-indeterminate;position:absolute}&:indeterminate>.value{visibility:hidden}&:is(.-color-brand,.-meter-color-brand)>.bar{background:var(--instui-color-background-brand)}&:is(.-color-info,.-meter-color-info)>.bar{background:var(--instui-color-background-info)}&:is(.-color-success,.-meter-color-success)>.bar{background:var(--instui-color-background-success)}&:is(.-color-warning,.-meter-color-warning,.-meter-color-alert)>.bar{background:var(--instui-color-background-warning)}&:is(.-color-danger,.-meter-color-danger)>.bar{background:var(--instui-color-background-error)}&.-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)}&.-color-primary-inverse:after{background:var(--instui-component-progress-bar-track-bottom-border-color-inverse)}&.-color-primary-inverse>.bar{background:var(--instui-component-progress-bar-meter-color-brand-inverse)}&.-render-value-inside>.value{justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}&.-should-animate>.bar{transition:all .5s}}&.-size-x-small{height:var(--instui-component-progress-bar-x-small-height)}&.-size-small{height:var(--instui-component-progress-bar-small-height)}&.-size-medium{height:var(--instui-component-progress-bar-medium-height)}&.-size-large{height:var(--instui-component-progress-bar-large-height)}@scope(.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}&>.item.-disabled{opacity:var(--instui-opacity-disabled);pointer-events:none;cursor:not-allowed}&>.item:hover,&>.item.-highlighted{background:var(--instui-component-menu-item-highlighted-background);color:var(--instui-component-menu-item-highlighted-label-color)}&>.item.-active,&>.item[aria-checked=true]{background:var(--instui-component-menu-item-active-background);color:var(--instui-component-menu-item-active-label-color)}&>.item.-active:hover,&>.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)}&>.item:hover .item-info,&>.item.-highlighted .item-info{color:var(--instui-component-menu-item-highlighted-label-info-color)}}}@scope(.instui-menu){: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(.instui-menu){: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)}}}@scope(.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}&[is=dialog],dialog&{margin:auto;padding:0}&[is=dialog]::backdrop,dialog&::backdrop{background:var(--instui-component-mask-background-color)}&[is=dialog].-blur::backdrop,dialog&.-blur::backdrop{backdrop-filter:blur(.5rem)}&.-size-sm{max-width:var(--instui-component-modal-small-max-width)}&.-size-lg{max-width:var(--instui-component-modal-large-max-width)}&.-size-auto{max-width:none;min-width:var(--instui-component-modal-auto-min-width)}&.-size-fullscreen{border-radius:0;width:auto;max-width:none;height:auto;max-height:none;margin:0;position:fixed;inset:0}&.-overflow-fit{max-block-size:calc(100dvh - var(--instui-spacing-space-xl) * 2);flex-direction:column;display:flex}&.-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)}}&.-size-small{max-width:var(--instui-component-modal-small-max-width)}&.-size-large{max-width:var(--instui-component-modal-large-max-width)}@scope(.instui-modal){: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)}&.-density-compact>.header{padding:var(--instui-component-modal-header-padding-compact)}&.-color-inverse>.header{background:var(--instui-component-modal-header-inverse-background-color);border-bottom-color:var(--instui-component-modal-header-inverse-border-color)}}}@scope(.instui-modal){:scope{&.-overflow-fit>.body{overflow-y:auto}&>.body{padding:var(--instui-component-modal-body-padding)}&>.body:has(>img){padding:0}&>.body:has(>img) img{width:100%;display:block}&.-density-compact>.body{padding:var(--instui-component-modal-body-padding-compact)}&.-color-inverse>.body{background:var(--instui-component-modal-body-inverse-background-color)}}}@scope(.instui-modal){: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)}&.-density-compact>.footer{padding:var(--instui-component-modal-footer-padding-compact)}&.-color-inverse>.footer{background:var(--instui-component-modal-footer-inverse-background-color);border-top-color:var(--instui-component-modal-footer-inverse-border-color)}}}@scope(.instui-breadcrumb){&{display:block}&:not(:has(>ol>li>a)){display:none}&>ol{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;margin:0;padding:0;list-style:none;display:flex}&.-size-sm>ol{gap:var(--instui-component-breadcrumb-gap-sm);font-size:var(--instui-component-link-font-size-sm)}&.-size-md>ol{gap:var(--instui-component-breadcrumb-gap-md);font-size:var(--instui-component-link-font-size-md)}&.-size-lg>ol{gap:var(--instui-component-breadcrumb-gap-lg);font-size:var(--instui-component-link-font-size-lg)}}&.-size-small>ol{gap:var(--instui-component-breadcrumb-gap-sm);font-size:var(--instui-component-link-font-size-sm)}&.-size-medium>ol{gap:var(--instui-component-breadcrumb-gap-md);font-size:var(--instui-component-link-font-size-md)}&.-size-large>ol{gap:var(--instui-component-breadcrumb-gap-lg);font-size:var(--instui-component-link-font-size-lg)}@scope(.instui-breadcrumb){:scope{&.-size-sm li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-sm)}&.-size-md li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-md)}&.-size-lg li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-lg)}&>ol>li{margin:0}& a{color:var(--instui-component-link-text-color);text-decoration:none}& a[class*=-icon-]:before{margin-inline-end:var(--instui-spacing-space2xs)}& a:hover{color:var(--instui-component-link-text-hover-color);text-decoration:underline}& li:not(:last-child){color:var(--instui-color-text-muted)}& li:not(:last-child):after{content:"";vertical-align:-.125em;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;margin-inline-start:var(--instui-component-breadcrumb-gap-md);display:inline-block}[dir=rtl] & li:not(:last-child):after{-webkit-mask:var(--instui-icon-chevron-left) center / contain no-repeat;mask:var(--instui-icon-chevron-left) center / contain no-repeat}@media (width<=47.9375em){&>ol:has(>li:nth-last-child(2))>li:not(:nth-last-child(2)),& li:not(:last-child):after{display:none}& li:nth-last-child(2):before{content:"";vertical-align:-.125em;block-size:1em;inline-size:1em;-webkit-mask:var(--instui-icon-chevron-left) center / contain no-repeat;mask:var(--instui-icon-chevron-left) center / contain no-repeat;background:currentColor;margin-inline-end:var(--instui-component-breadcrumb-gap-md);display:inline-block}[dir=rtl] &>li:nth-last-child(2)>a:before{-webkit-mask:var(--instui-icon-chevron-right) center / contain no-repeat;mask:var(--instui-icon-chevron-right) center / contain no-repeat}}}}&.-size-small li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-sm)}&.-size-medium li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-md)}&.-size-large li: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}&>.hero[class*=-icon-]{line-height:1}&.-size-sm>.hero{font-size:var(--instui-component-icon-illu-sm)}&.-size-md>.hero,&.-size-medium>.hero{font-size:var(--instui-component-icon-illu-md)}&.-size-lg>.hero,&.-size-large>.hero{font-size:var(--instui-component-icon-illu-lg)}&.-size-sm>.hero[class*=-icon-],&.-size-small>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-sm)}&.-size-md>.hero[class*=-icon-],&.-size-medium>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-md)}&.-size-lg>.hero[class*=-icon-],&.-size-large>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-lg)}&>.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)}&>.message{color:var(--instui-color-text-base);font-size:var(--instui-font-size-text-base)}&.-clickable:hover>.hero{color:var(--instui-component-link-text-color)}&.-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)}&.-size-small>.hero{font-size:var(--instui-component-icon-illu-sm)}&.-size-medium>.hero,&.-size-medium>.hero{font-size:var(--instui-component-icon-illu-md)}&.-size-large>.hero{font-size:var(--instui-component-icon-illu-lg)}&.-size-small>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-sm)}&.-size-medium>.hero[class*=-icon-],&.-size-medium>.hero[class*=-icon-]{font-size:var(--instui-component-icon-illu-md)}&.-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){:scope{& .-icon-star-solid{color:var(--instui-component-rating-icon-icon-filled-color)}&>.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)}@scope(.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}&>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}&>summary::-webkit-details-marker{display:none}&>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}&[open]>summary:before{transform:rotate(90deg)}&>: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)}&.-size-sm>summary,&.-size-sm>:not(summary){font-size:var(--instui-component-toggle-details-font-size-small);padding:var(--instui-component-toggle-details-content-padding-small)}&.-size-lg>summary,&.-size-lg>:not(summary){font-size:var(--instui-component-toggle-details-font-size-large);padding:var(--instui-component-toggle-details-content-padding-large)}&.-without-border{border:0}&.-without-border>:not(summary){border-block-start:0}}&.-size-small>summary,&.-size-small>:not(summary){font-size:var(--instui-component-toggle-details-font-size-small);padding:var(--instui-component-toggle-details-content-padding-small)}&.-size-large>summary,&.-size-large>:not(summary){font-size:var(--instui-component-toggle-details-font-size-large);padding:var(--instui-component-toggle-details-content-padding-large)}@scope(.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}&:before,&:after{content:"";border-style:solid;border-color:#0000;position:absolute}&:before{border-top-color:var(--instui-component-context-view-arrow-border-color);border-width:calc(var(--instui-component-context-view-arrow-size) + var(--instui-component-context-view-arrow-border-width));top:100%;inset-inline-start:calc(var(--instui-spacing-space-lg) - var(--instui-component-context-view-arrow-border-width))}&:after{border-width:var(--instui-component-context-view-arrow-size);border-top-color:var(--instui-component-context-view-arrow-background-color);top:100%;inset-inline-start:var(--instui-spacing-space-lg)}&.-placement-bottom:before{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-border-color);top:auto;bottom:100%}&.-placement-bottom:after{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-background-color);top:auto;bottom:100%}&.-placement-start:before,&.-placement-start:after{top:50%;border-top-color:#0000;inset-inline-start:100%;transform:translateY(-50%)}&.-placement-start:before{border-inline-start-color:var(--instui-component-context-view-arrow-border-color)}&.-placement-start:after{border-inline-start-color:var(--instui-component-context-view-arrow-background-color)}&.-placement-end:before,&.-placement-end:after{top:50%;border-top-color:#0000;inset-inline:auto 100%;transform:translateY(-50%)}&.-placement-end:before{border-inline-end-color:var(--instui-component-context-view-arrow-border-color)}&.-placement-end:after{border-inline-end-color:var(--instui-component-context-view-arrow-background-color)}&.-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)}&.-color-inverse:before{border-top-color:var(--instui-component-context-view-arrow-border-color-inverse)}&.-color-inverse:after{border-top-color:var(--instui-component-context-view-arrow-background-color-inverse)}&.-color-inverse.-placement-bottom:before{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-border-color-inverse)}&.-color-inverse.-placement-bottom:after{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-background-color-inverse)}&.-color-inverse.-placement-start:before{border-top-color:#0000;border-inline-start-color:var(--instui-component-context-view-arrow-border-color-inverse)}&.-color-inverse.-placement-start:after{border-top-color:#0000;border-inline-start-color:var(--instui-component-context-view-arrow-background-color-inverse)}&.-color-inverse.-placement-end:before{border-top-color:#0000;border-inline-end-color:var(--instui-component-context-view-arrow-border-color-inverse)}&.-color-inverse.-placement-end:after{border-top-color:#0000;border-inline-end-color:var(--instui-component-context-view-arrow-background-color-inverse)}&[popover]{margin:0;position:fixed;overflow:visible}&[popover]:not(:popover-open){display:none}@supports (position-area:block-end){&[popover]{position-anchor:--pantoken-anchor;position-try-fallbacks:flip-block, flip-inline}&[popover].-placement-top{position-area:block-start}&[popover].-placement-bottom{position-area:block-end}&[popover].-placement-start{position-area:inline-start center}&[popover].-placement-end{position-area:inline-end center}}}@scope(.instui-drawer-layout){:scope{block-size:100%;display:flex;position:relative;container:pantoken-drawer-layout/inline-size;&[placement=start],&.-placement-start{flex-direction:row}&[placement=end],&.-placement-end{flex-direction:row-reverse}&:not([open]):not(.-open)>.tray{display:none}&[should-overlay-tray],&.-should-overlay-tray{min-inline-size:0}}}@scope(.instui-drawer-layout){:scope{&>.tray{flex:0 0 var(--instui-component-tray-width-xs,16em);inline-size:var(--drawer-layout-tray-width,var(--instui-component-tray-width-xs,16em));background:var(--instui-color-background-elevated-surface-base);border-inline-end:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);max-inline-size:100%;overflow:auto}&>.tray.-without-border{border-inline:0}&[should-overlay-tray]>.tray,&.-should-overlay-tray>.tray{z-index:var(--instui-component-tray-z-index,9999);box-shadow:var(--instui-elevation-topmost);position:absolute;inset-block:0;inset-inline-start:0}&[should-overlay-tray]>.tray.-placement-end,&.-should-overlay-tray>.tray.-placement-end,&[should-overlay-tray][placement=end]>.tray,&.-should-overlay-tray[placement=end]>.tray,&[should-overlay-tray].-placement-end>.tray,&.-should-overlay-tray.-placement-end>.tray{inset-inline:auto 0}&[should-overlay-tray]>.tray.-without-shadow,&.-should-overlay-tray>.tray.-without-shadow{box-shadow:none}}}@container pantoken-drawer-layout (width<=46em){.instui-drawer-layout>.tray{z-index:var(--instui-component-tray-z-index,1);box-shadow:var(--instui-elevation-topmost);position:absolute;inset-block:0;inset-inline-start:0}.instui-drawer-layout>.tray.-placement-end,.instui-drawer-layout[placement=end]>.tray,.instui-drawer-layout.-placement-end>.tray{inset-inline:auto 0}.instui-drawer-layout>.tray.-without-shadow{box-shadow:none}}@scope(.instui-drawer-layout){:scope{&>.content{min-inline-size:var(--drawer-layout-content-min-inline-size,var(--pantoken-bp-md,30em));flex:auto;overflow:auto}&[should-overlay-tray]>.content,&.-should-overlay-tray>.content{min-inline-size:0}}}@container pantoken-drawer-layout (width<=46em){.instui-drawer-layout>.content{min-inline-size:0}}@scope(.instui-progress-circle){&{--value:var(--value-now);--min:0;--max:var(--value-max);--animation-delay: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;transition:--value 1s;display:inline-flex;position:relative}&:before{content:"";background:conic-gradient(var(--pantoken-pc-fill) clamp(0%, calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%), 100%), 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%;transition:opacity .5s .2s,transform .5s;position:absolute;inset:0;transform:translate(0)scale(1)}& .value{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}&.-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)}&.-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)}&.-size-md{width:var(--instui-component-progress-circle-medium-size);height:var(--instui-component-progress-circle-medium-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-medium-stroke-width)}&.-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)}&:is(.-color-brand,.-meter-color-brand){--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand)}&.-color-primary-inverse:is(.-color-brand,.-meter-color-brand){--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand-inverse)}&:is(.-color-info,.-meter-color-info){--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-info)}&.-color-primary-inverse:is(.-color-info,.-meter-color-info){--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-info-inverse)}&:is(.-color-success,.-meter-color-success){--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-success)}&.-color-primary-inverse:is(.-color-success,.-meter-color-success){--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-success-inverse)}&:is(.-color-warning,.-meter-color-warning,.-meter-color-alert){--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-warning)}&.-color-primary-inverse:is(.-color-warning,.-meter-color-warning,.-meter-color-alert){--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-warning-inverse)}&:is(.-color-danger,.-meter-color-danger){--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-danger)}&.-color-primary-inverse:is(.-color-danger,.-meter-color-danger){--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-danger-inverse)}&.-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)}@keyframes pantoken-progress-circle-indeterminate{to{transform:rotate(1turn)}}&:indeterminate{--value:25;--min:0;--max:100}&:indeterminate:before{animation:1s linear infinite pantoken-progress-circle-indeterminate}&:indeterminate .value{visibility:hidden}&>.value{transition:opacity .5s 1s,transform .5s 1s;transform:translate(0)}&:is(.-should-animate,.-should-animate-on-mount,.-shold-animate-on-mount){--value:0!important}&:is(.-should-animate,.-should-animate-on-mount,.-shold-animate-on-mount):before{opacity:0;transform:translate(0)scale(.75)}&:is(.-should-animate,.-should-animate-on-mount,.-shold-animate-on-mount)>.value{opacity:0;transform:translateY(10%)}}&.-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)}&.-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)}&.-size-medium{width:var(--instui-component-progress-circle-medium-size);height:var(--instui-component-progress-circle-medium-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-medium-stroke-width)}&.-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-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{&>.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}&>.arrow [class*=-icon-]{line-height:1}&>.arrow:hover{background:var(--instui-color-background-muted);color:var(--instui-color-text-interactive-navigation-primary-hover)}&>.arrow:disabled,&>.arrow[aria-disabled=true]{color:var(--instui-color-text-muted);opacity:var(--instui-opacity-disabled);cursor:not-allowed;background:0 0}&>.ellipsis{min-inline-size:2rem;color:var(--instui-color-text-muted);justify-content:center;align-items:center;display:inline-flex}&>.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)}@scope(.instui-pagination){:scope{&>.page{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}&>.page:hover{background:var(--instui-color-background-muted);color:var(--instui-color-text-interactive-navigation-primary-hover)}&>.page[aria-current],&>.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)}&>.page[aria-current]:hover,&>.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(.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)}&>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}&>summary::-webkit-details-marker{display:none}&>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}&[open]>summary:before{transform:rotate(90deg)}&.-chevron-end>summary:before{order:1;margin-inline-start:auto}&.-variant-filled>summary{background:var(--instui-color-background-interactive-action-secondary-base);border-radius:var(--instui-component-toggle-details-toggle-border-radius)}&>:not(summary){padding:var(--instui-component-toggle-details-content-padding-medium)}&.-size-sm>summary{font-size:var(--instui-component-toggle-details-font-size-small)}&.-size-sm>:not(summary){padding:var(--instui-component-toggle-details-content-padding-small)}&.-size-lg>summary{font-size:var(--instui-component-toggle-details-font-size-large)}&.-size-lg>:not(summary){padding:var(--instui-component-toggle-details-content-padding-large)}}&.-size-small>summary{font-size:var(--instui-component-toggle-details-font-size-small)}&.-size-small>:not(summary){padding:var(--instui-component-toggle-details-content-padding-small)}&.-size-large>summary{font-size:var(--instui-component-toggle-details-font-size-large)}&.-size-large>:not(summary){padding:var(--instui-component-toggle-details-content-padding-large)}@scope(.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}&:hover,&.-hover{border-color:var(--instui-component-file-drop-hover-border-color)}&.-accepted{border-color:var(--instui-component-file-drop-accepted-color)}&.-rejected{border-color:var(--instui-component-file-drop-rejected-color)}&>[class*=-icon-]{line-height:1}}@scope(.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}&.-minimized{inline-size:var(--instui-component-side-nav-bar-minimized-width)}&.-minimized .item .label{display:none}}@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}&>.item [class*=-icon-]{line-height:1}&>.item:hover{background:var(--instui-component-side-nav-bar-item-hover-background-color)}&>.item.-selected{background:var(--instui-component-side-nav-bar-item-selected-background-color);color:var(--instui-component-side-nav-bar-item-selected-font-color)}}}@scope(.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)}& details>summary,& .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}& details>summary [class*=-icon-],& .item [class*=-icon-]{line-height:1}& details>summary::-webkit-details-marker{display:none}& 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}& details[open]>summary:before{transform:rotate(90deg)}& details>summary:hover,& .item:hover{background:var(--instui-component-tree-browser-tree-button-hover-background-color);color:var(--instui-component-tree-browser-tree-button-hover-text-color)}& details>summary.-selected,& .item.-selected{background:var(--instui-component-tree-browser-tree-button-selected-background-color);color:var(--instui-component-tree-browser-tree-button-selected-text-color)}& ul{margin:0;padding-inline-start:var(--instui-component-tree-browser-tree-collection-base-spacing-medium);list-style:none}&.-size-sm details>summary,&.-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)}&.-size-lg details>summary,&.-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)}}&.-size-small details>summary,&.-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)}&.-size-large details>summary,&.-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}&>.grid{grid-template-columns:repeat(7, var(--instui-component-calendar-day-min-width));justify-content:center;gap:var(--instui-spacing-space2xs);display:grid}& .weekday{inline-size:var(--instui-component-calendar-day-min-width);block-size:var(--instui-component-calendar-day-height);font-weight:var(--instui-font-weight-interactive);justify-content:center;align-items:center;display:flex}}}@scope(.instui-calendar){.day{inline-size:var(--instui-component-calendar-day-min-width);block-size:var(--instui-component-calendar-day-height);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;justify-content:center;align-items:center;display:flex}.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)}}@scope(.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]{margin:0}@supports (position-area:block-end){&[popover]{position-anchor:--pantoken-anchor;position-try-fallbacks:flip-block, flip-inline}&[popover].-placement-top{position-area:block-start}&[popover].-placement-bottom{position-area:block-end}&[popover].-placement-start{position-area:inline-start center}&[popover].-placement-end{position-area:inline-end center}}@supports (transition-behavior:allow-discrete){&[popover]{transition:opacity .15s ease, transform .15s ease, overlay .15s allow-discrete, display .15s allow-discrete;opacity:1;transform:translateY(0)}&[popover]:not(:popover-open){opacity:0;transform:translateY(-.25rem)}@starting-style{&[popover]:popover-open{opacity:0;transform:translateY(-.25rem)}}}}@scope(.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}&.-placement-start{inset-inline:0 auto}&.-placement-end{inset-inline:auto 0}&.-placement-top{block-size:auto;inline-size:100%;inset:0 0 auto}&.-placement-bottom{block-size:auto;inline-size:100%;inset:auto 0 0}&.-size-xs{inline-size:var(--instui-component-tray-width-xs)}&.-size-sm{inline-size:var(--instui-component-tray-width-sm)}&.-size-md{inline-size:var(--instui-component-tray-width-md)}&.-size-lg{inline-size:var(--instui-component-tray-width-lg)}&.-size-xl{inline-size:var(--instui-component-tray-width-xl)}&[popover]{margin:0}&[is=dialog],dialog&{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]{--tray-slide-x:-100%;--tray-slide-y:0%;transition:transform .2s ease, overlay .2s allow-discrete, display .2s allow-discrete;transform:translate(0)}&[popover]:not(:popover-open){transform:translate(var(--tray-slide-x), var(--tray-slide-y))}@starting-style{&[popover]:popover-open{transform:translate(var(--tray-slide-x), var(--tray-slide-y))}}[dir=rtl] &,&.-placement-end{--tray-slide-x:100%}[dir=rtl] &.-placement-end{--tray-slide-x:-100%}&.-placement-top{--tray-slide-x:0%;--tray-slide-y:-100%}&.-placement-bottom{--tray-slide-x:0%;--tray-slide-y:100%}}}&.-size-x-small{inline-size:var(--instui-component-tray-width-xs)}&.-size-small{inline-size:var(--instui-component-tray-width-sm)}&.-size-medium{inline-size:var(--instui-component-tray-width-md)}&.-size-large{inline-size:var(--instui-component-tray-width-lg)}&.-size-x-large{inline-size:var(--instui-component-tray-width-xl)}@scope(.instui-tooltip){:scope{display:inline-flex;position:relative;&>[class*=-icon-]{line-height:1}&>.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%);&.-placement-bottom{margin-block:var(--instui-spacing-space-xs) 0;inset-block:100% auto}&.-placement-start{margin:0 var(--instui-spacing-space-xs) 0 0;inset-block-end:auto;inset-inline:auto 100%;top:50%;transform:translateY(-50%)}&.-placement-end{margin:0 0 0 var(--instui-spacing-space-xs);inset-block-end:auto;inset-inline:100% auto;top:50%;transform:translateY(-50%)}}&:hover>.tip,&:focus-within>.tip{opacity:1;visibility:visible}}}@scope(.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}&::-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}&::-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}&::-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)}&::-moz-range-thumb{cursor:pointer;inline-size:var(--instui-component-range-input-handle-size);block-size:var(--instui-component-range-input-handle-size);border:var(--instui-component-range-input-handle-border-size) solid var(--instui-component-range-input-handle-border-color);background:var(--instui-component-range-input-handle-background);box-shadow:0 0 0 0 var(--instui-component-range-input-handle-shadow-color);border-radius:50%}&:hover::-webkit-slider-thumb{background:var(--instui-component-range-input-handle-hover-background)}&:hover::-moz-range-thumb{background:var(--instui-component-range-input-handle-hover-background)}&:focus-visible{outline:none}&: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)}&: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}&: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%)}&.-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)}&.-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)}}}&.-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)}&.-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)}@scope(.instui-mask){&{background:var(--instui-component-mask-background-color);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}&.-fullscreen{z-index:999;position:fixed}&.-blur{backdrop-filter:blur(.5rem)}}@scope(.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)}@scope(.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)}&.-size-xs{font-size:var(--instui-component-text-font-size-x-small)}&.-size-sm{font-size:var(--instui-component-text-font-size-small)}&.-size-lg{font-size:var(--instui-component-text-font-size-large)}&.-size-xl{font-size:var(--instui-component-text-font-size-x-large)}&.-weight-bold{font-weight:var(--instui-component-text-font-weight-bold)}&.-style-italic{font-style:italic}&.-color-primary{color:var(--instui-component-text-primary-color)}&.-color-secondary{color:var(--instui-component-text-muted-color)}&.-color-brand{color:light-dark(var(--instui-color-institutional-brand-primary),var(--instui-color-institutional-brand-font-color-dark))}&.-color-success{color:var(--instui-component-text-success-color)}&.-color-danger{color:var(--instui-component-text-error-color)}&.-color-warning{color:var(--instui-component-text-warning-color)}&:is(.-color-ai-highlight,.-color-ai){color:var(--instui-component-text-ai-color);background:var(--instui-component-text-ai-background-color)}&.-color-primary-inverse,&.-color-secondary-inverse{color:var(--instui-component-text-inverse-color)}&.-color-primary-on{color:var(--instui-component-text-base-on-color)}&.-color-secondary-on{color:var(--instui-component-text-muted-on-color)}&.-variant-description-page{font-size:var(--instui-component-text-description-page-font-size);font-weight:var(--instui-component-text-description-page-font-weight);line-height:var(--instui-component-text-description-page-line-height)}&.-variant-description-section{font-size:var(--instui-component-text-description-section-font-size);font-weight:var(--instui-component-text-description-section-font-weight);line-height:var(--instui-component-text-description-section-line-height)}&.-variant-content{font-size:var(--instui-component-text-content-font-size);line-height:var(--instui-component-text-content-line-height);font-weight:var(--instui-component-text-content-font-weight)}&.-variant-content-small{font-size:var(--instui-component-text-content-small-font-size);font-weight:var(--instui-component-text-content-small-font-weight);line-height:var(--instui-component-text-content-small-line-height)}&.-variant-content-important{font-size:var(--instui-component-text-content-important-font-size);line-height:var(--instui-component-text-content-important-line-height);font-weight:var(--instui-component-text-content-important-font-weight)}&.-variant-content-quote{font-size:var(--instui-component-text-content-quote-font-size);font-weight:var(--instui-component-text-content-quote-font-weight);font-style:var(--instui-component-text-content-quote-font-style);line-height:var(--instui-component-text-content-quote-line-height)}&.-variant-legend{font-size:var(--instui-component-text-legend-font-size);line-height:var(--instui-component-text-legend-line-height);font-weight:var(--instui-component-text-legend-font-weight)}&.-transform-uppercase{text-transform:uppercase}&.-transform-lowercase{text-transform:lowercase}&.-transform-capitalize{text-transform:capitalize}}&.-size-x-small{font-size:var(--instui-component-text-font-size-x-small)}&.-size-small{font-size:var(--instui-component-text-font-size-small)}&.-size-large{font-size:var(--instui-component-text-font-size-large)}&.-size-x-large{font-size:var(--instui-component-text-font-size-x-large)}@scope(.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}&: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}&:hover{background:var(--instui-color-background-interactive-action-tertiary-hover)}&:active{background:var(--instui-color-background-interactive-action-tertiary-active)}&.-size-sm{min-height:var(--instui-component-base-button-small-height)}&.-size-lg{min-height:var(--instui-component-base-button-large-height)}&.-color-inverse{color:var(--instui-component-base-button-primary-inverse-ghost-color)}}&.-size-small{min-height:var(--instui-component-base-button-small-height)}&.-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}&>.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}@scope(.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}&>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}&.-required>legend:after{content:"*";color:var(--instui-component-form-field-layout-asterisk-color);margin-inline-start:.25rem}&.-layout-columns,&.-layout-inline{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}&.-row-spacing-none{row-gap:0}&.-row-spacing-small{row-gap:var(--instui-spacing-space-sm)}&.-row-spacing-medium{row-gap:var(--instui-spacing-space-md)}&.-row-spacing-large{row-gap:var(--instui-spacing-space-lg)}&.-col-spacing-none{column-gap:0}&.-col-spacing-small{column-gap:var(--instui-spacing-space-sm)}&.-col-spacing-medium{column-gap:var(--instui-spacing-space-md)}&.-col-spacing-large{column-gap:var(--instui-spacing-space-lg)}&.-v-align-top{align-items:start}&.-v-align-middle{align-items:center}&.-v-align-bottom{align-items:end}@supports (grid-template-columns:subgrid){&.-layout-aligned{grid-template-columns:auto 1fr;align-items:center}&.-layout-aligned>.instui-form-field{grid-column:1/-1;grid-template-columns:subgrid;grid-template-areas:"label controls"".messages";align-items:center;display:grid}}}@scope(.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}&>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}&.-required>legend:after{content:"*";color:var(--instui-component-form-field-layout-asterisk-color);margin-inline-start:.25rem}&.-layout-columns,&.-layout-inline{align-items:center;column-gap:var(--instui-spacing-space-md);flex-flow:wrap}&.-layout-columns>legend,&.-layout-inline>legend{flex-basis:100%}&.-variant-toggle{flex-flow:wrap;align-items:center;gap:0}&.-variant-toggle>legend{flex-basis:100%}&.-variant-toggle>.instui-radio:has(input:focus-visible){z-index:1}}@scope(.instui-form-field-messages){&{gap:var(--instui-component-form-field-layout-gap-primitives);flex-direction:column;display:flex}}@scope(.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}&.-type-hint{color:var(--instui-component-form-field-message-hint-text-color)}&.-type-error{color:var(--instui-component-form-field-message-error-text-color)}&.-type-success{color:var(--instui-component-form-field-message-success-text-color)}&.-type-error:before,&.-type-success:before{content:"";background:currentColor;flex:none;block-size:1em;inline-size:1em}&.-type-error:before{-webkit-mask:var(--instui-icon-circle-alert) center / contain no-repeat;mask:var(--instui-icon-circle-alert) center / contain no-repeat}&.-type-success:before{-webkit-mask:var(--instui-icon-circle-check) center / contain no-repeat;mask:var(--instui-icon-circle-check) center / contain no-repeat}&.-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-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)}@scope(.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}&:hover{background:var(--instui-color-background-muted)}&:focus{background:var(--instui-component-text-input-background-color);border-color:var(--instui-component-text-input-border-color);outline:none}&: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)}&.-readonly{cursor:default}&.-readonly:hover{background:0 0}}.instui-view{box-sizing:border-box;display:block}.instui-view.-background-primary{background:var(--instui-component-view-background-primary)}.instui-view.-background-secondary{background:var(--instui-component-view-background-secondary)}.instui-view.-background-primary-inverse{background:var(--instui-component-view-background-primary-inverse)}.instui-view.-background-brand{background:var(--instui-component-view-background-brand)}.instui-view.-background-info{background:var(--instui-component-view-background-info)}.instui-view.-background-alert{background:var(--instui-component-view-background-alert)}.instui-view.-background-success{background:var(--instui-component-view-background-success)}.instui-view.-background-danger{background:var(--instui-component-view-background-danger)}.instui-view.-background-warning{background:var(--instui-component-view-background-warning)}.instui-view.-background-transparent{background:0 0}.instui-view.-border-radius-small{border-radius:var(--instui-border-radius-sm)}.instui-view.-border-radius-medium{border-radius:var(--instui-border-radius-md)}.instui-view.-border-radius-large{border-radius:var(--instui-border-radius-lg)}.instui-view.-border-radius-circle{border-radius:50%}.instui-view.-border-radius-pill{border-radius:var(--instui-border-radius-full)}.instui-view.-border-width-small{border-style:solid;border-width:var(--instui-border-width-sm);border-color:var(--instui-color-stroke-base)}.instui-view.-border-width-medium{border-style:solid;border-width:var(--instui-border-width-md);border-color:var(--instui-color-stroke-base)}.instui-view.-border-width-large{border-style:solid;border-width:var(--instui-border-width-lg);border-color:var(--instui-color-stroke-base)}.instui-view.-border-color-primary{border-color:var(--instui-color-stroke-base)}.instui-view.-border-color-brand{border-color:var(--instui-color-stroke-brand)}.instui-view.-border-color-success{border-color:var(--instui-color-stroke-success)}.instui-view.-border-color-info{border-color:var(--instui-color-stroke-info)}.instui-view.-border-color-warning{border-color:var(--instui-color-stroke-warning)}.instui-view.-border-color-danger{border-color:var(--instui-color-stroke-error)}.instui-view.-shadow-resting{box-shadow:var(--instui-elevation-resting)}.instui-view.-shadow-above{box-shadow:var(--instui-elevation-above)}.instui-view.-shadow-topmost{box-shadow:var(--instui-elevation-topmost)}.instui-view.-display-block{display:block}.instui-view.-display-inline-block{display:inline-block}.instui-view.-display-inline{display:inline}.instui-view.-display-flex{display:flex}.instui-view.-display-inline-flex{display:inline-flex}.instui-view.-display-none{display:none}.instui-view.-position-static{position:static}.instui-view.-position-relative{position:relative}.instui-view.-position-absolute{position:absolute}.instui-view.-position-fixed{position:fixed}.instui-view.-position-sticky{position:sticky}.instui-view.-overflow-x-visible{overflow-x:visible}.instui-view.-overflow-y-visible{overflow-y:visible}.instui-view.-overflow-x-hidden{overflow-x:hidden}.instui-view.-overflow-y-hidden{overflow-y:hidden}.instui-view.-overflow-x-auto{overflow-x:auto}.instui-view.-overflow-y-auto{overflow-y:auto}.instui-view.-overflow-x-scroll{overflow-x:scroll}.instui-view.-overflow-y-scroll{overflow-y:scroll}.instui-view.-overflow-x-clip{overflow-x:clip}.instui-view.-overflow-y-clip{overflow-y:clip}.instui-view.-cursor-auto{cursor:auto}.instui-view.-cursor-default{cursor:default}.instui-view.-cursor-pointer{cursor:pointer}.instui-view.-cursor-not-allowed{cursor:not-allowed}.instui-view.-cursor-text{cursor:text}.instui-view.-cursor-move{cursor:move}.instui-view.-cursor-grab{cursor:grab}.instui-view.-cursor-wait{cursor:wait}