.tf{--tf-bg:#0c0c0b;--tf-cut:#000;--tf-line:#ffffff17;--tf-perf:#ffffff21;--tf-label:#74746e;--tf-text:#f5f5f5;--tf-placeholder:#54544f;--tf-accent:#fb0;--tf-danger:#ff8a73;--tf-ok:#8fdca6;border:1px solid var(--tf-line);background:var(--tf-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:16px;position:relative;overflow:hidden}.tf>*{position:relative}.tf>*+*{border-top:1.5px dashed var(--tf-perf)}.tf>*+:before,.tf>*+:after{content:"";z-index:1;border:1px solid var(--tf-line);background:var(--tf-cut);pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;top:-8px}.tf>*+:before{left:-8px}.tf>*+:after{right:-8px}.tf-row{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.tf-row>.tf-field+.tf-field{border-left:1.5px dashed var(--tf-perf)}@media (max-width:420px){.tf-row.is-stacking{grid-auto-flow:row}.tf-row.is-stacking>.tf-field+.tf-field{border-top:1.5px dashed var(--tf-perf);border-left:0}}.tf-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:-1.5px 0 0 -1.5px;display:grid}.tf-grid>*{border-top:1.5px dashed var(--tf-perf);border-left:1.5px dashed var(--tf-perf)}.tf-grid>.is-wide{grid-column:1/-1}@media (max-width:600px){.tf-grid{grid-template-columns:minmax(0,1fr)}}.tf-field{background:linear-gradient(var(--tf-accent), var(--tf-accent)) left bottom / 0% 2px no-repeat;min-width:0;padding:12px 16px;transition:background-size .4s cubic-bezier(.22,1,.36,1),background-color .2s}.tf-field:focus-within{background-color:#ffffff08;background-size:100% 2px}.tf-field[data-invalid]{background-image:linear-gradient(var(--tf-danger), var(--tf-danger))}.tf-field:has([aria-invalid=true]){background-image:linear-gradient(var(--tf-danger), var(--tf-danger))}.tf-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tf-label-row :is(button,a){color:#8c8c86;white-space:nowrap;font-size:11px}.tf-label-row :is(button,a):hover{color:#fff}.tf-label{font-family:var(--font-geist-mono,ui-monospace), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--tf-label);align-items:center;gap:7px;margin-bottom:5px;font-size:9.5px;font-weight:600;line-height:1.4;transition:color .2s;display:flex}.tf-label:before{content:"";background:var(--tf-accent);border-radius:1.5px;flex:none;width:0;height:8px;margin-right:-7px;transition:width .25s cubic-bezier(.22,1,.36,1),margin .25s cubic-bezier(.22,1,.36,1);transform:skew(-20deg)}.tf-field:focus-within .tf-label{color:var(--tf-accent)}.tf-field:focus-within .tf-label:before{width:12px;margin-right:0}.tf-field[data-invalid] .tf-label{color:var(--tf-danger)}.tf-field:has([aria-invalid=true]) .tf-label{color:var(--tf-danger)}.tf-field[data-invalid] .tf-label:before{background:var(--tf-danger)}.tf-field:has([aria-invalid=true]) .tf-label:before{background:var(--tf-danger)}.tf-input{width:100%;min-width:0;height:26px;color:var(--tf-text);font:inherit;background:0 0;border:0;border-radius:0;padding:0;font-size:16px;line-height:26px;display:block}.tf-input::placeholder{color:var(--tf-placeholder);font-size:15px}.tf .tf-input:is(:focus,:focus-visible){outline:none}.tf-input:disabled{opacity:.55;cursor:not-allowed}.tf-input:autofill{box-shadow:0 0 0 1000px var(--tf-bg) inset;-webkit-text-fill-color:var(--tf-text)}textarea.tf-input{resize:vertical;height:auto;min-height:78px;padding:2px 0 0;line-height:1.5}select.tf-input{appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9a94' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 2px center/12px no-repeat;padding-right:22px}select.tf-input option{color:var(--tf-text);background:#141412}.tf-input.is-code{font-family:var(--font-geist-mono,ui-monospace), ui-monospace, monospace;letter-spacing:.4em;font-size:20px}.tf-input-wrap{align-items:center;gap:8px;display:flex;position:relative}.tf-input-wrap .tf-input{flex:1}.tf-reveal{color:#74746e;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;margin:-6px -8px -6px 0;transition:color .2s;display:grid}.tf-reveal:hover{color:#fff}.tf-hint,.tf-error{margin-top:6px;font-size:12px;line-height:1.45}.tf-hint{color:#74746e}.tf-hint[data-status=ok]{color:var(--tf-ok)}.tf-error{color:var(--tf-danger)}.tf :is(button,a):focus-visible{outline:2px solid var(--tf-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tf-label:before,.tf-field{transition:none}}@media (forced-colors:active){.tf-field:focus-within{outline-offset:-2px;outline:2px solid highlight}}