.clear-action-button{--clear-action-button-padding-block-small:2px;--clear-action-button-padding-block-medium:4px;--clear-action-button-padding-block-large:4px;--clear-action-button-padding-inline-small:2px;--clear-action-button-padding-inline-medium:4px;--clear-action-button-padding-inline-large:4px;--clear-action-button-background-color-default:transparent;--clear-action-button-background-color-hover:#fca4d8;--clear-action-button-background-color-active:#fca4d8;--clear-action-button-background-color-disabled:transparent;--clear-action-button-icon-color-default:#e00e8a;--clear-action-button-icon-color-hover:#990a5f;--clear-action-button-icon-color-active:#990a5f;--clear-action-button-icon-color-disabled:#ccc;--clear-action-button-border-radius-small:20px;--clear-action-button-border-radius-medium:24px;--clear-action-button-border-radius-large:32px}@media(prefers-color-scheme:dark){.clear-action-button{--clear-action-button-padding-block-small:2px;--clear-action-button-padding-block-medium:4px;--clear-action-button-padding-block-large:4px;--clear-action-button-padding-inline-small:2px;--clear-action-button-padding-inline-medium:4px;--clear-action-button-padding-inline-large:4px;--clear-action-button-background-color-default:transparent;--clear-action-button-background-color-hover:#fca4d8;--clear-action-button-background-color-active:#fca4d8;--clear-action-button-background-color-disabled:transparent;--clear-action-button-icon-color-default:#e00e8a;--clear-action-button-icon-color-hover:#990a5f;--clear-action-button-icon-color-active:#990a5f;--clear-action-button-icon-color-disabled:#ccc;--clear-action-button-border-radius-small:20px;--clear-action-button-border-radius-medium:24px;--clear-action-button-border-radius-large:32px}}.ids-clear-action-button{display:inline-flex;border:0;transition-duration:.33s;transition-property:background-color,color,fill;background-color:var(--clear-action-button-background-color-default)}.ids-clear-action-button svg{fill:var(--clear-action-button-icon-color-default)}.ids-clear-action-button:focus,.ids-clear-action-button:focus-visible,.ids-clear-action-button:hover{background-color:var(--clear-action-button-background-color-hover)}.ids-clear-action-button:focus svg,.ids-clear-action-button:focus-visible svg,.ids-clear-action-button:hover svg{fill:var(--clear-action-button-icon-color-hover)}.ids-clear-action-button:focus,.ids-clear-action-button:focus-visible{outline:1px auto var(--clear-action-button-icon-color-hover);outline-offset:2px}.ids-clear-action-button:active{background-color:var(--clear-action-button-background-color-active);outline:1px auto var(--clear-action-button-background-color-active);outline-offset:2px}.ids-clear-action-button:active svg{fill:var(--clear-action-button-icon-color-active)}.ids-clear-action-button:disabled,.ids-clear-action-button[disabled]{cursor:not-allowed;background-color:var(--clear-action-button-background-color-disabled)}.ids-clear-action-button:disabled svg,.ids-clear-action-button[disabled] svg{pointer-events:none;fill:var(--clear-action-button-icon-color-disabled)}.ids-clear-action-button--large{border-radius:var(--clear-action-button-border-radius-large);padding:var(--clear-action-button-padding-block-large) var(--clear-action-button-padding-inline-large)}.ids-clear-action-button--medium{border-radius:var(--clear-action-button-border-radius-medium);padding:var(--clear-action-button-padding-block-medium) var(--clear-action-button-padding-inline-medium)}.ids-clear-action-button--small{border-radius:var(--clear-action-button-border-radius-small);padding:var(--clear-action-button-padding-block-small) var(--clear-action-button-padding-inline-small)}