.sfw{width:100%;position:relative}.sfw-frame{box-sizing:border-box;border-radius:var(--app-shell-radius-surface);width:100%;box-shadow:none;background:0 0;flex-direction:column;padding:0;display:flex}.sfw-field{height:var(--app-shell-button-height);background:var(--app-shell-field);border:var(--app-shell-edge-width) solid var(--app-shell-border-strong);border-radius:var(--app-shell-control-radius);box-shadow:var(--app-shell-outlined-shadow);align-items:center;transition:box-shadow .12s;display:flex;position:relative;overflow:hidden}.sfw-field:focus-within{border-color:var(--app-shell-border-hover);box-shadow:var(--app-shell-outlined-shadow-strong)}.sfw-icon{color:var(--app-shell-text-muted);pointer-events:none;flex-shrink:0;align-items:center;padding-left:9px;display:flex}.sfw-icon>svg{width:var(--app-shell-icon-size-sm);height:var(--app-shell-icon-size-sm)}.sfw-input{min-width:0;height:100%;padding:0 var(--app-space-10);color:var(--app-shell-text-primary);font-family:inherit;font-size:var(--app-type-small);appearance:none;background:0 0;border:0;outline:none;flex:auto}.sfw-input::placeholder{color:var(--app-shell-text-muted)}.sfw-input::-webkit-search-cancel-button{appearance:none}.sfw-kbd{align-items:center;gap:var(--app-space-4);padding-right:var(--app-space-10);flex-shrink:0;display:none}@media (width>=768px){.sfw-kbd{display:flex}}.sfw-key{box-sizing:border-box;min-width:20px;height:20px;padding:0 var(--app-space-4);color:var(--app-shell-text-muted);font-family:inherit;font-size:var(--app-type-micro);font-weight:var(--app-weight-medium);background:var(--app-shell-control);border:var(--app-shell-edge-width) solid var(--app-shell-border-strong);border-radius:var(--app-shell-radius-kbd);justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion:reduce){.sfw-field{transition:none}}