.runtime-ground{position:relative}.runtime-ground:before{content:"";inset-inline:0;pointer-events:none;background:repeating-linear-gradient(135deg,#29323a38 0 1px,#0000 1px 7px);height:8px;position:absolute;top:0}.runtime-ground>span{padding-top:8px;display:block}.runtime-strip{gap:1.5rem;display:flex}.runtime-strip__plate{--plate-w:calc(100vw - 4.5rem);--plate-pad:16px;--plate-gap:24px;--plate-words:86px;--plate-key:48px;--plate-card:calc((var(--plate-w) - 2 * var(--plate-pad) - 2px) / 1.6 + 2 * var(--plate-pad) + 2px);width:var(--plate-w);height:calc(var(--plate-card) + var(--plate-key) + var(--plate-gap) + var(--plate-words));flex:none}.runtime-strip__card{height:var(--plate-card);padding:var(--plate-pad)}.runtime-strip__key{height:var(--plate-key);padding-top:8px}.runtime-strip__words{margin-top:var(--plate-gap);height:var(--plate-words)}@media (min-width:1024px){.runtime-strip__plate{--plate-w:560px;--plate-pad:20px;--plate-key:0px}.runtime-strip__key{padding-top:0}.runtime-strip--bleed{padding-inline:max(2.5rem, calc((100vw - var(--frame-w)) / 2 + 2.5rem))}}@media (max-width:1023px){.runtime-strip-scroller{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-padding-inline:1.5rem;overflow-x:auto}.runtime-strip{width:max-content;padding-inline:1.5rem;transform:none!important}.runtime-strip__plate{scroll-snap-align:start}.runtime-strip__plate>[data-strip-mechanism],.runtime-strip__plate>[data-strip-words]{opacity:1!important}.runtime-strip-rail{--rail-margin:1.5rem;--plate-w:calc(100vw - 4.5rem);--plate-pad:16px;--rail-card:calc((var(--plate-w) - 2 * var(--plate-pad) - 2px) / 1.6 + 2 * var(--plate-pad) + 2px);position:relative}.runtime-strip-rail:after{content:"";inset-inline:calc(50% - 50vw);top:var(--rail-card);background:linear-gradient(var(--color-cream), var(--color-cream)) left / var(--rail-margin) 100% no-repeat, linear-gradient(var(--color-cream), var(--color-cream)) right / var(--rail-margin) 100% no-repeat;pointer-events:none;position:absolute;bottom:0}@supports selector(:has(*)){.runtime-strip-rail>.runtime-strip-scroller:focus-visible{outline-style:none}.runtime-strip-rail:has(>.runtime-strip-scroller:focus-visible):before{content:"";z-index:1;outline:2px solid var(--color-action);outline-offset:-2px;pointer-events:none;position:absolute;inset-block:0;inset-inline:calc(50% - 50vw)}}}@media (max-width:389px){.runtime-strip__plate{--plate-words:107px}}@media (min-width:768px) and (max-width:1023px){.runtime-strip-rail{--rail-margin:2.5rem;--plate-w:calc(100vw - 6.5rem)}.runtime-strip-scroller{scroll-padding-inline:2.5rem}.runtime-strip{padding-inline:2.5rem}.runtime-strip__plate{--plate-w:calc(100vw - 6.5rem)}}@media (prefers-reduced-motion:reduce){.runtime-strip-scroller{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline:0;overflow-x:auto}.runtime-strip{width:max-content;padding-inline:0!important;transform:none!important}.runtime-strip__plate{scroll-snap-align:start}.runtime-strip__plate>[data-strip-mechanism],.runtime-strip__plate>[data-strip-words]{opacity:1!important}}@media (max-width:1023px) and (prefers-reduced-motion:reduce){.runtime-strip-scroller{scroll-padding-inline:1.5rem}.runtime-strip{padding-inline:1.5rem!important}}@media (min-width:768px) and (max-width:1023px) and (prefers-reduced-motion:reduce){.runtime-strip-scroller{scroll-padding-inline:2.5rem}.runtime-strip{padding-inline:2.5rem!important}}