:root{--app-search-height:56px}.app-search{z-index:45;top:var(--sticky-search-top,0px);height:var(--app-search-height);background:var(--snapshot-paper-100,var(--paper-100));--app-search-bleed-line:var(--snapshot-divider-strong,var(--divider-strong));margin:0;padding:4px;position:sticky}.app-search:after{z-index:1;background:var(--app-search-bleed-line);content:"";pointer-events:none;width:100vw;height:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.app-search--open{z-index:55}.app-search__scrim{z-index:40;cursor:default;animation:.18s cubic-bezier(.16,1,.3,1) both app-search-scrim-in}.app-search__form,.app-search__control,.app-search__field{height:48px;position:relative}.app-search__form{z-index:45}.app-search__field{border-radius:var(--snapshot-radius,var(--radius));background:var(--snapshot-paper-100,var(--paper-100));cursor:text;align-items:center;gap:12px;width:100%;padding:0 20px;display:flex}.app-search--open .app-search__field,.app-search__field:focus-within{background:var(--snapshot-paper-50,var(--paper-50));box-shadow:0 1px 2px #1f1f1a1a,0 10px 24px #1f1f1a1a}.app-search__icon{width:24px;height:24px;color:var(--snapshot-neutral-900,var(--neutral-900));pointer-events:none;stroke-width:1.5px;transform-origin:50%;transition:transform .18s cubic-bezier(.16,1,.3,1)}.app-search__icon-slot{pointer-events:none;flex:0 0 24px;place-items:center;width:24px;height:24px;display:inline-grid}.app-search input{border-radius:var(--snapshot-radius,var(--radius));width:100%;min-width:0;height:48px;color:var(--snapshot-neutral-900,var(--neutral-900));font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:16px;line-height:1.2}.app-search input::placeholder{color:var(--snapshot-neutral-500,var(--neutral-500));opacity:1;transition:color .18s cubic-bezier(.16,1,.3,1)}.app-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.app-search__clear{border-radius:var(--snapshot-radius,var(--radius));width:40px;height:40px;color:var(--snapshot-neutral-900,var(--neutral-900));background:0 0;border:0;flex:0 0 40px;place-items:center;padding:0;display:inline-grid}.app-search__clear:hover,.app-search__clear:focus-visible{background:var(--snapshot-paper-200,var(--paper-200));outline:0}.app-search__clear:active{background:var(--snapshot-paper-400,var(--paper-400))}.app-search__clear svg{stroke-width:1.75px;width:20px;height:20px}@media (hover:hover) and (pointer:fine){.app-search__field:hover .app-search__icon{transform:translateY(-1px)scale(1.04)}.app-search__field:hover input::placeholder{color:var(--snapshot-neutral-700,var(--neutral-700))}}.app-search__popover{z-index:60;border:1px solid var(--snapshot-neutral-400,var(--neutral-400));border-radius:var(--snapshot-radius,var(--radius));background:var(--snapshot-paper-50,var(--paper-50));animation:.18s cubic-bezier(.16,1,.3,1) both app-search-popover-in;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 2px 4px #1f1f1a14,0 18px 36px #1f1f1a2e}.app-search__option,.app-search__footer{border:0;border-bottom:1px solid var(--snapshot-divider-secondary,var(--divider-secondary));width:100%;height:56px;min-height:56px;color:var(--snapshot-neutral-900,var(--neutral-900));cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:0;transition:background-color .16s cubic-bezier(.16,1,.3,1)}.app-search__option{align-items:center;gap:8px;min-width:0;padding:0 20px 0 12px;display:flex}.app-search__option:hover,.app-search__option:focus-visible,.app-search__option--active,.app-search__footer:hover,.app-search__footer:focus-visible,.app-search__footer--active{background:var(--snapshot-paper-200,var(--paper-200));outline:0}.app-search__option:active,.app-search__footer:active{background:var(--snapshot-paper-400,var(--paper-400))}.app-search__option:focus-visible,.app-search__footer:focus-visible{box-shadow:inset 0 0 0 2px var(--snapshot-neutral-900,var(--neutral-900))}.app-search__card-crop{flex:0 0 57px;width:57px;height:40px;overflow:hidden}.app-search__card-image{border-radius:0;width:57px;height:auto;display:block;transform:translateY(-8px)}.app-search__result-text{align-items:baseline;gap:8px;min-width:0;display:flex}.app-search__result-text strong,.app-search__result-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-search__result-text strong{flex:0 auto;min-width:0;font-size:16px;font-weight:400;line-height:1.2}.app-search__result-text span{color:var(--snapshot-neutral-700,var(--neutral-700));flex:none;font-size:12px;line-height:1.2}.app-search__enter-hint{border-radius:var(--snapshot-radius,var(--radius));background:var(--snapshot-paper-50,var(--paper-50));height:24px;color:var(--snapshot-neutral-900,var(--neutral-900));white-space:nowrap;flex:none;align-items:center;gap:4px;margin-left:auto;padding:0 8px;font-size:12px;line-height:1;display:inline-flex}.app-search__enter-icon{stroke-width:1.75px;flex:0 0 16px;width:16px;height:16px}.app-search__footer{border-bottom:0;justify-content:flex-start;align-items:center;gap:8px;padding:0 20px;display:flex}.app-search__footer>span,.app-search__footer-label{min-width:0;font-size:16px;font-weight:400;line-height:1.2;display:inline}.app-search__footer>.app-search__enter-hint{font-size:12px;line-height:1}.app-search__footer strong{font-weight:700}.app-search__footer-icon{color:currentColor;stroke-width:1.5px;flex:0 0 24px;width:24px;height:24px}.app-search__empty{color:var(--snapshot-neutral-700,var(--neutral-700));margin:0;padding:16px 20px;font-size:14px}@keyframes app-search-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes app-search-popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-search-page-in{0%{transform:translate(100%)}to{transform:translate(0,0)}}@media (max-width:560px){.app-search__field{padding:0 16px}.app-search__option{padding-right:12px}.app-search__enter-hint{display:none}.app-search__result-text{gap:2px;display:grid}}@media (prefers-reduced-motion:reduce){.mobile-search-page,.app-search__scrim,.app-search__popover{animation:none}.app-search__option,.app-search__footer,.app-search__icon,.app-search input::placeholder{transition:none}.app-search__field:hover .app-search__icon{transform:none}}