.icon-button{cursor:pointer;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;text-align:center;border:1px solid var(--color-button-light);border-radius:var(--icon-button-radius);justify-content:center;align-items:center;gap:var(--space-size-3xs);background-color:var(--color-button-light);color:var(--color-button-dark);transition:background-color var(--transition-default-duration) var(--transition-default-timing-function),border-color var(--transition-default-duration) var(--transition-default-timing-function),color var(--transition-default-duration) var(--transition-default-timing-function);width:var(--space-size-xl);height:var(--space-size-xl);flex-direction:row;margin:0;padding:0;display:inline-flex;position:relative}.icon-button[disabled]{cursor:default;opacity:.3}.icon-button:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:2px}.icon-button__icon{width:var(--space-size-m);height:var(--space-size-m);justify-content:center;align-items:center;display:inline-flex}.icon-button__icon svg{width:100%;height:100%;display:block}.icon-button--variant-dark{background-color:var(--icon-button-dark-background);border-color:var(--icon-button-dark-background);color:var(--color-button-light)}.icon-button--variant-dark:not([disabled]):focus-visible,.icon-button--variant-dark:not([disabled]):hover{color:var(--icon-button-dark-background);background-color:#0000}.icon-button--variant-light{background-color:var(--color-button-light);border-color:var(--color-button-light);color:var(--color-button-dark)}.icon-button--variant-light:not([disabled]):focus-visible,.icon-button--variant-light:not([disabled]):hover{color:var(--color-button-light);background-color:#0000}.icon-button--variant-outlined{border-color:var(--color-button-light);color:var(--color-button-light);background-color:#0000}.icon-button--variant-outlined:not([disabled]):focus-visible,.icon-button--variant-outlined:not([disabled]):hover{background-color:var(--color-button-light);color:var(--color-button-dark)}.icon-button--variant-text{color:var(--color-body-text);background-color:#0000;border-color:#0000}.icon-button--variant-text:not([disabled]):focus-visible,.icon-button--variant-text:not([disabled]):hover{color:var(--color-accent-bright);background-color:#0000;border-color:#0000}