.f-page{max-width:640px;margin:0 auto;padding:0 16px 40px}.f-field{box-sizing:border-box;border:1px solid var(--color-card-stroke);color:#fff;background:#ffffff0f;border-radius:10px;width:100%;padding:12px;font-size:16px}.f-field:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.f-field:disabled{opacity:.6}.f-cell{justify-content:space-between;align-items:center;gap:12px;min-height:22px;padding:12px 14px;font-size:16px;display:flex}.f-cell+.f-cell{border-top:1px solid var(--color-card-stroke)}.f-cell .f-value{color:var(--color-secondary);text-align:right;overflow-wrap:anywhere}.f-cell input.f-inline{color:#fff;text-align:right;background:0 0;border:0;flex:1;min-width:0;font-size:16px}.f-cell input.f-inline:focus{outline:none}.f-action{width:100%;color:var(--color-accent);text-align:left;cursor:pointer;background:0 0;border:0;padding:12px 14px;font-size:16px;text-decoration:none;display:block}.f-action+.f-action,.f-cell+.f-action,.f-action+.f-cell{border-top:1px solid var(--color-card-stroke)}.f-action:disabled{opacity:.45;cursor:default}.f-action.f-destructive{color:var(--color-red)}.f-primary{background:var(--color-accent);color:#000;cursor:pointer;border:0;border-radius:999px;width:100%;padding:15px;font-size:17px;font-weight:800}.f-primary:disabled{opacity:.6;cursor:default}.f-text-button{color:var(--color-accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:17px}.f-text-button:disabled{opacity:.45;cursor:default}.f-text-button.f-bold{font-weight:600}.f-error{color:var(--color-red);margin:8px 2px;font-size:14px}.f-note{color:var(--color-secondary);margin:8px 2px;font-size:14px}.f-toggle{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:999px;flex:none;width:51px;height:31px;margin:0;transition:background .15s;position:relative}.f-toggle:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .15s;position:absolute;top:2px;left:2px}.f-toggle:checked{background:var(--color-green)}.f-toggle:checked:after{transform:translate(20px)}.f-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.f-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite f-spin;display:inline-block}.f-center{place-items:center;padding:40px 0;display:grid}@keyframes f-spin{to{transform:rotate(360deg)}}