/* 1R Reactor — ticker.css
 * Canonical structure: foundations → layout/components → context UI → states → responsive.
 */

/* === Foundations & Base === */
html body .reactor-ticker{position: relative;left: 50%;right: 50%;display: block;width: 100vw;max-width: none;height: var(--reactor-ticker-height, 54px);margin: 0 -50vw ;padding: 0 ;overflow: hidden;box-sizing: border-box;background: var(--reactor-ticker-background, var(--r1-primary,#0A95AE));background-image:var(--reactor-ticker-background-image,none);background-position:var(--reactor-ticker-background-position,center center);background-size:var(--reactor-ticker-background-size,cover);background-repeat:var(--reactor-ticker-background-repeat,no-repeat);color: var(--reactor-ticker-color, #fff);line-height: 1;box-shadow: 0 1px 0 var(--reactor-ticker-background, #111);z-index: 2;}
html body .reactor-ticker__viewport{position:relative;z-index:1;width: 100%;height: 100%;overflow: hidden;}
html body .reactor-ticker__background-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;}
html body .reactor-ticker__track{display: flex;align-items: center;width: max-content;min-width: 200%;height: 100%;will-change: transform;animation: reactorTickerMoveLeft var(--reactor-ticker-duration, 24s) linear infinite;}
html body .reactor-ticker--right .reactor-ticker__track{animation-name: reactorTickerMoveRight;}
html body .reactor-ticker__track--pause:hover{animation-play-state: paused;}
html body .reactor-ticker__group{display: flex;flex: 0 0 auto;align-items: center;min-width: 50%;height: 100%;}
html body .reactor-ticker__item{display: inline-flex;flex: 0 0 auto;align-items: center;height: 100%;margin: 0 ;padding: 0 var(--reactor-ticker-gap, 64px) 0 0 ;color: inherit ;font-family:var(--reactor-ticker-font-family,inherit);font-size: var(--reactor-ticker-font-size, 16px);font-weight: var(--reactor-ticker-font-weight, 600);line-height:var(--reactor-ticker-line-height,1);letter-spacing:var(--reactor-ticker-letter-spacing,normal);text-transform:var(--reactor-ticker-transform,none);text-decoration-line:var(--reactor-ticker-decoration,none);white-space: nowrap;}
html body .reactor-fullscreen-slider + style + script + .reactor-ticker,
        html body .reactor-fullscreen-slider + .reactor-ticker{margin-top: 0 ;}

/* === Animations === */
@keyframes reactorTickerMoveLeft{from {
                transform: translate3d(0, 0, 0);
            }

            to {
                transform: translate3d(-50%, 0, 0);
            }}
@keyframes reactorTickerMoveRight{from {
                transform: translate3d(-50%, 0, 0);
            }

            to {
                transform: translate3d(0, 0, 0);
            }}

/* === Responsive & Conditional === */
@media (max-width: 1024px){html body .reactor-ticker__item{font-size:var(--reactor-ticker-font-size-tablet,var(--reactor-ticker-font-size,16px));}}
@media (max-width: 767px){html body .reactor-ticker__item{font-size:var(--reactor-ticker-font-size-mobile,var(--reactor-ticker-font-size-tablet,var(--reactor-ticker-font-size,16px)));}}
@media (prefers-reduced-motion: reduce){html body .reactor-ticker__track{animation-play-state: paused;}}