.cs-wrap{width:100%;position:relative}.cs-inputwrap{align-items:center;display:flex;position:relative}.cs-icon{width:22px;height:22px;color:var(--ink-3,#8a8a8a);pointer-events:none;position:absolute;left:1.125rem}.cs-input{width:100%;font-family:var(--sans,system-ui);border:var(--bord,2.5px solid #1a1a1a);background:var(--white,#fff);color:var(--ink,#1a1a1a);outline:none;font-weight:600;transition:box-shadow .15s,transform .15s}.cs-input::placeholder{color:var(--ink-3,#8a8a8a);font-weight:600}.cs-input:focus{box-shadow:var(--shadow,4px 4px 0 #1a1a1a);transform:translate(-1px,-1px)}.cs-hero .cs-input{border-radius:18px;padding:1.125rem 1.25rem 1.125rem 3.25rem;font-size:1.25rem}.cs-hero .cs-icon{width:24px;height:24px}.cs-inline .cs-input{border-radius:14px;padding:.875rem 1rem .875rem 3rem;font-size:1rem}.cs-spinner{border:2.5px solid var(--ink-3,#ccc);border-top-color:var(--tomato,#ff5a3c);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite cs-spin;position:absolute;right:1.125rem}@keyframes cs-spin{to{transform:rotate(360deg)}}.cs-dropdown{background:var(--white,#fff);border:var(--bord,2.5px solid #1a1a1a);box-shadow:var(--shadow,4px 4px 0 #1a1a1a);z-index:50;border-radius:16px;max-height:360px;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden auto}.cs-item{text-align:left;cursor:pointer;width:100%;font-family:var(--sans,system-ui);background:0 0;border:none;border-bottom:1.5px solid #1a1a1a14;justify-content:space-between;align-items:baseline;gap:1rem;padding:.875rem 1.125rem;transition:background .12s;display:flex}.cs-item:last-child{border-bottom:none}.cs-item-active,.cs-item:hover{background:var(--cream,#fef6e4)}.cs-item-name{color:var(--ink,#1a1a1a);letter-spacing:-.01em;font-size:1rem;font-weight:800}.cs-item-meta{color:var(--ink-3,#8a8a8a);white-space:nowrap;font-size:.8125rem;font-weight:600}.cs-empty{color:var(--ink-3,#8a8a8a);text-align:center;padding:1.125rem 1.25rem;font-size:.875rem;font-weight:600}