.button{align-items:center;cursor:pointer;display:inline-flex;font-size:var(--font-size-normal);font-weight:var(--font-weight-semibold);gap:var(--spacing-8);letter-spacing:.01em;min-width:-moz-fit-content;min-width:fit-content;text-transform:capitalize}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.button:active{transform:scale(.95)}.button .loading-indicator{display:inline-block}.button--danger,.button--primary,.button--secondary{border-radius:var(--border-radius);box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 1px 2px #0000000d;padding:var(--spacing-8) var(--spacing-12);text-decoration:none;transition:background var(--transition-timing) var(--transition-easing),border-color var(--transition-timing) var(--transition-easing),transform var(--transition-timing) var(--transition-easing)}.button--danger[disabled],.button--primary[disabled],.button--secondary[disabled]{cursor:not-allowed;opacity:.5}.button--primary{background-color:var(--color-gray-800);border:1px solid var(--color-gray-950);color:var(--color-gray-100);fill:var(--color-gray-100)}.button--primary:hover{background-color:var(--color-gray-950)}.button--secondary{background-color:var(--color-gray-50);border:1px solid var(--color-gray-400);color:var(--color-gray-700);fill:var(--color-gray-700)}.button--secondary:hover{background-color:var(--color-gray-100)}.button--secondary:focus-visible{background-color:color-mix(in lch,var(--color-gray-100) 95%,var(--color-gray-950))}.button--text{background:none;border:none;color:var(--color-primary);display:inline-flex;font-weight:var(--font-weight-normal);margin:0;padding:0;text-align:left;text-decoration:underline;text-transform:none;transition:color var(--transition-timing) var(--transition-easing);-webkit-user-select:text;-moz-user-select:text;user-select:text}.button--text:hover{color:color-mix(in lch,var(--color-primary) 75%,var(--color-gray-950))}.button--text:focus-visible{transform:none}.button--text .loading-indicator{margin-left:var(--spacing-8)}.button--text[disabled]{cursor:not-allowed}.button--danger{background-color:var(--color-red-500);border:1px solid var(--color-red-600);color:var(--color-gray-50);fill:var(--color-gray-50)}.button--danger:hover{background-color:var(--color-red-600)}.button:has(.button__arrow){align-items:center;display:flex}.button__arrow{--arrowSpacing:5px;--arrowHoverTransition:.15s cubic-bezier(.215,.61,.355,1);--arrowHoverOffset:translateX(3px);--arrowTipTransform:none;--arrowLineOpacity:0;--hoverTransition:.15s cubic-bezier(.215,.61,.355,1);margin-left:var(--arrowSpacing);position:relative;top:1px;stroke-width:2px;fill:none;stroke:currentColor}.button__arrow__linePath{opacity:var(--arrowLineOpacity);transition:opacity var(--hoverTransition,var(--arrowHoverTransition))}.button__arrow__tipPath{transform:var(--arrowTipTransform);transition:transform var(--hoverTransition,var(--arrowHoverTransition))}.button:hover .button__arrow{--arrowLineOpacity:1;--arrowTipTransform:var(--arrowHoverOffset)}.button--small{font-size:var(--font-size-sm)}.button--small:not(.button--text){padding:var(--spacing-4) var(--spacing-8)}.button--small .loading-indicator{height:24px;width:16px}.button--medium{font-size:var(--font-size-normal)}.button--medium:not(.button--text){padding:var(--spacing-8) var(--spacing-12)}.button--medium .loading-indicator{height:24px;width:18px}.button--large{font-size:var(--font-size-lg)}.button--large:not(.button--text){padding:var(--spacing-12) var(--spacing-24)}.button--large .loading-indicator{height:24px;width:24px}.spinner{stroke:currentColor;animation:spinner 2s linear infinite;height:100%;transform-origin:center;width:100%}.spinner circle{stroke-linecap:round;animation:spinnerCircle 1.5s ease-in-out infinite}@keyframes spinner{to{transform:rotate(1turn)}}@keyframes spinnerCircle{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}