.tagline-rotator{display:grid;position:relative;align-items:center;max-width:min(46ch,90vw);margin:1rem auto;text-align:center;text-wrap:balance}.tagline-rotator>[data-tagline]{grid-area:1/1;opacity:0;transition:opacity var(--tagline-fade,400ms)ease-in-out}.tagline-rotator>.is-active{opacity:1}.tagline-rotator.is-initialising>[data-tagline]{transition:none}.tagline-rotator.is-rotating{transition:opacity 200ms ease,color 200ms ease,text-shadow 200ms ease}.tagline-rotator.is-rotating:hover,.tagline-rotator.is-rotating:focus-within{opacity:1;color:var(--primary-color);text-shadow:0 0 .6rem color-mix(in srgb,var(--primary-color) 30%,transparent)}.tagline-rotator.is-rotating::before,.tagline-rotator.is-rotating::after{content:'';position:absolute;bottom:-.5rem;left:calc(50% - 2.25rem);width:4.5rem;height:2px;border-radius:1px}.tagline-rotator.is-rotating::before{background:color-mix(in srgb,var(--body-text-color) 20%,transparent)}.tagline-rotator.is-rotating::after{background:var(--primary-color);transform:scaleX(0);transform-origin:left center}.tagline-rotator.is-counting::after{animation:tagline-countdown var(--tagline-cycle,10s)linear forwards}.tagline-rotator.is-paused::after{animation-play-state:paused}@keyframes tagline-countdown{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.tagline-rotator>[data-tagline]{transition:none}.tagline-rotator.is-counting::after{animation:none}}