@keyframes searchPop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes searchGrow{from{width:44px}to{width:100%}}
@keyframes searchGrowHero{from{width:56px}to{width:100%}}
@keyframes searchText{from{opacity:0}to{opacity:1}}
.tr-search{position:relative;width:100%;color:var(--tr-ink);text-align:left}
.tr-search__pill{position:relative;box-sizing:border-box;overflow:hidden;margin:0 auto;width:100%;height:44px;border-radius:999px;border:1px solid var(--tr-line2);background:var(--tr-sand)}
.tr-search--hero .tr-search__pill{height:56px;border:0;background:rgba(255,255,255,.92)}
.tr-search__in{width:100%;box-sizing:border-box;height:100%;padding:0 52px 0 20px;border:0;background:transparent;font-size:15px;color:var(--tr-ink);outline:none;-webkit-appearance:none;appearance:none}
.tr-search--hero .tr-search__in{padding:0 64px 0 28px;font-size:16px}
.tr-search__in::placeholder{color:var(--tr-ink2)}
.tr-search__go{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;border-radius:50%;background:var(--tr-ink);color:#fff;display:flex;align-items:center;justify-content:center;padding:0}
.tr-search--hero .tr-search__go{right:8px;top:8px;width:40px;height:40px}
html.tr-intro .tr-search__pill{animation:searchPop .28s cubic-bezier(.2,.9,.3,1.3) both,searchGrow .55s cubic-bezier(.2,.8,.2,1) .3s both}
html.tr-intro .tr-search--hero .tr-search__pill{animation:searchPop .28s cubic-bezier(.2,.9,.3,1.3) both,searchGrowHero .55s cubic-bezier(.2,.8,.2,1) .3s both}
html.tr-intro .tr-search__in{animation:searchText .35s ease .6s both}
.tr-search__drop{position:absolute;left:0;right:0;top:100%;margin-top:8px;z-index:60;background:#fff;border-radius:12px;box-shadow:0 14px 32px rgba(43,42,40,.18);padding:16px 20px;box-sizing:border-box}
.tr-search__drop[hidden]{display:none}
.tr-sd-h{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tr-ink2);margin:0 0 8px}
.tr-sd-h+.tr-sd-r,.tr-sd-r+.tr-sd-h{margin-top:16px}
.tr-sd-c{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:15px;line-height:20px;font-weight:500;border-bottom:1px solid #F0EADF}
.tr-sd-c small{font-size:13px;color:var(--tr-ink2)}
.tr-sd-p{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:15px;line-height:20px}
.tr-sd-p i{width:44px;height:44px;border-radius:4px;background:#DDD3C0;flex:0 0 auto;object-fit:cover}
.tr-sd-p span{flex:1;min-width:0}
.tr-sd-p b{font-size:14px;font-weight:600}
.tr-sd-none b{display:block;font-size:16px;line-height:24px;font-weight:600}
.tr-sd-none span{display:block;margin-top:6px;font-size:14px;line-height:21px;color:var(--tr-ink2)}
