.btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;padding:.375rem .75rem;font-size:.875rem;font-weight:600;font-family:inherit;transition:background-color .15s ease,color .15s ease,opacity .15s ease;transition-duration:.3s;text-decoration:none;white-space:nowrap;border-radius:9999px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-ui-accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-ui-accent),20% transparent)}.btn-secondary{background-color:transparent;color:var(--color-ui-accent);border:1px solid var(--color-ui-accent)}.btn-secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-ui-accent),90% transparent)}.btn-tertiary{background-color:transparent;color:var(--color-ui-text);border:1px solid var(--color-ui-border)}.btn-tertiary:hover:not(:disabled){background-color:var(--color-ui-bg)}.btn-text{background-color:transparent;color:var(--color-ui-accent);padding:.375rem .5rem}.btn-text:hover:not(:disabled){color:color-mix(in srgb,var(--color-ui-accent),25% transparent);background-color:transparent}.btn-navigation{background-color:transparent;color:var(--color-ui-text);border-radius:.75rem;margin-bottom:.125rem;justify-content:flex-start;width:100%}.btn-navigation:hover:not(:disabled){color:color-mix(in srgb,var(--color-ui-text) 80%,transparent);background-color:color-mix(in srgb,var(--color-ui-accent-secondary) 15%,transparent)}.btn-navigation.btn--active{background-color:var(--color-ui-accent-active);color:var(--color-ui-text);font-weight:500}.btn-navigation.btn--active:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-ui-accent) 30%,transparent);color:var(--color-ui-text)}.btn-delete{background-color:var(--color-ui-danger);color:var(--color-ui-danger-text)}.btn-delete:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-ui-danger),65% transparent);color:var(--color-ui-danger)}