.search-field[data-v-d1205c32]{--search-field-gap:.375rem;border-radius:var(--radius);background-color:var(--surface-3);outline:1px solid var(--border);outline-offset:var(--search-field-gap);align-items:center;width:100%;min-width:0;height:2.5rem;padding:0 1rem;transition:background-color .2s,outline-color .2s,box-shadow .2s;display:flex;position:relative}@media (hover:hover){.search-field[data-v-d1205c32]:not(:focus-within):hover{background-color:var(--surface-4);outline-color:var(--border-2)}}.search-field[data-v-d1205c32]:focus-within{outline-color:color-mix(in srgb,var(--primary) 18%,transparent);box-shadow:inset 0 0 0 1px var(--primary),0 0 0 var(--search-field-gap) color-mix(in srgb,var(--primary) 18%,transparent);background-color:#0000}.search-field__icon[data-v-d1205c32]{color:var(--text-3);flex-shrink:0;margin-right:.625rem}.search-field__control[data-v-d1205c32]{flex:1;align-items:center;min-width:0;height:100%;display:flex;position:relative}.search-field__roll[data-v-d1205c32]{pointer-events:none;display:grid;position:absolute;inset:0;overflow:hidden}.search-field__input.search-field__roll-text[data-v-d1205c32]{color:var(--text-3);text-overflow:ellipsis;cursor:default;grid-area:1/1}.search-roll-enter-active[data-v-d1205c32],.search-roll-leave-active[data-v-d1205c32]{transition:opacity .35s var(--ease-out),translate .35s var(--ease-out)}.search-roll-enter-from[data-v-d1205c32]{opacity:0;translate:0 .75rem}.search-roll-leave-to[data-v-d1205c32]{opacity:0;translate:0 -.75rem}@media (prefers-reduced-motion:reduce){.search-roll-enter-active[data-v-d1205c32],.search-roll-leave-active[data-v-d1205c32]{transition:none}}.search-field__input[data-v-d1205c32]{width:100%;min-width:0;height:100%;color:var(--text);appearance:none;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.875rem}.search-field__input[data-v-d1205c32]::placeholder{color:var(--text-3)}.search-field__input[data-v-d1205c32]::-webkit-search-cancel-button{display:none}.search-field__input[data-v-d1205c32]::-webkit-search-decoration{display:none}.search-field__input[data-v-d1205c32]::-webkit-search-results-button{display:none}.search-field__input[data-v-d1205c32]::-webkit-search-results-decoration{display:none}.search-field__input[data-v-d1205c32]:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface-3) inset;caret-color:var(--text);transition:background-color 9999s ease-out}.search-field__input[data-v-d1205c32]:-webkit-autofill:active{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface-3) inset;caret-color:var(--text);transition:background-color 9999s ease-out}.search-field__input[data-v-d1205c32]:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface-3) inset;caret-color:var(--text);transition:background-color 9999s ease-out}.search-field__input[data-v-d1205c32]:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface-3) inset;caret-color:var(--text);transition:background-color 9999s ease-out}@media (pointer:coarse){.search-field__input[data-v-d1205c32]{font-size:1rem}}.search-field__key[data-v-d1205c32]{border-radius:calc(var(--radius)/2);background-color:var(--surface-5);width:2.5rem;height:1.25rem;color:var(--text-2);cursor:pointer;transition:background-color .2s,color .2s,scale .45s var(--ease-press);--ripple:on;--ripple-color:currentColor;--ripple-opacity:.12;-webkit-tap-highlight-color:transparent;border:none;flex-shrink:0;margin-left:.75rem;font-size:.75rem;font-weight:500;position:relative}.search-field__key[data-v-d1205c32]:active:where(:not(:has(:is(button,a,[role=button]):active))){transition-duration:80ms;transition-timing-function:ease-out;scale:.96}@media (prefers-reduced-motion:reduce){.search-field__key[data-v-d1205c32]:active{scale:none}}@media (hover:hover){.search-field:hover .search-field__key[data-v-d1205c32]{background-color:var(--surface-6)}}.search-field:focus-within .search-field__key[data-v-d1205c32]{background-color:var(--surface-3)}@media (hover:hover){.search-field:focus-within .search-field__key[data-v-d1205c32]:hover{background-color:var(--surface-4)}}.search-field--hero[data-v-d1205c32]{--search-field-gap:.5rem;background-color:var(--surface);outline-color:color-mix(in srgb,var(--primary) 40%,transparent);height:3.75rem;box-shadow:inset 0 0 0 1px transparent,0 0 0 0 color-mix(in srgb,var(--primary) 18%,transparent),0 .25rem 1.25rem color-mix(in srgb,var(--primary) 12%,transparent);padding:0 1.25rem 0 1rem;overflow:hidden}@media (hover:hover){.search-field--hero[data-v-d1205c32]:not(:focus-within):hover{background-color:var(--surface-2);outline-color:color-mix(in srgb,var(--primary) 55%,transparent)}}.search-field--hero[data-v-d1205c32]:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 30%,color-mix(in srgb,var(--primary) 10%,transparent) 50%,transparent 70%);opacity:0;animation:10s cubic-bezier(.9,0,.4,1) infinite search-field-shine-d1205c32,10s ease-in-out infinite search-field-shine-fade-d1205c32;position:absolute;inset:0;transform:translate(-100%)}.search-field--hero[data-v-d1205c32]:focus-within{outline-color:color-mix(in srgb,var(--primary) 18%,transparent);box-shadow:inset 0 0 0 1px var(--primary),0 0 0 var(--search-field-gap) color-mix(in srgb,var(--primary) 18%,transparent),0 .25rem 1.25rem transparent}.search-field--hero[data-v-d1205c32]:focus-within:before{animation:none}.search-field--hero .search-field__icon[data-v-d1205c32]{margin-right:.75rem}.search-field--hero .search-field__input[data-v-d1205c32]{font-size:1rem}.search-field--hero .search-field__key[data-v-d1205c32]{width:2.75rem;height:1.5rem}@media (width<=1023px){.search-field--hero .search-field__key[data-v-d1205c32]{display:none}}@media (width<=639px){.search-field--hero[data-v-d1205c32]{height:3.25rem;padding:0 1rem 0 .875rem}.search-field--hero .search-field__input[data-v-d1205c32]{font-size:.875rem}}.dark .search-field--hero[data-v-d1205c32]:not(:focus-within){background-color:var(--surface-3)}@media (hover:hover){.dark .search-field--hero[data-v-d1205c32]:not(:focus-within):hover{background-color:var(--surface-4)}}.search-field--hero.search-field--neutral[data-v-d1205c32]{outline-color:color-mix(in srgb,var(--text-3) 40%,transparent);box-shadow:inset 0 0 0 1px transparent,0 0 0 0 color-mix(in srgb,var(--text-3) 18%,transparent),0 .25rem 1.25rem color-mix(in srgb,var(--text-3) 12%,transparent)}.search-field--hero.search-field--neutral[data-v-d1205c32]:before{display:none}.search-field--hero.search-field--neutral[data-v-d1205c32]:focus-within{outline-color:color-mix(in srgb,var(--text-3) 18%,transparent);box-shadow:inset 0 0 0 1px var(--text-3),0 0 0 var(--search-field-gap) color-mix(in srgb,var(--text-3) 18%,transparent),0 .25rem 1.25rem transparent}@media (hover:hover){.search-field--hero.search-field--neutral[data-v-d1205c32]:not(:focus-within):hover{outline-color:color-mix(in srgb,var(--text-3) 55%,transparent)}}@keyframes search-field-shine-d1205c32{0%{transform:translate(-75%)}40%{transform:translate(75%)}to{transform:translate(75%)}}@keyframes search-field-shine-fade-d1205c32{0%{opacity:0}20%{opacity:1}40%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.search-field--hero[data-v-d1205c32]:before{animation:none}}
