.ds-icon-button{border-radius:.5rem;justify-content:center;align-items:center;display:flex}.ds-icon-button.--sm{width:2.25rem;height:2.25rem}.ds-icon-button.--md{width:2.5rem;height:2.5rem}.ds-icon-button.--lg{width:2.75rem;height:2.75rem}.ds-icon-button.--xl{width:3rem;height:3rem}.ds-icon-button.--primary.--light{background-color:var(--color-secondary-bg-light);color:var(--color-cool-grey-500)}.ds-icon-button.--primary.--light:hover{background-color:var(--color-grey-100)}.ds-icon-button.--primary.--light:active{background-color:var(--color-secondary-bg-dark)}.ds-icon-button.--primary.--light:focus-visible{background-color:var(--color-secondary-bg-light);outline-offset:2px;outline:2px solid #0000}.ds-icon-button.--grey.--light{color:var(--color-cool-grey-500);background-color:#0000}.ds-icon-button.--grey.--light:hover{background-color:var(--color-secondary-bg-dark)}.ds-icon-button.--grey.--light:active{background-color:var(--color-secondary-bg-light)}.ds-icon-button.--grey.--light:focus-visible{background-color:var(--color-secondary-bg-dark);outline-offset:2px;outline:2px solid #0000}.ds-icon-button.--tertiary.--light{color:var(--color-primary);background-color:#0000}.ds-icon-button.--tertiary.--light:hover{background-color:var(--color-primary-bg-dark)}.ds-icon-button.--tertiary.--light:active{background-color:var(--color-primary-bg-light)}.ds-icon-button.--tertiary.--light:focus-visible{background-color:var(--color-primary-bg-dark);outline-offset:2px;outline:2px solid #0000}.ds-icon-button.--primary.--dark{color:var(--color-white);background-color:#ffffff14}.ds-icon-button.--primary.--dark:hover{background-color:#ffffff29}.ds-icon-button.--primary.--dark:active{background-color:#ffffff14}.ds-icon-button.--primary.--dark:focus-visible{outline-offset:2px;background-color:#ffffff29;outline:2px solid #0000}.ds-icon-button.--grey.--dark{color:var(--color-white);background-color:#0000}.ds-icon-button.--grey.--dark:hover{background-color:#ffffff1f}.ds-icon-button.--grey.--dark:active{background-color:#ffffff14}.ds-icon-button.--grey.--dark:focus-visible{outline-offset:2px;background-color:#ffffff1f;outline:2px solid #0000}.ds-icon-button.--tertiary.--dark{color:var(--color-white);background-color:#0000}.ds-icon-button.--tertiary.--dark:hover{background-color:#ffffff1f}.ds-icon-button.--tertiary.--dark:active{background-color:#ffffff14}.ds-icon-button.--tertiary.--dark:focus-visible{outline-offset:2px;background-color:#ffffff1f;outline:2px solid #0000}