/* Hill Finder (tools-src/hill-finder). Everything scoped under .tl-hf */
.tl-hf{--hf-dark:#1c1b1b;--hf-red:#ed2629;--hf-blue:#3899ec;--hf-grey:#9aa0a6;--hf-light:#f5f5f7;--hf-mute:#6e6e73;margin:0 0 10px}
.tl-hf .tl-hf-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0}
.tl-hf .tl-hf-ctl{padding:20px;position:relative;z-index:1}

/* search */
.tl-hf .tl-hf-search{position:relative}
.tl-hf .tl-hf-search>svg{position:absolute;left:20px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--hf-mute);pointer-events:none}
.tl-hf .tl-hf-search input[type=search]{height:54px;padding:0 54px 0 52px;font-size:17px;background:var(--hf-light);border-color:transparent}
.tl-hf .tl-hf-search input[type=search]:focus{background:#fff;border-color:var(--hf-blue)}
.tl-hf .tl-hf-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.tl-hf .tl-hf-search input::placeholder{color:#86868b}
.tl-hf .tl-hf-clear{position:absolute;right:8px;top:50%;width:38px;height:38px;margin-top:-19px;border:0;border-radius:50%;background:rgba(28,27,27,.08);color:var(--hf-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.tl-hf .tl-hf-clear[hidden]{display:none}
.tl-hf .tl-hf-clear svg{width:16px;height:16px}

/* list chips */
.tl-hf .tl-hf-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.tl-hf .tl-hf-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fff;color:var(--hf-dark);font:14.5px/1 'lp-figtree-600',Arial,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.tl-hf .tl-hf-chip em{font-style:normal;font-size:12.5px;color:var(--hf-mute);font-family:'lp-figtree-300-900-2',Arial,sans-serif;font-variant-numeric:tabular-nums}
.tl-hf .tl-hf-chip[aria-pressed=true]{background:var(--hf-dark);border-color:var(--hf-dark);color:#fff}
.tl-hf .tl-hf-chip[aria-pressed=true] em{color:rgba(255,255,255,.7)}
.tl-hf .tl-hf-dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}
.tl-hf .tl-hf-c0{background:var(--hf-red)}
.tl-hf .tl-hf-c1{background:var(--hf-blue)}
.tl-hf .tl-hf-c2{background:var(--hf-dark)}
.tl-hf .tl-hf-c3{background:var(--hf-grey)}
.tl-hf .tl-hf-c4{background:#fff;box-shadow:inset 0 0 0 2.5px var(--hf-red)}
.tl-hf .tl-hf-chip[aria-pressed=true] .tl-hf-c2{background:#fff}
.tl-hf .tl-hf-chip[aria-pressed=true] .tl-hf-c4{background:transparent}

/* toolbar */
.tl-hf .tl-hf-bar{display:flex;gap:10px;margin:14px 0 0;align-items:center;max-width:420px}
.tl-hf .tl-hf-tbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:46px;padding:0 18px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fff;color:var(--hf-dark);font:15px/1 'lp-outfit-700-2',Arial,sans-serif;cursor:pointer;white-space:nowrap;flex:1 1 0;min-width:0}
.tl-hf .tl-hf-tbtn svg{width:18px;height:18px;flex:none}
.tl-hf #tl-hf-near{color:var(--hf-dark)}
.tl-hf #tl-hf-near svg{color:var(--hf-red)}
.tl-hf #tl-hf-near[aria-pressed=true]{background:var(--hf-red);border-color:var(--hf-red);color:#fff}
.tl-hf #tl-hf-near[aria-pressed=true] svg{color:#fff}
.tl-hf .tl-hf-tbtn.is-busy{opacity:.7;cursor:progress}
.tl-hf .tl-hf-tbtn[aria-expanded=true]{background:var(--hf-light);border-color:transparent}
.tl-hf .tl-hf-tbtn i{font-style:normal;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:var(--hf-red);color:#fff;font:12px/20px 'lp-outfit-700-2',Arial,sans-serif;text-align:center}
.tl-hf .tl-hf-tbtn i[hidden]{display:none}
.tl-hf .tl-hf-sort{flex:none;width:176px;position:relative}
.tl-hf .tl-hf-sort select{height:40px;background:var(--hf-light);border-color:transparent;font-family:'lp-figtree-600',Arial,sans-serif;font-size:14.5px;padding-left:16px}
.tl-hf .tl-hf-sort::after{content:"";position:absolute;right:18px;top:50%;width:7px;height:7px;margin-top:-6px;border-right:2px solid var(--hf-mute);border-bottom:2px solid var(--hf-mute);transform:rotate(45deg);pointer-events:none}
.tl-hf select{padding-right:40px!important;text-overflow:ellipsis;cursor:pointer}
.tl-hf .tl-hf-f select{background-image:linear-gradient(45deg,transparent 50%,#6e6e73 50%),linear-gradient(135deg,#6e6e73 50%,transparent 50%);background-position:calc(100% - 22px) 52%,calc(100% - 17px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.tl-hf select:disabled{opacity:.5;cursor:default}

/* filters */
.tl-hf .tl-hf-filters{margin:16px 0 0;padding:16px 0 0;border-top:1px solid rgba(0,0,0,.07)}
.tl-hf .tl-hf-filters[hidden]{display:none}
.tl-hf .tl-hf-fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tl-hf .tl-hf-lab{display:block;font:13px/1.2 'lp-figtree-600',Arial,sans-serif;color:var(--hf-mute);margin:0 0 6px}
.tl-hf .tl-hf-range{display:flex;align-items:center;gap:8px}
.tl-hf .tl-hf-range span{font-size:13px;color:var(--hf-mute);flex:none}
.tl-hf .tl-hf-range input{min-width:0;text-align:center;padding:0 10px!important;-moz-appearance:textfield}
.tl-hf .tl-hf-range input::-webkit-outer-spin-button,.tl-hf .tl-hf-range input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tl-hf input.is-bad{border-color:var(--hf-red)!important;box-shadow:0 0 0 3px rgba(237,38,41,.15)!important}
.tl-hf .tl-hf-switch{display:flex!important;align-items:center;gap:10px;height:46px;margin:0!important;cursor:pointer;font:15px/1.2 'lp-figtree-600',Arial,sans-serif!important;color:var(--hf-dark)!important;position:relative}
.tl-hf .tl-hf-switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.tl-hf .tl-hf-knob{flex:none;width:46px;height:28px;border-radius:999px;background:#d8d8dc;position:relative;transition:background .2s}
.tl-hf .tl-hf-knob::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.tl-hf .tl-hf-switch input:checked+.tl-hf-knob{background:var(--hf-red)}
.tl-hf .tl-hf-switch input:checked+.tl-hf-knob::after{transform:translateX(18px)}
.tl-hf .tl-hf-switch input:focus-visible+.tl-hf-knob{box-shadow:0 0 0 3px rgba(56,153,236,.3)}
.tl-hf .tl-hf-switch.is-off{opacity:.45;cursor:default}
.tl-hf .tl-hf-fnote{margin:2px 0 0;font-size:12.5px;line-height:1.4;color:var(--hf-mute)}
.tl-hf .tl-hf-fnote[hidden]{display:none}
.tl-hf .tl-hf-fnote a{color:var(--hf-red);font-family:'lp-figtree-600',Arial,sans-serif}

/* status */
.tl-hf .tl-hf-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 2px 12px}
.tl-hf .tl-hf-count{margin:0;font-size:15px;color:var(--hf-mute);display:flex;align-items:baseline;gap:10px;min-width:0}
.tl-hf .tl-hf-count b{font:20px/1 'lp-outfit-700-2',Arial,sans-serif;color:var(--hf-dark);margin-right:2px}
.tl-hf .tl-hf-reset{border:0;background:none;color:var(--hf-red);font:14.5px/1 'lp-figtree-600',Arial,sans-serif;cursor:pointer;padding:10px 4px;min-height:36px;margin:-10px 0}
.tl-hf .tl-hf-reset[hidden]{display:none}
.tl-hf .tl-hf-msg{margin:0 0 14px;padding:12px 16px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:var(--tl-sh);font-size:14.5px;line-height:1.5;color:#3a3a3a}
.tl-hf .tl-hf-msg[hidden]{display:none}
.tl-hf .tl-hf-retry{border:0;background:none;padding:0;color:var(--hf-red);font:inherit;font-family:'lp-figtree-600',Arial,sans-serif;text-decoration:underline;cursor:pointer}
.tl-hf .tl-hf-prog{margin:0 0 16px;padding:14px 16px;border-radius:14px;background:var(--hf-light)}
.tl-hf .tl-hf-prog[hidden]{display:none}
.tl-hf .tl-hf-ptxt{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14.5px;color:#3a3a3a;margin:0 0 9px}
.tl-hf .tl-hf-ptxt b{font-family:'lp-outfit-700-2',Arial,sans-serif;color:var(--hf-dark)}
.tl-hf .tl-hf-ptxt>b{color:var(--hf-red);font-size:16px}
.tl-hf .tl-hf-pbar{height:8px;border-radius:999px;background:rgba(28,27,27,.09);overflow:hidden}
.tl-hf .tl-hf-pbar i{display:block;height:100%;border-radius:999px;background:var(--hf-red);transition:width .3s}

/* results */
.tl-hf .tl-hf-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tl-hf .tl-hf-list li{margin:0;padding:0;list-style:none}
.tl-hf .tl-hf-list li::before{content:none}
.tl-hf .tl-hf-item{display:grid;grid-template-columns:84px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:10px 12px 10px 10px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.07);box-shadow:0 1px 2px rgba(0,0,0,.03),0 8px 22px -16px rgba(0,0,0,.25);text-decoration:none!important;color:var(--hf-dark);height:100%;box-sizing:border-box;transition:transform .15s,box-shadow .15s}
.tl-hf a.tl-hf-item:visited{color:var(--hf-dark)}
.tl-hf .tl-hf-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 14px 30px -16px rgba(0,0,0,.3)}
.tl-hf .tl-hf-item:active{transform:scale(.99)}
.tl-hf .tl-hf-th{position:relative;width:84px;height:84px;border-radius:12px;overflow:hidden;background:var(--hf-light);display:block}
.tl-hf .tl-hf-th img{width:100%;height:100%;object-fit:cover;display:block}
.tl-hf .tl-hf-noimg{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:var(--hf-grey)}
.tl-hf .tl-hf-noimg svg{width:30px;height:30px}
.tl-hf .tl-hf-tick{position:absolute;right:5px;top:5px;width:24px;height:24px;border-radius:50%;background:var(--hf-red);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}
.tl-hf .tl-hf-tick svg{width:14px;height:14px}
.tl-hf .tl-hf-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.tl-hf .tl-hf-name{font:18px/1.2 'lp-outfit-700-2',Arial,sans-serif;color:var(--hf-dark);letter-spacing:-.01em;overflow-wrap:anywhere}
.tl-hf .tl-hf-aka{display:block;font:12.5px/1.3 'lp-figtree-300-900-2',Arial,sans-serif;color:var(--hf-mute);letter-spacing:0;margin-top:2px}
.tl-hf .tl-hf-aka::before{content:"Also "}
.tl-hf .tl-hf-sub{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}
.tl-hf .tl-hf-badge{display:inline-block;height:20px;padding:0 8px;border-radius:999px;font:11.5px/20px 'lp-outfit-700-2',Arial,sans-serif;letter-spacing:.02em;flex:none}
.tl-hf .tl-hf-b0{background:rgba(237,38,41,.11);color:var(--hf-red)}
.tl-hf .tl-hf-b1{background:rgba(56,153,236,.14);color:var(--hf-blue)}
.tl-hf .tl-hf-b2{background:var(--hf-dark);color:#fff}
.tl-hf .tl-hf-b3{background:rgba(154,160,166,.22);color:var(--hf-mute)}
.tl-hf .tl-hf-b4{background:var(--hf-red);color:#fff}
.tl-hf .tl-hf-area{font-size:13px;line-height:1.3;color:var(--hf-mute);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-hf .tl-hf-done{font:12px/1 'lp-figtree-600',Arial,sans-serif;color:var(--hf-red)}
.tl-hf .tl-hf-meta{display:flex;flex-wrap:wrap;gap:3px 14px}
.tl-hf .tl-hf-m{display:inline-flex;align-items:center;gap:5px;font:13.5px/1.35 'lp-figtree-600',Arial,sans-serif;color:#3a3a3a;white-space:nowrap}
.tl-hf .tl-hf-m svg{width:14px;height:14px;color:var(--hf-grey);flex:none}
.tl-hf .tl-hf-d{color:var(--hf-dark)}
.tl-hf .tl-hf-d svg{color:var(--hf-red)}
.tl-hf .tl-hf-go{color:#c4c4c8;display:flex}
.tl-hf .tl-hf-go svg{width:18px;height:18px}
.tl-hf .tl-hf-item.is-done .tl-hf-name{color:var(--hf-dark)}

.tl-hf .tl-hf-empty{text-align:center;padding:36px 20px;border-radius:var(--tl-r);background:var(--hf-light)}
.tl-hf .tl-hf-empty[hidden]{display:none}
.tl-hf .tl-hf-empty svg{width:34px;height:34px;color:var(--hf-grey)}
.tl-hf .tl-hf-empty p{margin:8px 0 16px}
.tl-hf .tl-hf-more{display:flex;justify-content:center;padding:18px 0 0;min-height:1px}
.tl-hf .tl-hf-more .tl-btn[hidden]{display:none}
.tl .tl-hf-how p:last-child{margin-bottom:0}
.tl .tl-hf-how p:first-child{margin-top:0}

@media (max-width:1000px) and (min-width:751px){
 .tl-hf .tl-hf-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tl-hf .tl-hf-list{grid-template-columns:1fr}
}
@media (max-width:750px){
 .tl-hf .tl-hf-ctl{padding:12px;margin-bottom:0}
 .tl-hf .tl-hf-search>svg{left:14px;width:16px;height:16px;margin-top:-8px}
 .tl-hf .tl-hf-search input[type=search]{height:42px;padding:0 42px 0 38px;font-size:14px}
 .tl-hf .tl-hf-clear{right:4px;width:34px;height:34px;margin-top:-17px}
 .tl-hf .tl-hf-clear svg{width:13px;height:13px}
 .tl-hf .tl-hf-chips{gap:5px;margin-top:10px}
 .tl-hf .tl-hf-chip{height:30px;padding:0 9px;gap:5px;font-size:12px}
 .tl-hf .tl-hf-chip em{font-size:10.5px}
 .tl-hf .tl-hf-dot{width:7px;height:7px}
 .tl-hf .tl-hf-c4{box-shadow:inset 0 0 0 2px var(--hf-red)}
 .tl-hf .tl-hf-bar{gap:6px;margin-top:10px}
 .tl-hf .tl-hf-tbtn{height:38px;padding:0 11px;gap:5px;font-size:13px}
 .tl-hf .tl-hf-tbtn svg{width:15px;height:15px}
 .tl-hf .tl-hf-tbtn i{min-width:17px;height:17px;font-size:10.5px;line-height:17px;padding:0 4px}
 .tl-hf .tl-hf-sort{width:124px}
 .tl-hf .tl-hf-sort select{height:34px!important;font-size:12.5px!important;padding-left:12px!important;padding-right:26px!important}
 .tl-hf .tl-hf-sort::after{right:13px;width:5px;height:5px;margin-top:-4.5px}
 .tl-hf .tl-hf-filters{margin-top:12px;padding-top:12px}
 .tl-hf .tl-hf-fgrid{grid-template-columns:1fr;gap:12px}
 .tl-hf .tl-hf-lab{font-size:11.5px;margin-bottom:5px}
 .tl-hf .tl-hf-f label{font-size:11.5px;margin-bottom:5px}
 .tl-hf .tl-hf-f select{background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;padding-right:32px!important}
 .tl-hf .tl-hf-switch{height:36px;font-size:13.5px!important}
 .tl-hf .tl-hf-knob{width:40px;height:24px}
 .tl-hf .tl-hf-knob::after{width:18px;height:18px}
 .tl-hf .tl-hf-switch input:checked+.tl-hf-knob::after{transform:translateX(16px)}
 .tl-hf .tl-hf-fnote{font-size:11.5px}
 .tl-hf .tl-hf-status{margin:16px 2px 8px}
 .tl-hf .tl-hf-count{font-size:12.5px}
 .tl-hf .tl-hf-count b{font-size:16px}
 .tl-hf .tl-hf-reset{font-size:12.5px;padding:10px 2px}
 .tl-hf .tl-hf-count{gap:6px}
 .tl-hf .tl-hf-msg{font-size:12.5px;padding:10px 12px;margin-bottom:10px}
 .tl-hf .tl-hf-prog{padding:10px 12px;border-radius:12px;margin-bottom:10px}
 .tl-hf .tl-hf-ptxt{font-size:12px;margin-bottom:7px}
 .tl-hf .tl-hf-ptxt>b{font-size:13px}
 .tl-hf .tl-hf-pbar{height:6px}
 .tl-hf .tl-hf-list{grid-template-columns:1fr;gap:8px}
 .tl-hf .tl-hf-item{grid-template-columns:62px minmax(0,1fr) 12px;gap:10px;padding:7px 8px 7px 7px;border-radius:13px}
 .tl-hf .tl-hf-th{width:62px;height:62px;border-radius:9px}
 .tl-hf .tl-hf-tick{width:18px;height:18px;right:3px;top:3px;box-shadow:0 0 0 1.5px #fff}
 .tl-hf .tl-hf-tick svg{width:11px;height:11px}
 .tl-hf .tl-hf-body{gap:4px}
 .tl-hf .tl-hf-name{font-size:14.5px}
 .tl-hf .tl-hf-aka{font-size:10.5px;margin-top:1px}
 .tl-hf .tl-hf-sub{gap:3px 6px}
 .tl-hf .tl-hf-badge{height:16px;line-height:16px;font-size:9.5px;padding:0 6px}
 .tl-hf .tl-hf-area{font-size:11px}
 .tl-hf .tl-hf-done{font-size:10.5px}
 .tl-hf .tl-hf-meta{gap:1px 9px}
 .tl-hf .tl-hf-m{font-size:11px;gap:3px}
 .tl-hf .tl-hf-m svg{width:11px;height:11px}
 .tl-hf .tl-hf-go svg{width:13px;height:13px}
 .tl-hf .tl-hf-empty{padding:24px 14px;border-radius:14px}
 .tl-hf .tl-hf-empty svg{width:26px;height:26px}
 .tl-hf .tl-hf-more{padding-top:12px}
}
