.qi{flex-direction:column;gap:9px;display:flex}.qi-label{letter-spacing:.02em;font-size:11.5px;font-weight:700}.qi-hint{opacity:.72;margin:0;font-size:10.5px}.qi-input,.qi-textarea{width:100%;font:inherit;resize:vertical;border:1px solid;border-radius:9px;padding:11px 13px;font-size:13.5px}.qi-input:focus,.qi-textarea:focus{outline-offset:-1px;outline:2px solid}.qi-tf{gap:10px;display:flex}.qi-tf button{letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid;border-radius:10px;flex:1;padding:12px;font-size:13px;font-weight:800}.qi-opts{gap:10px}.qi-opts button{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:1px solid;border-radius:10px;align-items:center;gap:13px;padding:13px 15px;display:flex}.qi-opts button span{border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:11.5px;font-weight:700;display:grid}.qi-opts button b{font-size:13px;font-weight:500}.qi-kind{letter-spacing:.03em;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block}.qi-light{color:#16233a}.qi-light .qi-label{color:#3a4654}.qi-light .qi-hint{color:#6b7686}.qi-light .qi-input,.qi-light .qi-textarea{color:#16233a;background:#fff;border-color:#dfe4ea}.qi-light .qi-tf button{color:#4b5866;border-color:#dfe4ea}.qi-light .qi-tf button:hover{border-color:#b9d8f4}.qi-light .qi-tf button.on{color:#1471c9;background:#eaf4ff;border-color:#1471c9}.qi-light .qi-opts button{color:#2f3b4a;border-color:#e4e8ec}.qi-light .qi-opts button:hover{background:#fafcff;border-color:#b9d8f4}.qi-light .qi-opts button span{color:#5a6473;background:#f1f3f5}.qi-light .qi-opts button.on{background:#eaf4ff;border-color:#1471c9}.qi-light .qi-opts button.on span{color:#fff;background:#1471c9}.qi-light .qi-kind{color:#2a63b8;background:#eaf1fb}.qi-dark{color:#eef2f8}.qi-dark .qi-label{color:#c6d2e2}.qi-dark .qi-hint{color:#8fa0b8}.qi-dark .qi-input,.qi-dark .qi-textarea{color:#eef2f8;background:#ffffff0f;border-color:#ffffff2e}.qi-dark .qi-input::placeholder,.qi-dark .qi-textarea::placeholder{color:#7d8da3}.qi-dark .qi-tf button{color:#c6d2e2;border-color:#ffffff2e}.qi-dark .qi-tf button:hover{border-color:#f3b94399}.qi-dark .qi-tf button.on{color:#f3b943;background:#f3b94329;border-color:#f3b943}.qi-dark .qi-opts button{color:#dce4ef;border-color:#ffffff24}.qi-dark .qi-opts button:hover{border-color:#f3b94380}.qi-dark .qi-opts button span{color:#c6d2e2;background:#ffffff1a}.qi-dark .qi-opts button.on{background:#f3b94324;border-color:#f3b943}.qi-dark .qi-opts button.on span{color:#16233a;background:#f3b943}.qi-dark .qi-kind{color:#f3b943;background:#f3b94329}