.sp-ticket{gap:.6rem;padding:.75rem .85rem .85rem;display:grid;container:sp-ticket/inline-size}.sp-ticket[data-state=live]{border-style:solid;border-color:var(--hairline)}.sp-ticket-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sp-ticket-head h3{color:var(--ink);font:600 var(--t-body)/1 var(--sans);align-items:center;gap:.45rem;margin:0;display:flex}.sp-ticket-head .tk-note{font-size:var(--t-micro);letter-spacing:var(--caps);text-transform:uppercase}.sp-ticket-off{color:var(--ink-2);font:400 var(--t-body)/1.45 var(--sans);text-wrap:pretty;margin:0}.sp-ticket-off b{color:var(--ink);font-weight:600}.sp-ticket-off a{color:var(--accent)}.sp-ticket-grid{gap:.75rem;display:grid}.sp-ticket-gesture,.sp-ticket-side{flex-direction:column;gap:.6rem;min-width:0;display:flex}.sp-ticket-side{justify-content:space-between}.sp-ticket-knobs{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.sp-ticket .tk-ticket-foot{gap:.5rem;display:grid}.sp-ticket-ok{color:var(--up);font:500 var(--t-body)/1.35 var(--sans);font-variant-numeric:tabular-nums;margin:0}@container sp-ticket (min-width:34rem){.sp-ticket-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}}
.sp-panel{gap:.7rem}.sp-mark{border:1px solid var(--pane-edge);background:var(--pane-inset-2);width:2.25rem;height:2.25rem;color:var(--ink-2);font:700 .625rem/1 var(--display);letter-spacing:-.02em;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.sp-mark img{object-fit:cover;width:100%;height:100%}.sp-quality{color:var(--ink-3);font:500 var(--t-micro)/1.2 var(--sans);white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.sp-quality i{background:var(--ink-4);border-radius:50%;width:.4rem;height:.4rem}.sp-quality[data-quality=live] i{background:var(--up)}.sp-quality[data-quality=delayed] i{background:var(--warn)}.sp-quality[data-quality=stale] i,.sp-quality[data-quality=unavailable] i{background:var(--down)}.sp-list{margin:0;padding:0;list-style:none}.sp-list li{border-top:1px solid var(--hairline)}.sp-list li:first-child{border-top:0}.sp-row{border-radius:var(--r-control);min-height:2.75rem;color:inherit;transition:background-color var(--t-fast) var(--morph);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.625rem;padding:.45rem .4rem;text-decoration:none;display:grid}.sp-row:hover{background:var(--pane-hover)}.sp-row[aria-current=page]{background:var(--accent-faint)}.sp-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.sp-id{gap:.1rem;min-width:0;display:grid}.sp-id b{color:var(--ink);font:600 var(--t-body)/1.2 var(--sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-id small{color:var(--ink-3);font:400 var(--t-micro)/1.3 var(--sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-fig{white-space:nowrap;justify-items:end;gap:.15rem;display:grid}.sp-fig b{color:var(--ink);font:600 var(--t-body)/1.2 var(--sans);font-variant-numeric:tabular-nums}.sp-fig small{color:var(--ink-4);font:400 var(--t-micro)/1.3 var(--sans)}.sp-instrument{scrollbar-width:thin;overflow-y:auto}.sp-hero{flex-wrap:wrap;align-items:center;gap:.875rem 1rem;display:flex}.sp-hero .sp-mark{width:3rem;height:3rem;font-size:.75rem}.sp-hero-id{flex:10rem;min-width:0}.sp-hero-id h1{color:var(--ink);font:700 var(--t-lead)/1.15 var(--display);letter-spacing:-.02em;align-items:baseline;gap:.5rem;margin:0;display:flex}.sp-hero-id h1 span{color:var(--ink-3);font:500 var(--t-body)/1.2 var(--sans);letter-spacing:0}.sp-hero-id p{color:var(--ink-3);font:400 var(--t-tiny)/1.3 var(--sans);margin:.2rem 0 0}.sp-hero-price{justify-items:end;gap:.25rem;display:grid}.sp-hero-price b{color:var(--ink);font:700 var(--t-figure)/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.sp-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.sp-stats>div{border:1px solid var(--hairline);border-radius:var(--r-control);background:var(--pane-inset);min-width:0;padding:.6rem .75rem}.sp-stats dt{color:var(--ink-3);font:500 var(--t-micro)/1 var(--sans);letter-spacing:var(--caps);text-transform:uppercase}.sp-stats dd{color:var(--ink);font:600 var(--t-body)/1.2 var(--sans);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:.35rem 0 0;overflow:hidden}.sp-stats .sp-bid{color:var(--up)}.sp-stats .sp-ask{color:var(--down)}.sp-change[data-dir=up]{color:var(--up)}.sp-change[data-dir=down]{color:var(--down)}.sp-chart{flex:12rem;grid-template-rows:auto minmax(10rem,1fr);gap:.4rem;min-height:12rem;margin:0;display:grid}.sp-chart figcaption{color:var(--ink-3);font:400 var(--t-micro)/1.35 var(--sans)}.sp-chart figcaption small{color:var(--ink-4);font-size:inherit}.sp-plot{height:100%;min-height:10rem;padding-right:5.5rem;position:relative}.sp-plot svg{width:100%;height:100%;display:block;overflow:visible}.sp-plot-line{fill:none;stroke:var(--up);stroke-width:2px;stroke-linejoin:round}.sp-plot-area{fill:var(--up-soft);stroke:none}.sp-plot[data-trend=down] .sp-plot-line{stroke:var(--down)}.sp-plot[data-trend=down] .sp-plot-area{fill:var(--down-soft)}.sp-plot-y{width:5.5rem;color:var(--ink-3);font:400 var(--t-micro)/1 var(--sans);font-variant-numeric:tabular-nums;text-align:right;flex-direction:column;justify-content:space-between;margin:0;padding:0 0 0 .5rem;list-style:none;display:flex;position:absolute;inset:0 0 0 auto}.sp-exec{border:1px dashed var(--hairline-2);border-radius:var(--r-control);background:var(--pane-inset);flex:none}.sp-exec a{color:var(--accent)}.sp-book{font:400 var(--t-tiny)/1.2 var(--sans);font-variant-numeric:tabular-nums;align-content:start;display:grid}.sp-book-head,.sp-level{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:.5rem;padding:.22rem .35rem;display:grid}.sp-book-head{color:var(--ink-3);font:500 var(--t-micro)/1 var(--sans);letter-spacing:var(--caps);text-transform:uppercase}.sp-book-head span:not(:first-child),.sp-level span:not(:first-child){text-align:right}.sp-level{color:var(--ink-2);position:relative}.sp-level:before{content:"";width:calc(var(--depth,0) * 100%);background:var(--up-soft);pointer-events:none;border-radius:.2rem;position:absolute;inset:1px 0 1px auto}.sp-level[data-side=ask]:before{background:var(--down-soft)}.sp-level span{text-overflow:ellipsis;white-space:nowrap;min-width:0;position:relative;overflow:hidden}.sp-level[data-side=bid] span:first-child{color:var(--up)}.sp-level[data-side=ask] span:first-child{color:var(--down)}.sp-book-mid{border-block:1px solid var(--hairline);color:var(--ink-3);font:500 var(--t-micro)/1 var(--sans);text-align:center;padding:.35rem}.sp-trades{font:400 var(--t-tiny)/1.2 var(--sans);font-variant-numeric:tabular-nums;margin:0;padding:0;list-style:none}.sp-trades li{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.25rem .35rem;display:grid}.sp-trades li>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sp-trades li>:not(:first-child){text-align:right;color:var(--ink-3)}.sp-back{min-height:2.75rem;color:var(--accent);font:500 var(--t-body)/1 var(--sans);place-items:center;padding:0 .75rem;display:inline-grid}.sp-phone-stack{gap:.75rem;padding:0 1rem 1rem;display:grid}.sp-phone-stack .ov-panel{--ov-pad:0;height:auto;overflow:visible}.ph-body .sp-list{padding:0 .6rem}.ph-body>.unavailable{padding:2rem 1rem}@media (max-width:767px){.sp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-hero-price{min-height:calc(var(--t-figure) + .25rem + var(--t-micro) * 1.2);flex-basis:100%;justify-items:start}}.sp-note{border-radius:var(--r-control);background:var(--pane-inset);color:var(--ink-3);font:400 var(--t-micro)/1.35 var(--sans);flex:none;margin:0;padding:.4rem .6rem}.ph-body>.sp-note{margin:0 1rem .5rem}