.qsearch-wrap{container-type:inline-size}.qsearch{border:2px solid var(--ink);background:var(--paper);max-width:880px;box-shadow:5px 5px 0 var(--ink);border-radius:999px;grid-template-columns:1.35fr 1.2fr 1fr auto;align-items:stretch;gap:2px;margin:1.25rem 0 .75rem;padding:6px;display:grid}.qsearch__field{cursor:text;border-radius:999px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;min-width:0;padding:8px 18px 8px 8px;transition:background-color .15s;display:grid;position:relative}.qsearch__field+.qsearch__field:before{content:"";background:var(--line);width:1.5px;position:absolute;top:22%;bottom:22%;left:-2px}.qsearch__field:hover{background:var(--paper-2)}.qsearch__field:focus-within{box-shadow:inset 0 0 0 2px var(--ink);background:#fffaf2}.qsearch__field:hover:before,.qsearch__field:focus-within:before,.qsearch__field:hover+.qsearch__field:before,.qsearch__field:focus-within+.qsearch__field:before{opacity:0}.qsearch__icon{border:1.5px solid var(--ink);width:42px;height:42px;transition:transform .2s var(--ease);border-radius:50%;grid-row:1/3;place-items:center;display:grid}.qsearch__icon--q{background:var(--lime)}.qsearch__icon--on{background:var(--pink)}.qsearch__icon--quan{background:var(--blue)}.qsearch__field:hover .qsearch__icon,.qsearch__field:focus-within .qsearch__icon{transform:rotate(-8deg)scale(1.05)}.qsearch__label{letter-spacing:.08em;text-transform:uppercase;grid-area:1/2;align-self:end;font-size:.7rem;font-weight:700}.qsearch__field input,.qsearch__field select{width:100%;min-width:0;color:var(--ink);font:inherit;appearance:none;text-overflow:ellipsis;background:0 0;border:0;outline:none;grid-area:2/2;align-self:start;padding:0;font-size:1rem;font-weight:500}.qsearch__field input::placeholder{color:var(--muted);font-weight:400}.qsearch__field select{cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2316130f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 2px center no-repeat;padding-right:18px}.qsearch__go{border:2px solid var(--ink);background:var(--red);color:#fff;font:inherit;cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:2px;padding:0 26px;font-size:1.05rem;font-weight:700;display:inline-flex}.qsearch__go:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}.qsearch__go:active{box-shadow:none;transform:none}.qsearch__go:focus-visible{outline:3px solid var(--red);outline-offset:3px}.qsearch__more{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 .5rem;display:flex}.qsearch__more select,.qsearch__more label{appearance:none;border:1.5px solid var(--line);min-height:34px;color:var(--ink);font:inherit;cursor:pointer;background-color:#0000;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:.85rem;font-weight:500;transition:border-color .15s,background-color .15s;display:inline-flex}.qsearch__more select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2316130f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:32px}.qsearch__more select:hover,.qsearch__more label:hover{border-color:var(--ink)}.qsearch__more select:focus-visible{outline:3px solid var(--red);outline-offset:2px}.qsearch__more label:has(input:focus-visible){outline:3px solid var(--red);outline-offset:2px}:is(.qsearch__more select:has(option:checked:not([value=""])),.qsearch__more label:has(input:checked)){border-color:var(--ink);background-color:var(--lime)}.qsearch__more input[type=checkbox]{opacity:0;width:1px;height:1px;position:absolute}.qsearch__count{opacity:.75;margin:.25rem 0 1rem;font-size:.95rem}@container (max-width:780px){.qsearch{grid-template-columns:1.1fr 1.15fr 1fr auto}.qsearch__icon--on,.qsearch__icon--quan{display:none}:is(.qsearch__field:has(.qsearch__icon--on),.qsearch__field:has(.qsearch__icon--quan)){column-gap:0;padding-left:18px}.qsearch__go{width:58px;padding:0}.qsearch__go span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@container (max-width:560px){.qsearch__icon--on,.qsearch__icon--quan{display:grid}:is(.qsearch__field:has(.qsearch__icon--on),.qsearch__field:has(.qsearch__icon--quan)){column-gap:12px;padding-left:8px}.qsearch{box-shadow:4px 4px 0 var(--ink);border-radius:26px;grid-template-columns:1fr;gap:0;padding:6px}.qsearch__field{border-radius:20px;padding:8px 12px 8px 8px}.qsearch__field+.qsearch__field:before{width:auto;height:1.5px;inset:-1px 14px auto 62px}.qsearch__icon{width:38px;height:38px}.qsearch__go{width:auto;min-height:50px;margin:6px 0 0}.qsearch__go span{clip-path:none;width:auto;height:auto;position:static}}.going{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.75rem 0 1rem;display:flex}.going__btn{border:1.5px solid var(--ink,#1b1712);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.45rem;padding:0 1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.going__btn[aria-pressed=true]{background:var(--ink,#1b1712);color:var(--paper,#fbf7f0)}.going__btn:disabled{opacity:.6;cursor:progress}.going small{opacity:.75}.qsearch.qsearch--glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:66px;box-shadow:none;color:var(--paper);background:#f3ede31a;border:1.5px solid #f3ede366;padding:6px}.qsearch--glass .qsearch__field{align-items:center;gap:10px;padding:0 18px;display:flex}.qsearch--glass .qsearch__field+.qsearch__field:before{background:#f3ede34d}.qsearch--glass .qsearch__field:hover{background:#f3ede31a}.qsearch--glass .qsearch__field:focus-within{background:#f3ede324;box-shadow:inset 0 0 0 1.5px #f3ede399}.qsearch--glass .qsearch__icon{opacity:.7;background:0 0;border:0;width:auto;height:auto;display:grid;transform:none!important}.qsearch--glass .qsearch__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.qsearch--glass .qsearch__field input,.qsearch--glass .qsearch__field select{color:var(--paper);flex:1;font-weight:500}.qsearch--glass .qsearch__field input::placeholder{color:#f3ede3a6;font-weight:400}.qsearch--glass .qsearch__field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f3ede3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.qsearch--glass .qsearch__field select option{color:var(--ink);background:var(--paper)}.qsearch--glass .qsearch__go{background:var(--lime);color:var(--ink);box-shadow:none;border:0;margin:0;padding:0 24px}.qsearch--glass .qsearch__go:hover{background:var(--paper);box-shadow:none;transform:none}.qsearch--glass .qsearch__go:focus-visible{outline-color:var(--lime)}@container (max-width:780px){.qsearch--glass .qsearch__icon--on,.qsearch--glass .qsearch__icon--quan{display:grid}}@container (max-width:560px){.qsearch.qsearch--glass{height:auto;box-shadow:none;border-radius:26px}.qsearch--glass .qsearch__field{min-height:52px;padding:0 14px}.qsearch--glass .qsearch__field+.qsearch__field:before{left:14px;right:14px}}.qsearch--glass .qsearch__icon,.qsearch--glass .qsearch__field input,.qsearch--glass .qsearch__field select{align-self:center}@supports (appearance:base-select){.phero__search select{appearance:base-select}.phero__search select::picker(select){appearance:base-select}.phero__search select{cursor:pointer;background-color:#0000;border-color:#0000}.phero__search .qsearch__more select{background-color:#f3ede314;border-color:#f3ede366}.phero__search select::picker-icon{display:none}.phero__search select::picker(select){min-width:anchor-size(width);position-area:block-end span-inline-end;position-try-fallbacks:flip-block;position-try-order:normal;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);max-height:min(320px,40vh);color:var(--paper);font:inherit;scrollbar-width:thin;scrollbar-color:#f3ede359 transparent;opacity:0;transition:opacity .18s var(--ease), translate .18s var(--ease), display .18s allow-discrete, overlay .18s allow-discrete;background:#16130f8c;border:1.5px solid #f3ede359;border-radius:20px;margin-block:10px;padding:6px;overflow-y:auto;translate:0 -6px;box-shadow:0 24px 60px -20px #000000b3}.phero__search select:open::picker(select){opacity:1;translate:0}@starting-style{.phero__search select:open::picker(select){opacity:0;translate:0 -6px}}.phero__search select option,.qsearch--glass .qsearch__field select option{color:var(--paper);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.95rem;font-weight:500;display:flex}.phero__search select option:hover,.phero__search select option:focus-visible{background:#f3ede324;outline:none}.phero__search select option:checked{background:var(--lime);color:var(--ink)}.phero__search select option::checkmark{display:none}.phero__search select::picker(select){min-width:max(anchor-size(width), 260px);max-height:min(340px,40vh);padding:8px}.phero__search select option{white-space:normal;border-radius:14px;min-height:44px;margin-block:2px;padding:11px 16px;line-height:1.25}}.nearme:empty{display:none}.nearme{text-align:center;opacity:.8;margin-top:8px;font-size:.85rem;display:block}.qsearch select{white-space:nowrap}.qsearch__field select{white-space:nowrap;text-overflow:ellipsis;padding-right:22px;overflow:hidden}@container (min-width:781px){.qsearch{grid-template-columns:1.2fr 1.1fr 1.25fr auto}}
