.pano{--duration-fast:150ms;--duration-normal:250ms;--duration-slower:600ms;--ease-out-expo:cubic-bezier(0.22,1,0.36,1);--ease-in-out-cubic:cubic-bezier(0.65,0,0.35,1);display:grid;grid-template-columns:auto minmax(0,1fr) 16px;-moz-column-gap:32px;column-gap:32px;align-items:center;height:70px}.pano:focus-visible{outline:2px solid rgb(var(--brand-600));outline-offset:-2px}[data-theme=dark] .pano:focus-visible{outline-color:rgb(var(--brand-300))}.pano-text{display:block;min-width:0}.pano-arrow{display:flex;justify-content:flex-end;transition:transform var(--duration-fast) var(--ease-out-expo)}.pano-ridge{position:relative;align-self:end;display:block;height:62px;container-type:inline-size;overflow:hidden}.pano-ridge svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:48px;display:block;overflow:visible}.pano-hatch{stroke:rgb(var(--viz-bar));stroke-width:1;opacity:.55;transition:opacity var(--duration-normal) var(--ease-in-out-cubic)}.pano-crest,.pano-hatch{fill:none;vector-effect:non-scaling-stroke}.pano-crest{stroke:rgb(var(--viz-point));stroke-width:1;stroke-linejoin:round}.pano-code{position:absolute;transform:translateX(-50%);font-size:10px;line-height:12px;font-weight:500;color:rgb(var(--ink-muted));transition:color var(--duration-fast)}.pano-sweep{position:absolute;left:0;top:14px;bottom:0;width:2px;background:rgb(var(--accent-500));opacity:0}@media (hover:hover){.pano:hover .pano-arrow{transform:translateX(4px)}.pano:hover .pano-hatch{opacity:1}.pano:hover .pano-code{color:rgb(var(--ink))}.pano:hover .pano-sweep{animation:pano-sweep var(--duration-slower) var(--ease-out-expo) 1}}@keyframes pano-sweep{0%{opacity:1;transform:translateX(0)}80%{opacity:1}to{opacity:0;transform:translateX(100cqw)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.pano-peak{transform-box:fill-box;transform-origin:50% 100%;animation:pano-rise linear both;animation-timeline:view();animation-range:entry 0 cover var(--stop,40%)}@keyframes pano-rise{0%{transform:scaleY(.08)}to{transform:scaleY(1)}}.pano-code{animation:pano-code linear both;animation-timeline:view();animation-range:entry 40% cover var(--stop,40%)}@keyframes pano-code{0%{opacity:0}to{opacity:1}}}}@media (prefers-reduced-motion:reduce){.pano-code,.pano-peak,.pano-sweep{animation:none!important}.pano-arrow,.pano-code,.pano-hatch{transition:none}}@media (max-width:1023px){.pano{-moz-column-gap:24px;column-gap:24px}}@media (max-width:767px){.pano{grid-template-columns:minmax(0,1fr) 16px;grid-template-rows:auto 24px;-moz-column-gap:12px;column-gap:12px;row-gap:6px;height:auto;padding-top:12px}.pano-text{grid-column:1;grid-row:1}.pano-arrow{grid-column:2;grid-row:1}.pano-ridge{grid-column:1/-1;grid-row:2;height:24px;margin:0 -16px}.pano-ridge svg{height:24px}.pano-code,.pano-sweep{display:none}.pano-hatch{opacity:.7}}