.icon-button{--icon-button-display:inline-flex;--icon-button-border-size:2px;--icon-button-border-color:#0000;--icon-button-border-radius:0;--icon-button-text-color:inherit;--icon-button-size:auto;--icon-button-pointer-events:auto;--icon-button-font-size:1em;--icon-button-font-family:var(--font-family-support);--icon-button-background-color:#0000;--icon-button-padding:0.5em;--icon-button-transition:var(--icon-button-transition-motion,none);--icon-button-text-decoration:none;--icon-button-expandable-content:none;align-items:center;background-color:var(--icon-button-background-color);border:var(--icon-button-border-size) solid var(--icon-button-border-color);border-radius:var(--icon-button-border-radius);color:var(--icon-button-text-color);cursor:pointer;display:var(--icon-button-display);flex-shrink:0;font-family:var(--icon-button-font-family);font-size:var(--icon-button-font-size);height:var(--icon-button-size);justify-content:center;padding:var(--icon-button-padding);pointer-events:var(--icon-button-pointer-events);-webkit-text-decoration:var(--icon-button-text-decoration);text-decoration:var(--icon-button-text-decoration);text-transform:uppercase;transition:var(--icon-button-transition);width:var(--icon-button-size);--icon-button-background-color:var(--color-primary-lightest);--icon-button-border-color:var(--color-primary-lightest)}@media(prefers-reduced-motion:no-preference){.icon-button{--icon-button-transition-motion:color 200ms ease,background 200ms ease,border 200ms ease}}.icon-button[disabled]{--icon-button-text-color:var(--color-dark-light);--icon-button-border-color:var(--color-light-light);--icon-button-background-color:var(--color-light-light);--icon-button-pointer-events:none}.icon-button:before{bottom:0;content:var(--icon-button-expandable-content);left:0;opacity:0;position:absolute;right:0;top:0}.icon-button:where(:not([disabled])):hover{--icon-button-background-color:var(--color-primary-light);--icon-button-border-color:var(--color-primary-light)}.icon-button--sm{--icon-button-font-size:0.625rem}.icon-button--md{--icon-button-font-size:0.875rem}.icon-button--lg{--icon-button-font-size:1.375rem}.icon-button--primary{--icon-button-text-color:var(--color-light-lightest);--icon-button-background-color:var(--color-primary-medium);--icon-button-border-color:var(--color-primary-medium)}.icon-button--primary:where(:not([disabled])):hover{--icon-button-text-color:var(--color-light-lightest);--icon-button-background-color:var(--color-primary-dark);--icon-button-border-color:var(--color-primary-dark)}.icon-button--secondary{--icon-button-text-color:var(--color-light-lightest);--icon-button-background-color:var(--color-primary-dark);--icon-button-border-color:var(--color-primary-dark)}.icon-button--secondary:where(:not([disabled])):hover{--icon-button-text-color:var(--color-light-lightest);--icon-button-background-color:var(--color-primary-medium);--icon-button-border-color:var(--color-primary-medium)}.icon-button--info{--icon-button-text-color:var(--color-dark-dark);--icon-button-background-color:var(--color-info-dark);--icon-button-border-color:var(--color-info-dark)}.icon-button--info:where(:not([disabled])):hover{--icon-button-background-color:var(--color-info-light);--icon-button-border-color:var(--color-info-light)}.icon-button--success{--icon-button-text-color:var(--color-dark-dark);--icon-button-background-color:var(--color-success-dark);--icon-button-border-color:var(--color-success-dark)}.icon-button--success:where(:not([disabled])):hover{--icon-button-background-color:var(--color-success-light);--icon-button-border-color:var(--color-success-light)}.icon-button--warning{--icon-button-text-color:var(--color-dark-dark);--icon-button-background-color:var(--color-warning-dark);--icon-button-border-color:var(--color-warning-dark)}.icon-button--warning:where(:not([disabled])):hover{--icon-button-background-color:var(--color-warning-light);--icon-button-border-color:var(--color-warning-light)}.icon-button--danger{--icon-button-text-color:var(--color-light-lightest);--icon-button-background-color:var(--color-danger-dark);--icon-button-border-color:var(--color-danger-dark)}.icon-button--danger:where(:not([disabled])):hover{--icon-button-text-color:var(--color-dark-dark);--icon-button-background-color:var(--color-danger-medium);--icon-button-border-color:var(--color-danger-medium)}.icon-button--dark{--icon-button-text-color:var(--color-light-lightest);--icon-button-background-color:var(--color-dark-dark);--icon-button-border-color:var(--color-dark-dark)}.icon-button--dark:where(:not([disabled])):hover{--icon-button-text-color:var(--color-light-lightest);--icon-button-background-color:var(--color-dark-medium);--icon-button-border-color:var(--color-dark-medium)}.icon-button--outline{--icon-button-text-color:var(--color-dark-dark);--icon-button-background-color:#0000}.icon-button--expand-clickable-area{--icon-button-expandable-content:""}