@layer components{.CloseIconButton_root__j_UAT{--hit-area:var(--close-btn-hit-size);--close-btn-size:22px;--close-btn-icon-size:18px;--close-btn-hit-size:48px;--close-btn-border-color:currentColor;--close-btn-hover-text:var(
      --clickable-icon-outline-text-color,var(--background-color-primary,#fff)
    );--close-btn-hover-bg:var(
      --clickable-icon-outline-background-color,var(--text-color-primary,#000)
    );--close-btn-hover-border:var(--close-btn-hover-bg);position:relative;width:var(--close-btn-size);height:var(--close-btn-size);padding:0;border:0;border-radius:4px;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;line-height:1cap}.CloseIconButton_root__j_UAT:disabled{opacity:.5;cursor:not-allowed}.CloseIconButton_root__j_UAT .CloseIconButton_iconContainer__2q04l{position:relative;z-index:1;display:grid;place-items:center;width:var(--close-btn-size);height:var(--close-btn-size);border-radius:50%;box-shadow:inset 0 0 0 1px var(--close-btn-border-color);transition-property:background,box-shadow,color;transition-duration:.15s;transition-timing-function:ease-in}.CloseIconButton_glyph__5twL2{display:block;width:var(--close-btn-icon-size);height:var(--close-btn-icon-size)}@media (hover:hover){.CloseIconButton_root__j_UAT:hover:not(:disabled) .CloseIconButton_iconContainer__2q04l{color:var(--close-btn-hover-text);background:var(--close-btn-hover-bg);box-shadow:inset 0 0 0 1px var(--close-btn-hover-border)}}}