.zs{width:100%;max-width:520px;margin:0}.zs-field{background:#fff;border-radius:999px;align-items:center;gap:6px;height:60px;padding:6px 6px 6px 24px;display:flex;box-shadow:0 10px 40px #0000002e}.zs-light .zs-field{border:1px solid var(--line);box-shadow:0 6px 24px #0a1b2c0f}.zs .zs-field input:not(.x){width:auto;min-width:0;height:100%;min-height:0;box-shadow:none;color:#0a1b2c;font:400 17px/1 var(--font-text),sans-serif;letter-spacing:.01em;background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0;padding:0}.zs .zs-field input::placeholder{color:#5c6b7a;opacity:1}.zs-field:focus-within{outline:2px solid var(--gold);outline-offset:3px}.zs-field button{background:var(--gold);color:#0a1b2c;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:background-color .2s,transform .2s;display:grid}.zs-field button svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:22px;height:22px}.zs-field button:disabled{cursor:progress}@media (hover:hover){.zs-field button:hover{background:var(--gold-2,#e6c98a);transform:scale(1.04)}}.zs-spin{border:2.4px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite zsSpin}@keyframes zsSpin{to{transform:rotate(1turn)}}.zs-error{font:500 14px/1.4 var(--font-text),sans-serif;color:#fff;text-shadow:0 1px 8px #00000080;margin:10px 0 0 24px}.zs-light .zs-error{color:#b42318;text-shadow:none}:root[data-theme=dark] .zs-light .zs-field{border-color:#0000}@media (min-width:901px){.zs-field{height:64px}.zs-field button{width:52px;height:52px}}