[data-hue]{--c:light-dark(oklch(.5 .14 var(--h)),oklch(.8 .14 var(--h)))}
.tt-d{display:inline-block;padding:.375rem;margin-right:8px;border-radius:50%;background:var(--c)}
.look-card>:is(.tt-r,.btn){grid-column:1/-1;position:relative;z-index:1}
.look-more{grid-row:1}
.tt-v small,.tt-i *,.tt-it,.tt-ln{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tt-r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem}
.tt-h{font-size:1rem}
.tt-ls .field{flex:1}
.tt-y{position:sticky;top:var(--lh);z-index:1;display:flex;gap:.75rem;padding:.5rem 0;background:var(--bg-1);border-bottom:1px solid var(--border)}
.is-on>.tt-y{color:var(--accent)}
.tt-v small{font-size:.875rem;color:var(--text-2)}
.tt-i,.tt-it{border:0;padding:0;background:none;text-align:left}
.tt-i{flex:1;display:grid;font-size:1rem}
.tt-tl{--fc:5.5rem;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:var(--fc);mask:linear-gradient(90deg,#000 90%,#0000)}
.tt-row{display:flex;box-shadow:0 1px var(--border)}
.tt-ln{position:sticky;left:0;z-index:2;flex:none;width:var(--fc);background:var(--bg-1);line-height:2.75rem}
.tt-tr{position:relative;flex:1;min-height:2.75rem;background:repeating-linear-gradient(90deg,var(--border) 0 1px,#0000 0 var(--yw))}
.tt-tr>*{position:absolute;height:2.75rem;line-height:2.75rem;font-size:.875rem}
.tt-yl{scroll-snap-align:start;padding:0 4px}
.tt-now{background:var(--accent-soft)}
.tt-it{z-index:1;padding:0 .5rem 0 1.25rem}
.tt-it:before{content:"";position:absolute;z-index:-1;inset:.9rem auto .9rem 0;width:max(var(--bw),14px);border-radius:9px;background:var(--c)}
.tt-it[data-s]:before{inset:.4rem auto .4rem 0;border-radius:4px;background:color-mix(in oklab,var(--c) 20%,#0000);border-left:3px solid var(--c)}
@media (min-width:64em){.tt{grid-template-columns:22rem minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:start}.tt-v{grid-area:1/2/4}.tt-tl{--fc:8rem}[data-ages]{display:none}}
@container (max-width:19rem){.tt ::-webkit-calendar-picker-indicator{display:none}}