@layer components{.fn-root{--fn-ink:#070707;--fn-fg:#f5f5f4;--fn-radius:1.25rem;isolation:isolate;background:var(--fn-ink);min-height:100dvh;color:var(--fn-fg);position:relative}.fn-root:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(380px 260px at 50% 0,#ffffff12,#ffffff05 55%,#0000 100%);height:460px;position:absolute;inset:0 0 auto}@media (min-width:800px){.fn-root:before{background:radial-gradient(760px 400px at 50% 0,#ffffff0f,#ffffff05 55%,#0000 100%)}}.fn-root :focus-visible{outline-offset:3px;outline:2px solid #fff}.fn-card{border-radius:var(--fn-radius);background:#141414;transition:background-color .12s linear,color .12s linear;position:relative}button.fn-card{cursor:pointer;-webkit-tap-highlight-color:transparent}@media (hover:hover) and (pointer:fine){button.fn-card:not(:disabled):hover{background:#1a1a1a}}.fn-card[aria-checked=true],.fn-card[aria-pressed=true],button.fn-card[aria-checked=true]:hover,button.fn-card[aria-pressed=true]:hover{color:#000;background:#fff}.fn-panel{border-radius:var(--fn-radius);background:#121212}.fn-field{width:100%;color:var(--fn-fg);background:#161616;border-radius:14px;font-size:16px;line-height:1.4;transition:background-color .12s linear}.fn-field::placeholder{color:#ffffff52}.fn-field:focus,.fn-field:focus-within{background:#1a1a1a}.fn-field[aria-invalid=true]{background:#ff5a5f14}.fn-field:has([aria-invalid=true]){background:#ff5a5f14}.fn-field:-webkit-autofill{-webkit-text-fill-color:var(--fn-fg);caret-color:var(--fn-fg);-webkit-box-shadow:inset 0 0 0 1000px #161616}.fn-field input:-webkit-autofill{-webkit-text-fill-color:var(--fn-fg);caret-color:var(--fn-fg);-webkit-box-shadow:inset 0 0 0 1000px #161616}.fn-btn{white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:52px;padding:0 1.6rem;font-size:1rem;font-weight:500;transition:background-color .12s linear,color .12s linear,border-color .12s linear;display:inline-flex}.fn-btn:disabled{cursor:not-allowed}.fn-btn-primary{color:#000;background:#fff}@media (hover:hover) and (pointer:fine){.fn-btn-primary:not(:disabled):hover{background:#e5e5e5}}.fn-btn-primary:disabled{color:#ffffff73;background:#ffffff24}.fn-btn-primary[data-loading=true]:disabled{color:#000;cursor:progress;background:#fff}.fn-btn-ghost{color:var(--fn-fg);background:#1a1a1a}@media (hover:hover) and (pointer:fine){.fn-btn-ghost:not(:disabled):hover{background:#222}}.fn-progress{background:#ffffff1a;border-radius:999px;height:3px;overflow:hidden}.fn-progress>span{border-radius:inherit;background:#fff;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);display:block}.fn-actionbar{z-index:20;padding:1.25rem 1rem max(1rem, env(safe-area-inset-bottom));background:linear-gradient(180deg, #07070700, #070707f0 34%, var(--fn-ink));margin-inline:-1rem;position:sticky;bottom:0}@media (min-width:800px){.fn-actionbar{background:0 0;margin-inline:0;padding:0;position:static}}.fn-drop{border-radius:var(--fn-radius);background:#121212;border:1px dashed #ffffff24;transition:border-color .12s linear,background-color .12s linear}@media (hover:hover) and (pointer:fine){.fn-drop:hover{background:#161616}}.fn-drop[data-dragging=true]{background:#1a1a1a;border-color:#fff6}.fn-drop:has(input:focus-visible){outline-offset:3px;outline:2px solid #fff}.fn-bar{background:#ffffff1a;border-radius:999px;height:3px;overflow:hidden}.fn-bar>span{border-radius:inherit;background:#fff;height:100%;transition:width .14s linear;display:block}.fn-skeleton{background:#ffffff0d;border-radius:12px;animation:1.4s ease-in-out infinite fn-pulse}@keyframes fn-pulse{50%{opacity:.5}}.fn-spin{animation:.8s linear infinite fn-spin}@keyframes fn-spin{to{rotate:360deg}}.fn-overlay-select{opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.fn-overlay-host:has(.fn-overlay-select:focus-visible){outline-offset:3px;outline:2px solid #fff}}.fn-root :focus-visible{outline-offset:3px;outline:2px solid #fff}.fn-root [tabindex="-1"]:focus,.fn-root [tabindex="-1"]:focus-visible{outline:none}.fn-root .fn-field:focus,.fn-root .fn-field:focus-within{outline-offset:2px;outline:2px solid #fff}:is(.fn-root .fn-field :focus-visible,.fn-root .fn-field .fn-overlay-host:has(.fn-overlay-select:focus-visible)){outline:none}