@scope(.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-sm) 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}&:hover{background:var(--instui-color-background-interactive-action-primary-hover)}&:active{background:var(--instui-color-background-interactive-action-primary-active)}&:disabled,&[aria-disabled=true]{background:var(--instui-component-base-button-primary-disabled-background-color);border-color:var(--instui-component-base-button-primary-disabled-border-color);color:var(--instui-component-base-button-primary-color);cursor:not-allowed}&.-color-primary{background:var(--instui-color-background-interactive-action-primary-base);color:var(--instui-color-text-interactive-action-primary-base);border-color:var(--instui-color-stroke-interactive-action-primary-base)}&.-color-primary:hover{background:var(--instui-color-background-interactive-action-primary-hover);border-color:var(--instui-color-stroke-interactive-action-primary-hover)}&.-color-primary:active{background:var(--instui-color-background-interactive-action-primary-active);border-color:var(--instui-color-stroke-interactive-action-primary-active)}&.-color-primary:disabled,&.-color-primary[aria-disabled=true]{background:var(--instui-component-base-button-primary-disabled-background-color);border-color:var(--instui-component-base-button-primary-disabled-border-color);color:var(--instui-component-base-button-primary-color)}&.-color-secondary{background:var(--instui-component-base-button-secondary-background);color:var(--instui-component-base-button-secondary-color);border-color:var(--instui-component-base-button-secondary-border-color)}&.-color-secondary:hover{background:var(--instui-component-base-button-secondary-hover-background);border-color:var(--instui-component-base-button-secondary-hover-border-color);color:var(--instui-component-base-button-secondary-hover-text-color)}&.-color-secondary:active{background:var(--instui-component-base-button-secondary-active-background);border-color:var(--instui-component-base-button-secondary-active-border-color);color:var(--instui-component-base-button-secondary-active-text-color)}&.-color-secondary:disabled,&.-color-secondary[aria-disabled=true]{background:var(--instui-component-base-button-secondary-disabled-background-color);border-color:var(--instui-component-base-button-secondary-disabled-border-color);color:var(--instui-component-base-button-secondary-disabled-text-color)}&.-color-danger{background:var(--instui-color-background-interactive-action-destructive-base);color:var(--instui-color-text-interactive-action-status-base)}&.-color-danger:hover{background:var(--instui-color-background-interactive-action-destructive-hover)}&.-color-danger:active{background:var(--instui-color-background-interactive-action-destructive-active)}&.-color-success{background:var(--instui-color-background-interactive-action-success-base);color:var(--instui-color-text-interactive-action-status-base)}&.-color-success:hover{background:var(--instui-color-background-interactive-action-success-hover)}&.-color-tertiary,&.-ghost{color:var(--instui-component-base-button-primary-ghost-color);border-color:var(--instui-component-base-button-primary-ghost-border-color);background:0 0}&.-color-tertiary:hover,&.-ghost:hover{background:var(--instui-component-base-button-primary-ghost-hover-background);border-color:var(--instui-component-base-button-tertiary-hover-border-color);color:var(--instui-component-base-button-tertiary-hover-text-color)}&.-color-tertiary:active,&.-ghost:active{background:var(--instui-component-base-button-primary-ghost-active-background);border-color:var(--instui-component-base-button-tertiary-active-border-color);color:var(--instui-component-base-button-tertiary-active-text-color)}&.-color-tertiary:disabled,&.-color-tertiary[aria-disabled=true],&.-ghost:disabled,&.-ghost[aria-disabled=true]{border-color:var(--instui-component-base-button-tertiary-disabled-border-color);color:var(--instui-component-base-button-tertiary-disabled-text-color);background:0 0}&.-without-background:hover{background:var(--instui-component-base-button-primary-ghost-hover-background)}&.-without-background:active{background:var(--instui-component-base-button-primary-ghost-active-background)}&.-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)}&.-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)}&.-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)}&.-on-color:not([class*=-color-]),&.-color-primary.-on-color{background:var(--instui-component-base-button-primary-inverse-background);border-color:var(--instui-component-base-button-primary-inverse-border-color);color:var(--instui-component-base-button-primary-inverse-color)}&.-on-color:not([class*=-color-]):hover,&.-color-primary.-on-color:hover{background:var(--instui-component-base-button-primary-inverse-hover-background);border-color:var(--instui-component-base-button-primary-on-color-hover-border-color);color:var(--instui-component-base-button-primary-on-color-hover-text-color)}&.-on-color:not([class*=-color-]):active,&.-color-primary.-on-color:active{background:var(--instui-component-base-button-primary-inverse-active-background);border-color:var(--instui-component-base-button-primary-on-color-active-border-color);color:var(--instui-component-base-button-primary-on-color-active-text-color)}&.-on-color:not([class*=-color-]):disabled,&.-on-color:not([class*=-color-])[aria-disabled=true],&.-color-primary.-on-color:disabled,&.-color-primary.-on-color[aria-disabled=true]{background:var(--instui-component-base-button-primary-on-color-disabled-background-color);border-color:var(--instui-component-base-button-primary-on-color-disabled-border-color);color:var(--instui-component-base-button-primary-on-color-disabled-text-color)}&.-color-secondary.-on-color{border-color:var(--instui-component-base-button-primary-inverse-ghost-border-color);color:var(--instui-component-base-button-primary-inverse-ghost-color);background:0 0}&.-color-secondary.-on-color:hover{background:var(--instui-component-base-button-primary-inverse-ghost-hover-background);border-color:var(--instui-component-base-button-primary-on-color-hover-border-color);color:var(--instui-component-base-button-secondary-on-color-hover-text-color)}&.-color-secondary.-on-color:active{background:var(--instui-component-base-button-primary-inverse-ghost-active-background);border-color:var(--instui-component-base-button-secondary-on-color-active-border-color);color:var(--instui-component-base-button-secondary-on-color-active-text-color)}&.-color-secondary.-on-color:disabled,&.-color-secondary.-on-color[aria-disabled=true]{border-color:var(--instui-component-base-button-secondary-on-color-disabled-border-color);color:var(--instui-component-base-button-secondary-on-color-disabled-text-color);background:0 0}&.-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}&.-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}&.-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}&.-color-ai:disabled,&.-color-ai[aria-disabled=true]{color:var(--instui-component-base-button-ai-disabled-text-color);border-color:var(--instui-component-base-button-ai-disabled-border-color);background:var(--instui-component-base-button-ai-disabled-background-color)}&.-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}&.-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}&.-color-ai-secondary:hover,&.-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}&.-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%)}&.-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%)}&.-color-ai-secondary:disabled,&.-color-ai-secondary[aria-disabled=true]{border-color:var(--instui-component-base-button-ai-disabled-border-color);color:var(--instui-component-base-button-ai-disabled-text-color);-webkit-text-fill-color:currentColor;background:0 0}&.-color-ai:before{background:var(--instui-color-text-interactive-action-ai-base)}&.-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%)}&.-color-ai[class*=-icon-]:before{background:currentColor}&.-color-ai-secondary[class*=-icon-]: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%)}&.-color-ai:disabled:before,&.-color-ai[aria-disabled=true]:before,&.-color-ai-secondary:disabled:before,&.-color-ai-secondary[aria-disabled=true]:before{background:var(--instui-component-icon-action-ai-disabled-color)}&.-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)}&.-display-block{width:100%;display:flex}&.-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)}&.-size-sm:is(.-shape-square,[class*=-icon-]:not(:has(>*)),[class*=-icon-]:has(>.instui-screen-reader-content:only-child)){inline-size:var(--instui-component-base-button-small-height)}&.-size-md{font-size:var(--instui-component-base-button-medium-font-size);min-height:var(--instui-component-base-button-medium-height);padding-inline:var(--instui-component-base-button-medium-padding-horizontal)}&.-size-md:is(.-shape-square,[class*=-icon-]:not(:has(>*)),[class*=-icon-]:has(>.instui-screen-reader-content:only-child)){inline-size:var(--instui-component-base-button-medium-height)}&.-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)}&.-size-lg:is(.-shape-square,[class*=-icon-]:not(:has(>*)),[class*=-icon-]:has(>.instui-screen-reader-content:only-child)){inline-size:var(--instui-component-base-button-large-height)}&.-shape-square,&[class*=-icon-]:not(:has(>*)),&[class*=-icon-]:has(>.instui-screen-reader-content:only-child){padding:var(--instui-spacing-space-xs);aspect-ratio:1}&.-shape-circle{padding:var(--instui-spacing-space-xs);aspect-ratio:1;border-radius:50%}&[class*=-icon-]:before{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;margin-inline-end:var(--instui-spacing-space-xs);display:inline-block}&.-shape-square[class*=-icon-]:before,&.-shape-circle[class*=-icon-]:before,&[class*=-icon-]:not(:has(>*)):before,&[class*=-icon-]:has(>.instui-screen-reader-content:only-child):before{block-size:1.25em;inline-size:1.25em;margin-inline-end:0}&.-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}&.-condensed:hover{background:var(--instui-color-background-muted)}&.-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)}&.-without-border{border-style:none}&.-color-ai-secondary.-without-border:after{display:none}}.instui-button-group{align-items:center;gap:var(--instui-component-shared-tokens-spacing-gap-buttons);flex-wrap:wrap;display:flex}.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[class*=-icon-]:before,.instui-button.-color-ai-secondary[class*=-icon-]:before{-webkit-mask:var(--pantoken-glyph) center / contain no-repeat;mask:var(--pantoken-glyph) center / contain no-repeat}&.-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)}&.-size-small:is(.-shape-square,[class*=-icon-]:not(:has(>*)),[class*=-icon-]:has(>.instui-screen-reader-content:only-child)){inline-size:var(--instui-component-base-button-small-height)}&.-size-medium{font-size:var(--instui-component-base-button-medium-font-size);min-height:var(--instui-component-base-button-medium-height);padding-inline:var(--instui-component-base-button-medium-padding-horizontal)}&.-size-medium:is(.-shape-square,[class*=-icon-]:not(:has(>*)),[class*=-icon-]:has(>.instui-screen-reader-content:only-child)){inline-size:var(--instui-component-base-button-medium-height)}&.-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)}&.-size-large:is(.-shape-square,[class*=-icon-]:not(:has(>*)),[class*=-icon-]:has(>.instui-screen-reader-content:only-child)){inline-size:var(--instui-component-base-button-large-height)}