.kq-select{text-align:left;width:100%;color:var(--kq-ink);justify-content:space-between;align-items:center;gap:10px;transition:border-color .12s ease-out,box-shadow .12s ease-out,background-color .12s ease-out;display:flex}.kq-select>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kq-select>svg{fill:none;width:20px;height:20px;stroke:var(--kq-ink-muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .16s ease-out}.kq-select[data-open=true]>svg{transform:rotate(180deg)}.kq-select-placeholder{color:var(--kq-ink-muted)}.kq-select-field{background:#fffdf6;border:1px solid #d3c5ac;border-radius:12px;min-height:48px;padding:0 12px 0 14px;font-size:16px}.kq-select-field:hover{border-color:#c4b08f}.kq-select-field:focus-visible,.kq-select-field[data-open=true]{border-color:var(--kq-vermilion);outline:none;box-shadow:0 0 0 3px #dd71472e}.kq-select-compact{background:#f6f0e4;border:1px solid #ddd2bf;border-radius:10px;width:auto;min-width:128px;max-width:170px;min-height:36px;padding:0 8px 0 12px;font-size:14px}.kq-select-compact>svg{width:18px;height:18px}.kq-select-compact:focus-visible,.kq-select-compact[data-open=true]{border-color:var(--kq-vermilion);outline:none;box-shadow:0 0 0 3px #dd714729}.kq-select-plain{background:0 0;border:0;border-radius:10px;min-height:44px;padding:4px 6px 4px 0;font:700 21px/1.2 Georgia,serif}.kq-select-plain:focus-visible{outline:2px solid var(--kq-vermilion);outline-offset:2px}.kq-select-pop{z-index:1000;color:var(--kq-ink);font:15px/1.35 var(--font-inter), system-ui, sans-serif;opacity:0;background:#fffdf6;border:1px solid #d9cbb2;border-radius:14px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 14px 34px #2e2a252e,0 2px 6px #2e2a2514}.kq-select-pop[data-ready=true]{opacity:1;animation:.14s ease-out kq-select-in}.kq-select-pop[data-side=above]{transform-origin:bottom}.kq-select-pop[data-side=below]{transform-origin:top}@keyframes kq-select-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.kq-select-search{border-bottom:1px solid #ebe2d0;flex:none;padding:8px;position:relative}.kq-select-search svg{fill:none;width:18px;height:18px;stroke:var(--kq-ink-muted);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.kq-select-search input{width:100%;height:40px;color:var(--kq-ink);background:#f6f0e4;border:1px solid #0000;border-radius:10px;padding:0 12px 0 38px;font-size:15px}.kq-select-search input:focus{background:#fffdf6;border-color:#dd71478c;outline:none}.kq-select-search input::placeholder{color:var(--kq-ink-muted)}.kq-select-list{overscroll-behavior:contain;outline:none;flex:1;min-height:0;padding:6px;overflow-y:auto}.kq-select-list li{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 12px;display:flex}.kq-select-list li small{color:var(--kq-ink-muted);font-size:13px;display:block}.kq-select-list li[data-active=true]{background:#dd71471a}.kq-select-list li[aria-selected=true]{color:var(--kq-vermilion-deep);font-weight:600}.kq-select-list li[aria-disabled=true]{opacity:.45;cursor:not-allowed}.kq-select-list li>svg{fill:none;width:18px;height:18px;stroke:var(--kq-vermilion);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none}.kq-select-list .kq-select-empty{cursor:default;color:var(--kq-ink-muted);justify-content:center}.kq-select-scrim{z-index:999;background:#1d1b1852;animation:.16s ease-out kq-select-fade;position:fixed;inset:0}.kq-select-pop.is-sheet{width:auto;max-height:min(70vh,520px);padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:18px 18px 0 0;animation:.2s ease-out kq-select-up;inset:auto 0 0}.kq-select-sheet-title{flex:none;padding:16px 20px 6px;font-size:15px;font-weight:700}.kq-select-pop.is-sheet .kq-select-list li{min-height:48px}@keyframes kq-select-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes kq-select-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.kq-select>svg{transition:none}.kq-select-pop,.kq-select-pop[data-ready=true],.kq-select-pop.is-sheet,.kq-select-scrim{animation:none}}
