@layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
@layer sf.overrides{.sf-icon-button.sf-button-close{--sf-button-close--ink: var(--sf-on-surface);--sf-icon-button--background-color: transparent;--sf-icon-button--radius: var(--sf-icon-button-radius, var(--sf-radius--ui));cursor:pointer;position:relative}.sf-icon-button.sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-close-color, var(--sf-button-close--ink))}.sf-icon-button.sf-button-close.sf-button-close--on-surface-variant{--sf-button-close--ink: var(--sf-on-surface-variant)}.sf-icon-button.sf-button-close.sf-button-close--backdrop-color{--sf-button-close--ink: currentColor;color:inherit}.sf-icon-button.sf-button-close.sf-button-close--radius-rounded{--sf-icon-button--radius: var(--sf-radius-rounded)}.sf-icon-button.sf-button-close.sf-button-close--ghost:not(:disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-button-close.sf-button-close--ghost:not(:disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-button-close.sf-button-close--ghost.sf-button-close--on-surface-variant:not(:disabled):hover{--sf-button-close--ink: var(--sf-on-surface)}.sf-icon-button.sf-button-close.sf-button-close--ghost.sf-button-close--on-surface-variant:not(:disabled):active{--sf-button-close--ink: var(--sf-on-surface)}.sf-icon-button.sf-button-close.sf-button-close--ghost.sf-button-close--backdrop-color:not(:disabled):hover{--sf-icon-button--background-color: color-mix(in srgb, currentColor 8%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--ghost.sf-button-close--backdrop-color:not(:disabled):active{--sf-icon-button--background-color: color-mix(in srgb, currentColor 12%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--plain{--sf-button-close--base: var(--sf-on-surface);--sf-button-close--ink: color-mix(in srgb, var(--sf-button-close--base) 64%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--plain.sf-button-close--on-surface-variant{--sf-button-close--ink: var(--sf-on-surface-variant)}.sf-icon-button.sf-button-close.sf-button-close--plain.sf-button-close--backdrop-color{--sf-button-close--base: currentColor;--sf-button-close--ink: color-mix(in srgb, currentColor 64%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--plain:not(:disabled):hover{--sf-button-close--ink: var(--sf-button-close--base)}.sf-icon-button.sf-button-close.sf-button-close--plain:not(:disabled):active{--sf-button-close--ink: var(--sf-button-close--base)}.sf-icon-button.sf-button-close.sf-button-close--plain:not(:disabled).focus-visible{outline:none;--sf-icon-button--focus-inset: 0 0 var(--sf-transparent)}.sf-icon-button.sf-button-close.sf-button-close--plain:not(:disabled):focus-visible{outline:none;--sf-icon-button--focus-inset: 0 0 var(--sf-transparent)}.sf-icon-button.sf-button-close.sf-button-close--plain:not(:disabled).focus-visible>.sf-close{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-px)*1);border-radius:var(--sf-radius--ui)}.sf-icon-button.sf-button-close.sf-button-close--plain:not(:disabled):focus-visible>.sf-close{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-px)*1);border-radius:var(--sf-radius--ui)}.sf-icon-button.sf-button-close.sf-button-close--media{--sf-button-close--ink: var(--sf-white);--sf-icon-button--radius: var(--sf-radius-rounded);--sf-icon-button--background-color: color-mix(in srgb, var(--sf-black) 48%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--media:not(:disabled):hover{--sf-icon-button--background-color: color-mix(in srgb, var(--sf-black) 64%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--media:not(:disabled):active{--sf-icon-button--background-color: color-mix(in srgb, var(--sf-black) 80%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--ghost.sf-button-close--on-surface:disabled{--sf-button-close--ink: var(--sf-on-disable);cursor:default}.sf-icon-button.sf-button-close.sf-button-close--ghost.sf-button-close--on-surface-variant:disabled{--sf-button-close--ink: var(--sf-on-disable);cursor:default}.sf-icon-button.sf-button-close.sf-button-close--plain.sf-button-close--on-surface:disabled{--sf-button-close--ink: var(--sf-on-disable);cursor:default}.sf-icon-button.sf-button-close.sf-button-close--plain.sf-button-close--on-surface-variant:disabled{--sf-button-close--ink: var(--sf-on-disable);cursor:default}.sf-icon-button.sf-button-close.sf-button-close--media.sf-button-close--on-surface:disabled{--sf-button-close--ink: var(--sf-on-disable);cursor:default}.sf-icon-button.sf-button-close.sf-button-close--media.sf-button-close--on-surface-variant:disabled{--sf-button-close--ink: var(--sf-on-disable);cursor:default}@media(forced-colors: active){.sf-icon-button.sf-button-close>.sf-close>.sf-close-icon{forced-color-adjust:none;background-color:ButtonText}.sf-icon-button.sf-button-close:disabled>.sf-close>.sf-close-icon{background-color:GrayText}}}