.icon-button{align-items:center;background:var(--primary);border-radius:9999px;cursor:pointer;display:inline-flex;height:64px;justify-content:center;line-height:0;position:relative;transition:transform .05s ease,border .2s ease-out;width:64px}.icon-button:hover{filter:brightness(120%)}.icon-button:focus-visible{box-shadow:0 8px 16px #867e740a,0 0 12px #867e741f}.icon-button:active:not([disabled]){transform:scale(.95)}.icon-button:disabled:not(.icon-button--loading){background:#fbf9f7;cursor:auto;pointer-events:none}.icon-button--loading{cursor:auto;pointer-events:none}.icon-button--medium{height:48px;width:48px}.icon-button--small{height:40px;width:40px}.icon-button--secondary{background:var(--primary-lightest);border:1px solid var(--primary-light)}.icon-button--secondary:hover{background:var(--primary-lightest);border:1px solid var(--primary)}.icon-button--secondary:disabled:not(.icon-button--loading){background:#fbf9f7;border:1px solid #f3eee8}.icon-button--ghost,.icon-button--ghost:disabled:not(.icon-button--loading),.icon-button--ghost:hover{background:#fbf9f7}.icon-button--neutral{background:#fbf9f7;border:1px solid #fff}.icon-button--neutral:disabled:not(.icon-button--loading),.icon-button--neutral:hover{background:#fbf9f7}.icon-button--inverted,.icon-button--inverted:hover{background:#fff}.icon-button--inverted:disabled:not(.icon-button--loading){background:#fbf9f7}.icon-button--shadow{box-shadow:0 4px 8px #867e740a,0 0 4px #867e741f}