:where(.sf-field,.sf-field-line,.sf-line-button){--f-fg:var(--room-strong,var(--tone-fg,#15181d));--f-soft:var(--room-soft,var(--tone-soft,#5e636b));--f-line:var(--room-under,var(--tone-line,#15181d8c));--f-hover:var(--room-wash,var(--tone-hover,#15181d0d))}.sf-field{border-bottom:1px solid var(--f-line);align-items:center;gap:14px;transition:border-color .18s cubic-bezier(.2,0,.1,1),box-shadow .18s cubic-bezier(.2,0,.1,1);display:flex}.sf-field:focus-within,.sf-field-line:focus{border-color:var(--f-fg);box-shadow:0 1px 0 0 var(--f-fg)}.sf-field-input,.sf-field-line{min-width:0;font-family:var(--font-manrope), -apple-system, "Helvetica Neue", Arial, sans-serif;color:var(--f-fg);background:0 0;border:0;border-radius:0;outline:none;padding:12px 0;font-size:14px;line-height:1.5}.sf-field-input{flex:1}.sf-field-input:focus-visible,.sf-field-line:focus-visible{outline:none}.sf-field-input::-moz-placeholder{color:var(--f-soft);opacity:1}.sf-field-line::-moz-placeholder{color:var(--f-soft);opacity:1}.sf-field-input::placeholder,.sf-field-line::placeholder{color:var(--f-soft);opacity:1}@media (pointer:coarse),(max-width:1023px){.sf-field-input,.sf-field-line{font-size:16px}}.sf-field-line{resize:vertical;border-bottom:1px solid var(--f-line);width:100%;transition:border-color .18s cubic-bezier(.2,0,.1,1),box-shadow .18s cubic-bezier(.2,0,.1,1);display:block}.sf-line-button{border:1px solid var(--f-line);min-height:38px;color:var(--f-fg);font-family:var(--font-manrope), -apple-system, "Helvetica Neue", Arial, sans-serif;letter-spacing:.02em;white-space:nowrap;cursor:pointer;background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0 18px;font-size:13px;line-height:1.2;transition:border-color .18s cubic-bezier(.2,0,.1,1),background-color .18s cubic-bezier(.2,0,.1,1);display:inline-flex}.sf-line-button:hover:not(:disabled){border-color:var(--f-fg);background:var(--f-hover)}.sf-line-button:disabled{cursor:not-allowed;opacity:.4}.sf-field .sf-line-button{margin:6px 0}
