.button{font-family:var(--font-accent-semibold);text-decoration:none;position:relative;border-radius:4px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;border:none;white-space:nowrap;cursor:pointer;padding-bottom:2px!important}.button:focus-visible{box-shadow:var(--focus);outline:none}.button-danger{color:var(--foreground-danger-inverted);background-color:var(--background-danger)}.button-danger:hover{background-color:var(--background-danger-hover)}.button-danger:active{background-color:var(--background-danger-active)}.button-small{padding:0 var(--size-150);font-size:13px;height:40px;min-width:40px;line-height:20px;gap:var(--size-100)}.button-small svg{width:20px;height:20px}.button-small svg *{stroke-width:1.25px}.button-medium{padding:0 var(--size-200);font-size:13px;height:44px;min-width:44px;line-height:20px;gap:var(--size-100)}.button-medium svg{width:20px;height:20px}.button-medium svg *{stroke-width:1.25px}.button-large{padding:0 var(--size-300);font-size:16px;min-height:56px;min-width:56px;line-height:24px;gap:var(--size-100)}.button-large svg{width:24px;height:24px}.button-large svg *{stroke-width:1.25px}.button-fluid{width:100%}.button .buttonHelper{height:68px;padding-bottom:var(--size-50);box-sizing:border-box}.button .buttonHelper span{font-size:12px;font-weight:400;font-family:var(--font-body);line-height:1}.button[disabled]{background-color:var(--background-neutral-disabled);color:var(--foreground-neutral-disabled);pointer-events:none}.button[aria-pressed=true],.button[aria-pressed=true]:hover{background-color:var(--background-primary);color:var(--black-400)}.button[aria-expanded=true]{background-color:var(--background-neutral-hover)}.button-solid{color:var(--foreground-primary);background-color:var(--background-primary)}.button-solid:hover{background-color:var(--background-primary-hover)}.button-solid:active{background-color:var(--background-primary-active)}.button-solid-neutral{color:var(--foreground-neutral);background-color:transparent}.button-solid-neutral:hover{background-color:var(--background-neutral-hover)}.button-solid-neutral:active{background-color:var(--background-neutral-active)}.button-solid-neutral[data-state=open]{background-color:var(--background-neutral)}.button-solid-neutral[data-state=open]:hover{background-color:var(--background-neutral-hover)}.button-outline{color:var(--foreground-neutral);background-color:var(--background-neutral-container);border:1px solid var(--border-neutral)}.button-outline:hover{background-color:var(--background-neutral-hover)}.button-outline:active{background-color:var(--background-neutral-active)}.button-ghost{color:var(--foreground-neutral);background-color:transparent;border:none}.button-ghost:hover{background-color:var(--background-neutral-hover)}.button-ghost:active{background-color:var(--background-neutral-active)}.button-ghost-static{color:var(--black);background-color:transparent;border:none}.button-ghost-static:hover{background-color:var(--black-alpha)}.button-ghost-static:active{background-color:transparent}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-rowreverse{flex-direction:row-reverse}.flex-columnreverse{flex-direction:column-reverse}.flex.align-center{align-items:center}.flex.align-start{align-items:flex-start}.flex.align-end{align-items:flex-end}.flex.align-stretch{align-items:stretch}.flex.justify-center{justify-content:center}.flex.justify-start{justify-content:flex-start}.flex.justify-end{justify-content:flex-end}.flex.justify-stretch{justify-content:stretch}.flex.justify-between{justify-content:space-between}.flex.wrap-wrap{flex-wrap:wrap}.flex.wrap-nowrap{flex-wrap:nowrap}.flex.wrap-wrapreverse{flex-wrap:wrap-reverse}.flex.fluid{width:100%}.gap{--size-100: 8px}.gap-100{gap:calc(1 * var(--size-100))}.gap-200{gap:calc(2 * var(--size-100))}.gap-300{gap:calc(3 * var(--size-100))}.gap-400{gap:calc(4 * var(--size-100))}.gap-500{gap:calc(5 * var(--size-100))}.gap-600{gap:calc(6 * var(--size-100))}.gap-700{gap:calc(7 * var(--size-100))}.gap-800{gap:calc(8 * var(--size-100))}.gap-900{gap:calc(9 * var(--size-100))}.gap-1000{gap:calc(10 * var(--size-100))}.gap-1100{gap:calc(11 * var(--size-100))}.gap-1200{gap:calc(12 * var(--size-100))}.gap-1300{gap:calc(13 * var(--size-100))}.gap-1400{gap:calc(14 * var(--size-100))}.gap-1500{gap:calc(15 * var(--size-100))}.gap-1600{gap:calc(16 * var(--size-100))}.gap-1700{gap:calc(17 * var(--size-100))}.gap-1800{gap:calc(18 * var(--size-100))}
