@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-component-icon-base-color);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-component-base-button-primary-ghost-hover-background)}&:active{background:var(--instui-component-base-button-primary-ghost-active-background)}&:disabled,&[aria-disabled=true]{color:var(--instui-component-icon-disabled-base-color);cursor:not-allowed}&.-size-sm{min-height:var(--instui-component-base-button-small-height)}&.-size-md{min-height:var(--instui-component-base-button-medium-height)}&.-size-lg{min-height:var(--instui-component-base-button-large-height)}&.-on-color,&.-color-inverse{color:var(--instui-component-icon-on-color)}&.-on-color:hover,&.-color-inverse:hover{background:var(--instui-component-base-button-primary-inverse-ghost-hover-background)}&.-on-color:active,&.-color-inverse:active{background:var(--instui-component-base-button-primary-inverse-ghost-active-background)}&.-on-color:disabled,&.-on-color[aria-disabled=true],&.-color-inverse:disabled,&.-color-inverse[aria-disabled=true]{color:var(--instui-component-icon-disabled-on-color)}&.-size-small{min-height:var(--instui-component-base-button-small-height)}&.-size-medium{min-height:var(--instui-component-base-button-medium-height)}&.-size-large{min-height:var(--instui-component-base-button-large-height)}}