[data-button-root]{all:unset;display:inline-flex;box-sizing:border-box;cursor:pointer}[data-button-root].button{align-items:center;justify-content:center;gap:6px;-webkit-user-select:none;user-select:none;text-decoration:none;line-height:1;position:relative;white-space:nowrap;border:none;border-radius:8px;font-size:1.5rem;font-weight:500;background:var(--button-bg);color:var(--button-text);padding:12px 16px;font-family:inherit;transition:.18s background-color ease-out,.18s color ease-out,.18s border-color ease-out}[data-button-root].button:active:not(:disabled){transform:translateY(1px)}[data-button-root].button:disabled{cursor:not-allowed;opacity:.5}[data-button-root].button:focus-visible{outline:none;border:2px solid #275dc5;box-shadow:0 0 0 2px #275dc533}[data-button-root] .text{align-items:center;color:inherit;display:flex}[data-button-root] .accessory{display:flex;align-items:center}[data-button-root] .icon{color:inherit}[data-button-root].primary{background-color:var(--button-contained-bg);color:var(--button-text)}[data-button-root].primary:hover:not(:disabled){background-color:var(--button-contained-bg-hover)}[data-button-root].secondary{background-color:var(--button-bg);color:var(--button-text)}[data-button-root].secondary:hover:not(:disabled){background-color:var(--button-bg-hover);color:var(--button-text-hover)}[data-button-root].ghost{background-color:transparent;color:var(--text-secondary)}[data-button-root].ghost:hover:not(:disabled){background-color:var(--button-bg);color:var(--text-primary)}[data-button-root].subtle{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--button-bg)}[data-button-root].subtle:hover:not(:disabled){background-color:var(--button-bg-hover);border-color:var(--button-bg-hover)}[data-button-root].subtle:focus-visible{outline:none;border:2px solid #275dc5;box-shadow:0 0 0 2px #275dc533}[data-button-root].text{background-color:transparent;color:var(--accent-blue);padding:0;min-height:auto;border:none}[data-button-root].text:hover:not(:disabled){color:var(--accent-blue-focus);text-decoration:underline}[data-button-root].text:active:not(:disabled){transform:none}[data-button-root].destructive{background:#d13a3a;color:#fff}[data-button-root].destructive:hover:not(:disabled){background:#9a2424}[data-button-root].notice{background-color:var(--notice-button-bg);color:var(--notice-button-text)}[data-button-root].notice:hover:not(:disabled){background-color:var(--notice-button-bg-hover)}[data-button-root].small{padding:8px 12px;font-size:1.3rem;min-height:28px}[data-button-root].medium{height:44px;padding:8px 20px;font-size:1.6rem}[data-button-root].large{font-size:2.1rem;padding:16px 24px;min-height:52px}[data-button-root].icon{aspect-ratio:1/1;padding:12px;height:44px;width:44px}[data-button-root].circular{border-radius:999px}[data-button-root].circular:active:not(:disabled){transform:none}[data-button-root].pill{border-radius:999px}[data-button-root].contained{background:var(--button-contained-bg);color:var(--button-contained-text, var(--button-text))}[data-button-root].contained:hover:not(:disabled){background:var(--button-contained-bg-hover)}[data-button-root].active{background:var(--button-bg-hover);color:var(--button-text-hover)}[data-button-root].full{width:100%}[data-button-root].iconOnly{gap:0;aspect-ratio:1;padding:12px}[data-button-root].save:hover:not(:disabled){color:#ff4d4d}[data-button-root].saved{color:#ff4d4d}[data-button-root].element-styled.wind{background:var(--wind-button-bg);color:#fff}[data-button-root].element-styled.wind:hover:not(:disabled){background:var(--wind-button-bg-hover);color:#fff}[data-button-root].element-styled.fire{background:var(--fire-button-bg);color:#fff}[data-button-root].element-styled.fire:hover:not(:disabled){background:var(--fire-button-bg-hover);color:#fff}[data-button-root].element-styled.water{background:var(--water-button-bg);color:#fff}[data-button-root].element-styled.water:hover:not(:disabled){background:var(--water-button-bg-hover);color:#fff}[data-button-root].element-styled.earth{background:var(--earth-button-bg);color:#fff}[data-button-root].element-styled.earth:hover:not(:disabled){background:var(--earth-button-bg-hover);color:#fff}[data-button-root].element-styled.dark{background:var(--dark-button-bg);color:#fff}[data-button-root].element-styled.dark:hover:not(:disabled){background:var(--dark-button-bg-hover);color:#fff}[data-button-root].element-styled.light{background:var(--light-button-bg);color:#000}[data-button-root].element-styled.light:hover:not(:disabled){background:var(--light-button-bg-hover);color:#fff}[data-button-root].wind:not(.element-styled){background:var(--wind-bg);color:var(--wind-text-contrast)}[data-button-root].wind:not(.element-styled):hover:not(:disabled){background:var(--wind-bg-hover);color:var(--wind-text-contrast)}[data-button-root].fire:not(.element-styled){background:var(--fire-bg);color:var(--fire-text-contrast)}[data-button-root].fire:not(.element-styled):hover:not(:disabled){background:var(--fire-bg-hover);color:var(--fire-text-contrast)}[data-button-root].water:not(.element-styled){background:var(--water-bg);color:var(--water-text-contrast)}[data-button-root].water:not(.element-styled):hover:not(:disabled){background:var(--water-bg-hover);color:var(--water-text-contrast)}[data-button-root].earth:not(.element-styled){background:var(--earth-bg);color:var(--earth-text-contrast)}[data-button-root].earth:not(.element-styled):hover:not(:disabled){background:var(--earth-bg-hover);color:var(--earth-text-contrast)}[data-button-root].dark:not(.element-styled){background:var(--dark-bg);color:var(--dark-text-contrast)}[data-button-root].dark:not(.element-styled):hover:not(:disabled){background:var(--dark-bg-hover);color:var(--dark-text-contrast)}[data-button-root].light:not(.element-styled){background:var(--light-bg);color:var(--light-text-contrast)}[data-button-root].light:not(.element-styled):hover:not(:disabled){background:var(--light-bg-hover);color:var(--light-text-contrast)}