.sf{flex-direction:column;gap:14px;display:flex}.sf-box{border:1px solid var(--line);background:var(--card);box-shadow:var(--sh-2);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.sf-f{border-bottom:1px solid var(--line);cursor:pointer;flex-direction:column;gap:2px;padding:12px 16px;display:flex;position:relative}.sf-f span{color:var(--ink);letter-spacing:.01em;font-size:12px;font-weight:700}.sf-f input,.sf-f select{height:26px;color:var(--ink);-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;width:100%;padding:0;font-size:16px}.sf-f input:focus,.sf-f select:focus{outline:none}.sf-f:focus-within{background:var(--bg-2)}.sf-f.empty input::-webkit-datetime-edit{color:#0000}.sf-f.empty input{color:#0000}.sf-f.empty:after{content:attr(data-ph);color:var(--muted);pointer-events:none;font-size:16px;line-height:26px;position:absolute;bottom:12px;left:16px}.sf-f input:invalid,.sf-f input[value=""]{color:var(--muted)}.sf-go{height:50px;margin:12px}@media (width>=640px) and (width<=1023px){.sf:not(.compact) .seg{width:400px}.sf:not(.compact) .sf-box{grid-template-columns:1fr 1fr;display:grid}.sf:not(.compact) .sf-go{grid-column:1/-1}.sf:not(.compact) .sf-f:nth-child(odd of .sf-f:not([hidden])){border-right:1px solid var(--line)}}@media (width>=1024px){.sf:not(.compact) .sf-box{border-radius:var(--r-pill);flex-direction:row;align-items:center;padding:6px}.sf:not(.compact) .sf-f{border-radius:var(--r-pill);border-bottom:0;flex:1;min-width:0;padding:8px 22px}.sf:not(.compact) .sf-f.empty:after{bottom:8px;left:22px}.sf:not(.compact) .sf-f+.sf-f:before{content:"";background:var(--line);width:1px;position:absolute;top:25%;bottom:25%;left:0}.sf:not(.compact) .sf-where{flex:1.3}.sf:not(.compact) .sf-go{border-radius:var(--r-pill);height:52px;margin:0;padding:0 24px}.sf:not(.compact) .seg{width:400px}}