/*! Notes...

    Author: Jay George
    Author URI: https://jaygeorge.co.uk

    ABOUT THIS CSS
    ===================================================
    - Only edit filename-dev.css, then process with Laravel Mix (1. run `sudo npm install` 2. Configure with `webpack.mix.js` 3. `npm run watch` to constantly monitor and compile into prod/)

*/@layer base,elements,objects,components,modifiers,vendors,ui,utilities,scope;@layer components{.c-word-generator-rotate{position:relative;display:inline-block}.c-word-generator-rotate__item:has(img){display:inline-block;width:.45rem;text-align:center}.c-word-generator-rotate__item img{top:-.75rem!important}.c-word-generator-rotate__item:not(:first-child) :where(.c-word-generator-rotate__word,img){position:absolute;left:50%;transform:translate(-50%);width:85%}.c-word-generator-rotate__item:first-child img{position:absolute;top:0}@media (max-width: 767px){.c-marketing-text__title:has(.c-word-generator-rotate){line-height:1.4!important;font-size:clamp(1.7rem,7vw,2.2rem)!important}.c-word-generator-rotate__item img{top:-.6rem!important}}@keyframes icon-generator{0%{opacity:1;clip-path:circle(0%)}20%{opacity:0;clip-path:circle(200%)}}@keyframes icon-generator-2{15%{opacity:0;clip-path:circle(0%)}30%{opacity:1}40%{opacity:0;clip-path:circle(200%)}}@keyframes icon-generator-3{35%{opacity:0;clip-path:circle(0%)}50%{opacity:1}60%{opacity:0;clip-path:circle(200%)}}@keyframes icon-generator-4{55%{opacity:0;clip-path:circle(0%)}70%{opacity:1}80%{opacity:0;clip-path:circle(200%)}}@keyframes icon-generator-5{75%{opacity:0;clip-path:circle(0%)}90%{opacity:1}to{opacity:0;clip-path:circle(200%)}}@keyframes word-generator-1{0%{opacity:1;clip-path:inset(0 100% 0 0)}5%{clip-path:inset(0 0 0 0)}1%,19%{opacity:1}20%{opacity:0}}@keyframes word-generator-2{21%{opacity:0;clip-path:inset(0 100% 0 0)}25%{clip-path:inset(0 0 0 0)}22%,39%{opacity:1}40%{opacity:0}}@keyframes word-generator-3{41%{opacity:0;clip-path:inset(0 100% 0 0)}45%{clip-path:inset(0 0 0 0)}42%,59%{opacity:1}60%{opacity:0}}@keyframes word-generator-4{61%{opacity:0;clip-path:inset(0 100% 0 0)}65%{clip-path:inset(0 0 0 0)}62%,79%{opacity:1}80%{opacity:0}}@keyframes word-generator-5{81%{opacity:0;clip-path:inset(0 100% 0 0)}85%{clip-path:inset(0 0 0 0)}82%,83%{opacity:1}to{opacity:0}}.c-word-generator-rotate__item :where(img,.c-word-generator-rotate__word){opacity:0;text-align:center;animation-name:icon-generator;animation-duration:25s;animation-timing:ease-out;animation-iteration-count:infinite;animation-fill-mode:both}.c-word-generator-rotate__item:nth-child(2) img{animation-name:icon-generator-2}.c-word-generator-rotate__item:nth-child(3) img{animation-name:icon-generator-3}.c-word-generator-rotate__item:nth-child(4) img{animation-name:icon-generator-4}.c-word-generator-rotate__item:nth-child(5) img{animation-name:icon-generator-5}.c-word-generator-rotate__word{animation-name:word-generator-1;padding-block-end:var(--spacing-2xs)}.c-word-generator-rotate__item:nth-child(2) .c-word-generator-rotate__word{animation-name:word-generator-2}.c-word-generator-rotate__item:nth-child(3) .c-word-generator-rotate__word{animation-name:word-generator-3}.c-word-generator-rotate__item:nth-child(4) .c-word-generator-rotate__word{animation-name:word-generator-4}.c-word-generator-rotate__item:nth-child(5) .c-word-generator-rotate__word{animation-name:word-generator-5}.c-word-generator-rotate__item:has(.c-word-generator-rotate__word):first-child{display:inline-block;padding:var(--spacing-4xs) var(--spacing-m);background:white;border-radius:var(--border-radius-m);border-block-end:3px solid black;font-size:.98em}.c-word-generator-rotate__item{color:#000}}@layer modifiers{body .c-word-generator-rotate__word{color:#000}}