.hp-xl{--hp-xl-pad:var(--unit-8-00);--app:var(--composition-app-surface);--app-ink:var(--composition-app-ink);--app-soft:var(--composition-app-soft);--app-faint:var(--composition-app-faint);--app-rule:var(--composition-app-rule);--app-chip:var(--composition-app-chip);--xl-type:.9;--xl-gap:var(--unit-6-00);--xl-floor:var(--unit-16-00);--xl-table-type:1;--xl-panel-drop:var(--unit-16-00);--xl-wire-gap:var(--unit-20-00);--xl-wire-out:var(--unit-16-00);isolation:isolate;column-gap:var(--xl-wire-gap);padding:0 calc(var(--hp-xl-pad) + var(--xl-wire-out)) var(--xl-floor) var(--hp-xl-pad);grid-template-columns:minmax(260px,1fr) minmax(0,2.3fr);align-items:stretch;display:grid;position:relative}.hp-xl:before{content:"";inset:var(--xl-panel-drop) 0 0;z-index:-1;border-radius:var(--hp-radius-card);background-color:var(--surface-primary-default);pointer-events:none;position:absolute}.hp-xl-wires{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:visible}.hp-xl-string{fill:none;stroke:color-mix(in srgb, var(--text-primary) 22%, transparent);stroke-width:1.5px;stroke-linecap:round}.hp-xl-string[data-lead]{stroke-width:2px}.hp-xl-loop-dot{fill:color-mix(in srgb, var(--text-primary) 55%, transparent)}.hp-xl-loop-dot[data-lead]{fill:var(--text-primary)}.hp-xl-card,.hp-xl-runner,.hp-xl-cac{z-index:2;border-radius:var(--wire-radius-lg);background-color:var(--app);box-shadow:inset 0 0 0 1px var(--app-rule);color:var(--app-ink);position:relative}.hp-xl-card{z-index:auto;gap:var(--unit-8-00);padding:var(--unit-6-00);text-align:center;flex-direction:column;display:flex}.hp-xl-group{z-index:2;align-items:center;gap:var(--unit-3-00);flex-direction:column;display:flex;position:relative}.hp-xl-proven{padding:var(--unit-5-00) var(--unit-4-00);border-radius:calc(var(--wire-radius-lg) - var(--unit-2-00));background-color:var(--app-chip);align-self:stretch;margin-top:auto}.hp-xl-label{color:var(--app-soft);margin:0}.hp-xl-soft{color:var(--app-soft);display:block}.hp-xl-product{text-align:left;align-items:center;gap:var(--unit-3-00);padding:var(--unit-2-00);border-radius:var(--wire-radius-md);background-color:var(--app-chip);display:flex}.hp-xl-product-shot{border-radius:calc(var(--wire-radius-md) - var(--unit-2-00));object-fit:cover;flex:none;width:48px;height:48px}.hp-xl-product-name{min-width:0}.hp-xl-chips{justify-content:center;gap:var(--unit-2-00);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hp-xl-chip{z-index:2;padding:var(--unit-1-50) var(--unit-3-00);border-radius:var(--wire-radius-pill);background-color:var(--app-chip);color:var(--app-ink);white-space:nowrap;transition:background-color .32s,color .32s;position:relative}.hp-xl-chip:not([data-picked]){background-image:linear-gradient(var(--app-chip), var(--app-chip));background-color:var(--app)}.hp-xl-chip[data-picked]{background-color:var(--app-ink);color:var(--app)}.hp-xl-pot{gap:var(--unit-2-00);grid-template-columns:repeat(4,auto);justify-content:center;display:grid}.hp-xl-col{flex-direction:column;min-width:0;display:flex}.hp-xl{--xl-cols:minmax(0, .6fr) minmax(0, .95fr) minmax(0, 1.6fr) minmax(0, .7fr)}.hp-xl-head,.hp-xl-runner{grid-template-columns:var(--xl-cols);column-gap:var(--unit-4-00);padding-inline:var(--unit-5-00);align-items:center;display:grid}.hp-xl-head{margin-bottom:var(--unit-3-00);color:var(--text-tertiary)}.hp-xl-head-step{margin-right:var(--unit-2-00);color:var(--text-secondary)}.hp-xl-head>:last-child{justify-self:end}.hp-xl-race{gap:var(--unit-3-00);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hp-xl-runner{min-height:84px;padding-block:var(--unit-4-00);box-shadow:none;background:linear-gradient(var(--app), var(--app)) padding-box, linear-gradient(var(--app-rule), var(--app-rule)) border-box;border:1.5px solid #0000}.hp-xl-runner[data-lead]{background:linear-gradient(var(--app), var(--app)) padding-box, var(--gradient-spectrum-linear) border-box}.hp-xl-runner>:not(.hp-xl-result){min-width:0}.hp-xl-runner:not([data-lead])>:not(.hp-xl-result){color:var(--app-soft)}.hp-xl-result{align-items:flex-end;gap:var(--unit-2-00);flex-direction:column;display:flex}.hp-xl-rate{font-variant-numeric:tabular-nums}.hp-xl-runner:not([data-lead]) .hp-xl-rate{color:var(--app-soft)}.hp-xl-bar{width:100%;max-width:120px;height:var(--metric-bar-height);border-radius:var(--metric-bar-radius);background-color:var(--app-chip);display:block;position:relative;overflow:hidden}.hp-xl-bar>span{border-radius:inherit;background-color:var(--app-faint);transform-origin:0;transition:transform .64s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.hp-xl-bar[data-lead]>span{background-color:var(--app-ink)}.hp-xl-cac{gap:var(--unit-2-00);width:min(100%,240px);padding:var(--unit-4-00);flex-direction:column;align-self:center;margin:auto 0 0;display:flex}.hp-xl{row-gap:var(--xl-gap)}.hp-xl-col[data-col=race] .hp-xl-race{margin-bottom:var(--xl-gap)}.hp-xl-cac figcaption{color:var(--app-soft)}.hp-xl-cac-row{justify-content:space-between;align-items:center;gap:var(--unit-4-00);display:flex}.hp-xl-cac-value{font-variant-numeric:tabular-nums}.hp-xl-cac-line{flex:none}.hp-xl .hp-xl-runner .tano-body-sm{font-size:calc(var(--size-body-sm) * var(--xl-table-type))}.hp-xl .hp-xl-runner .tano-heading-sm{font-size:calc(var(--size-heading-sm) * var(--xl-table-type))}.hp-xl .tano-body-sm{font-size:calc(var(--size-body-sm) * var(--xl-type))}.hp-xl .tano-body-mono-xs{font-size:calc(var(--size-body-xs) * var(--xl-type))}.hp-xl .tano-heading-sm{font-size:calc(var(--size-heading-sm) * var(--xl-type))}.hp-xl .tano-heading-md{font-size:calc(var(--size-heading-md) * var(--xl-type))}@media (max-width:1279px){.hp-xl-frame{--hp-xl-edge-fade:var(--unit-12-00);margin-inline:calc(var(--page-margin) * -1);padding-inline:var(--page-margin);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--page-margin), #000 calc(100% - var(--hp-xl-edge-fade)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--page-margin), #000 calc(100% - var(--hp-xl-edge-fade)), transparent 100%);display:flex;overflow-x:auto}.hp-xl-frame::-webkit-scrollbar{display:none}.hp-xl{flex:none;width:1180px}}@media (max-width:767px){.hp-xl{--hp-xl-pad:var(--unit-5-00);--xl-type:.82;--xl-table-type:.9;--xl-wire-gap:var(--unit-12-00);--xl-wire-out:var(--unit-12-00);--xl-panel-drop:var(--unit-12-00);grid-template-columns:236px minmax(0,1fr);width:960px}.hp-xl-card{padding:var(--unit-5-00)}.hp-xl-head,.hp-xl-runner{column-gap:var(--unit-3-00);padding-inline:var(--unit-4-00)}}@media (prefers-reduced-motion:reduce){.hp-xl-chip,.hp-xl-bar>span{transition:none}}
.hp-track{align-items:center;gap:var(--unit-16-00);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hp-track>*{min-width:0}.hp-track-copy{gap:var(--unit-10-00);flex-direction:column;display:flex}.hp-track-copy .hp-band-heading{margin-bottom:0}@media (min-width:1024px){.hp-track-copy{align-self:stretch}.hp-track-copy .hp-band-heading{margin-block:auto}}.hp-track-copy .hp-title-words{white-space:normal}.hp-track-arrows{gap:var(--unit-1-00);display:flex}.hp-track-arrows .hp-arrow-button{background-color:var(--surface-secondary-default);width:40px;height:40px;color:var(--text-primary)}@media (hover:hover){.hp-track-arrows .hp-arrow-button:hover{background-color:var(--surface-secondary-hover)}}.hp-track-arrows .hp-arrow-button:active{background-color:var(--surface-secondary-active)}.hp-track-stage{--track-card:var(--text-primary);--track-card-ink:var(--page-primary);width:100%;max-width:560px;padding-block:var(--unit-10-00);justify-self:center;position:relative}.hp-track-ground{border-radius:var(--wire-radius-xl);clip-path:inset(0 round var(--wire-radius-xl));display:block;position:absolute;inset:0 16% 0 0;overflow:hidden}.hp-track-ground :where(img){object-fit:cover}.hp-track-cards{z-index:1;display:grid;position:relative}.hp-track-card{opacity:0;visibility:hidden;grid-area:1/1;align-content:center;justify-items:end;transition:opacity .32s,transform .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s;display:grid;transform:translateY(8px)}.hp-track-card[data-live=true]{opacity:1;visibility:visible;transition:opacity .32s 80ms,transform .42s cubic-bezier(.22,1,.36,1) 80ms,visibility;transform:none}@media (prefers-reduced-motion:reduce){.hp-track-card,.hp-track-card[data-live=true]{transition-duration:1ms;transform:none}}.hp-track-product{--track-lap:var(--unit-12-00);--text-primary:var(--track-card-ink);--text-secondary:color-mix(in srgb, var(--track-card-ink) 60%, transparent);--text-tertiary:color-mix(in srgb, var(--track-card-ink) 40%, transparent);--text-inverse:var(--track-card);--border-primary:color-mix(in srgb, var(--track-card-ink) 12%, transparent);--tm-chip:color-mix(in srgb, var(--track-card-ink) 10%, transparent);width:82%;padding:var(--unit-6-00) var(--unit-6-00) calc(var(--track-lap) + var(--unit-6-00));border-radius:var(--hp-radius-card);background-color:var(--track-card);color:var(--track-card-ink);rotate:-1deg}.hp-track-note{z-index:1;justify-self:start;gap:var(--unit-2-00);width:64%;margin-top:calc(var(--unit-12-00) * -1);padding:var(--unit-5-00);border-radius:var(--wire-radius-xl);background-color:var(--surface-primary-default);color:var(--text-primary);flex-direction:column;display:flex;position:relative;rotate:1.5deg}.hp-track-note>*{margin:0}.hp-tm{gap:var(--unit-4-00);color:var(--text-primary);flex-direction:column;display:flex}.hp-tm-label{color:var(--text-secondary)}.hp-tm-field{align-items:center;gap:var(--unit-3-00);min-width:0;padding:var(--unit-1-50) var(--unit-1-50) var(--unit-1-50) var(--unit-4-00);border:1px solid var(--border-primary);border-radius:var(--wire-radius-lg);display:flex}.hp-tm-field-value{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.hp-tm-copy{border-radius:var(--wire-radius-sm);background-color:var(--text-primary);width:32px;height:32px;color:var(--text-inverse);border:0;flex:none;place-items:center;padding:0;display:grid}.hp-tm-copy svg{width:14px;height:14px}.hp-tm-copy:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.hp-tm-figure{align-items:baseline;gap:var(--unit-2-00);display:flex}.hp-tm-figure-value{font-size:var(--unit-7-00);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:500;line-height:1}.hp-tm-unit{color:var(--text-secondary)}.hp-tm-split{align-items:center;gap:var(--unit-5-00);display:flex}.hp-tm-reel{aspect-ratio:9/16;border-radius:var(--wire-radius-md);flex:none;width:96px;position:relative;overflow:hidden}.hp-tm-reel-poster{object-fit:cover;width:100%;height:100%}.hp-tm-play{border-radius:var(--wire-radius-pill);color:#1f1f1f;background-color:#ffffffe6;place-items:center;width:32px;height:32px;margin:auto;display:grid;position:absolute;inset:0}.hp-tm-play svg{width:12px;height:12px}.hp-tm-badge{left:50%;bottom:var(--unit-2-00);position:absolute;translate:-50%}.hp-tm-checklist,.hp-tm-rows{flex-direction:column;flex:auto;min-width:0;margin:0;padding:0;list-style:none;display:flex}.hp-tm-checklist{gap:var(--unit-3-00)}.hp-tm-checklist li{align-items:center;gap:var(--unit-2-00);min-height:20px;display:flex}.hp-tm-checklist svg{flex:none;width:14px;height:14px}.hp-tm-lines{gap:var(--unit-3-00);flex-direction:column;flex:auto;display:flex}.hp-tm-greek{border-radius:var(--wire-radius-pill);background-color:var(--tm-chip);height:8px;display:block}.hp-tm-row{align-items:center;gap:var(--unit-3-00);padding-block:var(--unit-3-00);border-top:1px solid var(--border-primary);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.hp-tm-row:first-child{border-top:0;padding-top:0}.hp-tm-row:last-child{padding-bottom:0}.hp-tm-packshot{border-radius:var(--wire-radius-sm);width:40px;height:40px;position:relative;overflow:hidden}.hp-tm-packshot :where(img){object-fit:cover;width:100%;height:100%}.hp-tm-row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hp-tm-chip{align-items:center;gap:var(--unit-1-50);padding:var(--unit-1-00) var(--unit-2-50);border-radius:var(--wire-radius-pill);background-color:var(--tm-chip);color:var(--text-primary);white-space:nowrap;display:inline-flex}.hp-tm-chip[data-done]{background-color:var(--text-primary);color:var(--text-inverse)}.hp-tm-chip svg{width:10px;height:10px}.hp-tm-ad{justify-content:space-between;align-items:center;gap:var(--unit-3-00);display:flex}.hp-tm-live-dot{border-radius:var(--wire-radius-pill);background-color:var(--text-primary);width:6px;height:6px}@media (max-width:1023px){.hp-track{gap:var(--unit-10-00);grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.hp-track-copy{gap:var(--unit-6-00)}.hp-track-stage{padding-block:var(--unit-8-00)}.hp-track-product{--track-lap:var(--unit-10-00);width:90%;padding:var(--unit-5-00) var(--unit-5-00) calc(var(--track-lap) + var(--unit-5-00))}.hp-track-note{width:78%;margin-top:calc(var(--unit-10-00) * -1)}.hp-tm-reel{width:80px}}