.readout .affix{vertical-align:baseline;margin-left:.2em}
.tz-at,.tz-row{display:flex;gap:var(--sp-2);align-items:center}
.tz-at .adorned,.tz-id{flex:1;min-width:0}
.tz-at .affix{display:block;max-width:45%;line-height:2.625rem;font-size:var(--fs-sm)}
.tz-at input,.tz-row .input{font-size:var(--fs-md);padding-inline:var(--sp-2)}
.tz-list,.tz-res{list-style:none;margin:0;padding:0}
.tz-row{gap:var(--sp-1);padding-block:var(--sp-1);border-bottom:1px solid var(--border)}
.tz-id,.tz-res li{display:grid;line-height:1.35}
.tz-id *,.tz-res *,.tz-plan b,.tz-at .affix,[data-eyebrow]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tz-id span,.tz-res span,.tz-cap{font-size:var(--fs-sm);color:var(--text-2)}
.tz-row .input{width:8.5rem;flex:none}
.is-at .input,.tz-at [aria-pressed=true],.tz-res [aria-selected=true],.tz-plan .w{background:var(--accent-soft);border-color:var(--accent);color:var(--text-1)}
.tz-res li{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-2)}
.tz-wrap{container-type:inline-size;padding-top:var(--sp-3);gap:var(--sp-2)}
.tz-plan{display:grid;gap:1px;grid-auto-flow:column;grid-template-rows:auto repeat(24,1.5rem);grid-auto-columns:minmax(0,1fr);font-size:var(--fs-xs);text-align:center}
.tz-plan span{display:flex;align-items:center;justify-content:center;color:var(--text-2);background:var(--bg-2);border-radius:2px}
.tz-plan .b{background:var(--accent);color:var(--bg-1);font-weight:600}
.tz-plan .d{box-shadow:inset 0 2px var(--text-2)}
@container (min-width:27rem){.tz-plan{grid-auto-flow:row;grid-template:none/4.5rem repeat(24,minmax(0,1fr));grid-auto-rows:1.75rem;font-size:.6875rem}.tz-plan b{text-align:left;align-self:center;padding:0}.tz-plan small{display:none}.tz-plan .d{box-shadow:inset 2px 0 var(--text-2)}}
@container (max-width:26rem){.tz-row .input{width:6.5rem}.tz-row ::-webkit-calendar-picker-indicator{display:none}}
@container (max-width:18.5rem){.tz-at .affix{display:none}.tz-row{flex-wrap:wrap}.tz-id{flex-basis:100%}.tz-row .input{flex:1}}