.close-button{display:inline-grid;place-items:center;padding:0;border:1px solid transparent;border-radius:var(--radius-1);background:transparent;color:var(--text-muted);font:inherit;line-height:1;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.close-button--small{width:24px;height:24px}.close-button--medium{width:32px;height:32px}.close-button--large{width:40px;height:40px}.close-button--circular{border-color:var(--surface-overlay-border);border-radius:50%;background:var(--surface-overlay-subtle)}.close-button:hover:not(:disabled){background:var(--surface-overlay);color:var(--text)}.close-button--circular:hover:not(:disabled){transform:scale(1.05)}.close-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.close-button:disabled{cursor:not-allowed;opacity:.6}