.icon-button{background-color:inherit;aspect-ratio:1;border:none;justify-content:center;place-items:center;transition:background-color .4s cubic-bezier(.19,.63,0,.95) 50ms,border-radius .4s cubic-bezier(.19,.63,0,.95) 50ms;display:flex}.icon-button svg{aspect-ratio:1;transition:color .4s cubic-bezier(.19,.63,0,.95) 50ms}.icon-button.medium{width:4.375rem;padding:1.125rem}.icon-button.medium svg{font-size:1.875rem}.icon-button.small{width:3.5rem;padding:.8125rem}.icon-button.small svg{font-size:1.5rem}.icon-button.tiny{width:2.5rem;padding:.5rem;border-width:.0625rem!important}.icon-button.tiny svg{font-size:1.375rem}.icon-button.disabled{filter:brightness(.6)saturate(.1)}.icon-button.loading{cursor:not-allowed;opacity:.8;animation:1.5s ease-in-out infinite pulse}.icon-button .icon-button_spinner{border:.125rem solid #ffffff4d;border-top-color:var(--color-white);border-radius:50%;width:50%;height:50%;animation:1s linear infinite spin}.icon-button.primary{background-color:var(--color-green-700)}.icon-button.primary svg{color:var(--color-white)}.icon-button.primary:hover{background-color:var(--color-green-600)}.icon-button.primary:hover svg{color:var(--color-neutral-100)}.icon-button.primary:active{background-color:var(--color-green-500)}.icon-button.primary:active svg{color:var(--color-neutral-900)}.icon-button.secondary{background-color:#0000}.icon-button.secondary svg{color:var(--color-green-700)}.icon-button.secondary:hover svg{color:var(--color-green-600)}.icon-button.secondary:active svg{color:var(--color-green-500)}.icon-button.outlined{background-color:inherit;border:.125rem solid var(--color-green-700)}.icon-button.outlined svg{color:var(--color-green-700)}.icon-button.outlined:hover{border-color:var(--color-green-600)}.icon-button.outlined:hover svg{color:var(--color-green-600)}.icon-button.outlined:active{border-color:var(--color-green-500)}.icon-button.outlined:active svg{color:var(--color-green-500)}.icon-button.square{border-radius:.9375rem}.icon-button.square:hover,.icon-button.circle{border-radius:3.125rem}.icon-button.circle:hover{border-radius:.9375rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}