@keyframes hyly-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hyly-btn-spin{transform-origin:50%;animation:.9s linear infinite hyly-button-spin}.btn{cursor:pointer;font-family:var(--font-family);border-radius:var(--shape-cr-4);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;outline:none;justify-content:center;align-items:center;font-weight:600;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn--small{padding:var(--space-8) var(--space-16);gap:var(--space-4);font-size:12px;line-height:16px}.btn--medium{padding:var(--space-10) var(--space-20);gap:var(--space-6);font-size:14px;line-height:20px}.btn--large,.btn--x-large{padding:var(--space-12) var(--space-24);gap:var(--space-8);font-size:16px;line-height:24px}.btn--primary.btn--general{background-color:var(--color-brand-bold);color:var(--color-bg-white)}.btn--primary.btn--general:hover:not(:disabled){background-color:var(--color-brand-dark)}.btn--primary.btn--general:active:not(:disabled){background-color:var(--color-brand-default)}.btn--primary.btn--general:focus-visible{background-color:var(--color-brand-bold);outline:var(--stroke-strong) solid var(--color-brand-bold);outline-offset:var(--stroke-strong)}.btn--secondary.btn--general{color:var(--color-text-dark);border:var(--stroke-regular) solid var(--color-text-subtle);background-color:#0000}.btn--secondary.btn--general:hover:not(:disabled){color:var(--color-brand-bold);border-color:var(--color-brand-bold)}.btn--secondary.btn--general:active:not(:disabled){color:var(--color-brand-default);border-color:var(--color-brand-default)}.btn--secondary.btn--general:focus-visible{color:var(--color-text-dark);border-color:var(--color-brand-bold);outline:var(--stroke-strong) solid var(--color-brand-bold);outline-offset:var(--stroke-strong)}.btn--tertiary.btn--general{color:var(--color-text-dark);background-color:#0000;border:none}.btn--tertiary.btn--general:hover:not(:disabled){background-color:var(--color-bg-grey-light);color:var(--color-brand-bold)}.btn--tertiary.btn--general:active:not(:disabled){background-color:var(--color-brand-light);color:var(--color-brand-bold)}.btn--tertiary.btn--general:focus-visible{color:var(--color-text-dark);outline:var(--stroke-strong) solid var(--color-brand-bold);outline-offset:var(--stroke-strong)}.btn--primary.btn--critical{background-color:var(--color-status-critical-dark);color:var(--color-bg-white)}.btn--primary.btn--critical:hover:not(:disabled){background-color:var(--color-status-critical-light)}.btn--primary.btn--critical:active:not(:disabled){background-color:var(--color-status-critical-lighter)}.btn--primary.btn--critical:focus-visible{outline:var(--stroke-strong) solid var(--color-status-critical-dark);outline-offset:var(--stroke-strong)}.btn--secondary.btn--critical{color:var(--color-status-critical-dark);border:var(--stroke-regular) solid var(--color-status-critical-dark);background-color:#0000}.btn--secondary.btn--critical:hover:not(:disabled){color:var(--color-status-critical-light);border-color:var(--color-status-critical-light)}.btn--secondary.btn--critical:active:not(:disabled){color:var(--color-status-critical-lighter);border-color:var(--color-status-critical-lighter)}.btn--secondary.btn--critical:focus-visible{color:var(--color-text-dark);border-color:var(--color-status-critical-dark);outline:var(--stroke-strong) solid var(--color-status-critical-dark);outline-offset:var(--stroke-strong)}.btn--tertiary.btn--critical{color:var(--color-status-critical-dark);background-color:#0000;border:none}.btn--tertiary.btn--critical:hover:not(:disabled){background-color:var(--color-bg-grey-light);color:var(--color-status-critical-dark)}.btn--tertiary.btn--critical:active:not(:disabled){background-color:var(--color-status-critical-lightest);color:var(--color-status-critical-dark)}.btn--tertiary.btn--critical:focus-visible{color:var(--color-text-dark);outline:var(--stroke-strong) solid var(--color-status-critical-dark);outline-offset:var(--stroke-strong)}.btn:disabled{cursor:not-allowed;color:var(--color-text-light)}.btn--primary:disabled{background-color:var(--color-text-light);color:var(--color-bg-white)}.btn--secondary:disabled{background-color:var(--color-bg-grey-light);color:var(--color-text-light);border-color:var(--color-text-light)}.btn--tertiary:disabled{color:var(--color-text-light);background-color:#0000}.btn--loading{pointer-events:none;color:var(--color-text-light)}.btn--primary.btn--loading{background-color:var(--color-text-light);color:var(--color-bg-white)}.btn--secondary.btn--loading{border-color:var(--color-text-light)}.btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn__check{width:1em;height:1em}.btn__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn--primary.btn--general.btn--hovered{background-color:var(--color-brand-dark)}.btn--secondary.btn--general.btn--hovered{color:var(--color-brand-bold);border-color:var(--color-brand-bold)}.btn--tertiary.btn--general.btn--hovered{background-color:var(--color-bg-grey-light);color:var(--color-brand-bold)}.btn--primary.btn--critical.btn--hovered{background-color:var(--color-status-critical-light)}.btn--secondary.btn--critical.btn--hovered{color:var(--color-status-critical-light);border-color:var(--color-status-critical-light)}.btn--tertiary.btn--critical.btn--hovered{background-color:var(--color-bg-grey-light);color:var(--color-status-critical-dark)}.btn--primary.btn--general.btn--pressed{background-color:var(--color-brand-default)}.btn--secondary.btn--general.btn--pressed{color:var(--color-brand-default);border-color:var(--color-brand-default)}.btn--tertiary.btn--general.btn--pressed{background-color:var(--color-brand-light);color:var(--color-brand-bold)}.btn--primary.btn--critical.btn--pressed{background-color:var(--color-status-critical-lighter)}.btn--secondary.btn--critical.btn--pressed{color:var(--color-status-critical-lighter);border-color:var(--color-status-critical-lighter)}.btn--tertiary.btn--critical.btn--pressed{background-color:var(--color-status-critical-lightest);color:var(--color-status-critical-dark)}.btn--primary.btn--general.btn--focused{background-color:var(--color-brand-bold);outline:var(--stroke-strong) solid var(--color-brand-bold);outline-offset:var(--stroke-strong)}.btn--secondary.btn--general.btn--focused{color:var(--color-text-dark);border-color:var(--color-brand-bold);outline:var(--stroke-strong) solid var(--color-brand-bold);outline-offset:var(--stroke-strong)}.btn--tertiary.btn--general.btn--focused{color:var(--color-text-dark);outline:var(--stroke-strong) solid var(--color-brand-bold);outline-offset:var(--stroke-strong)}.btn--primary.btn--critical.btn--focused{outline:var(--stroke-strong) solid var(--color-status-critical-dark);outline-offset:var(--stroke-strong)}.btn--secondary.btn--critical.btn--focused{color:var(--color-text-dark);border-color:var(--color-status-critical-dark);outline:var(--stroke-strong) solid var(--color-status-critical-dark);outline-offset:var(--stroke-strong)}.btn--tertiary.btn--critical.btn--focused{color:var(--color-text-dark);outline:var(--stroke-strong) solid var(--color-status-critical-dark);outline-offset:var(--stroke-strong)}
.btn-group{align-items:flex-start;gap:12px;display:flex}.btn-group>button{flex:1 0 0;min-width:0}