/*! * Copyright 2024 Adobe. All rights reserved. * * This file is licensed to you under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. You may obtain a copy * of the License at * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ .spectrum-ClearButton.spectrum-ClearButton--staticWhite{--spectrum-clear-button-background-color-hover:var(--spectrum-transparent-white-400);--spectrum-clear-button-background-color-down:var(--spectrum-transparent-white-500);--spectrum-clear-button-background-color-key-focus:var(--spectrum-transparent-white-400)}.spectrum-ClearButton{--spectrum-clear-button-background-color:transparent;--spectrum-clear-button-background-color-hover:transparent;--spectrum-clear-button-background-color-down:transparent;--spectrum-clear-button-background-color-key-focus:transparent;--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus);block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));border-radius:100%;background-color:var(--mod-clear-button-background-color,transparent);margin:0;padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));border:none;color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color))}.spectrum-ClearButton.spectrum-ClearButton--sizeS{--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}.spectrum-ClearButton.spectrum-ClearButton--sizeL{--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}.spectrum-ClearButton.spectrum-ClearButton--sizeXL{--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}.spectrum-ClearButton.spectrum-ClearButton--quiet{--mod-clear-button-background-color:transparent;--mod-clear-button-background-color-hover:transparent;--mod-clear-button-background-color-down:transparent;--mod-clear-button-background-color-key-focus:transparent}.spectrum-ClearButton.spectrum-ClearButton--staticWhite{--mod-clear-button-icon-color:var(--spectrum-white);--mod-clear-button-icon-color-hover:var(--spectrum-white);--mod-clear-button-icon-color-down:var(--spectrum-white);--mod-clear-button-icon-color-key-focus:var(--spectrum-white);--mod-clear-button-icon-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-clear-button-background-color:transparent}.spectrum-ClearButton.is-disabled,.spectrum-ClearButton:disabled{--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-disabled-content-color);--mod-clear-button-icon-color-down:var(--spectrum-disabled-content-color);--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}.spectrum-ClearButton:not(:disabled){cursor:pointer}.spectrum-ClearButton>.spectrum-Icon{margin-block:0;margin-inline:auto}@media (hover:hover){.spectrum-ClearButton:not(:disabled):hover{color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}.spectrum-ClearButton:not(:disabled):hover .spectrum-ClearButton-fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}.spectrum-ClearButton:not(:disabled):active{color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}.spectrum-ClearButton:not(:disabled):active .spectrum-ClearButton-fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}.spectrum-ClearButton:not(:disabled):focus-visible,.spectrum-ClearButton:not(:disabled):focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}.spectrum-ClearButton:not(:disabled):focus-visible .spectrum-ClearButton-fill,.spectrum-ClearButton:not(:disabled):focus-within .spectrum-ClearButton-fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.spectrum-ClearButton-icon{color:inherit}.spectrum-ClearButton-fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;display:flex;align-items:center;justify-content:center}.spectrum-ClearButton--overBackground:focus-visible,.spectrum-ClearButton--staticWhite:focus-visible{outline:none}@media (forced-colors:active){.spectrum-ClearButton:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}