.component-eye-catcher{--eye-catcher-c-01:#52cde0;--eye-catcher-c-02:#528be0;--eye-catcher-c-03:#8152df;--eye-catcher-c-04:#a752e0;--eye-catcher-c-05:#e052cd;--eye-catcher-c-06:#e08152;--eye-catcher-c-07:#e0d752;--eye-catcher-c-08:#b1e052;--eye-catcher-c-09:#b1e052;--eye-catcher-c-10:#52e0be;--eye-catcher-spacing:calc(var(--spacer)*3);bottom:var(--eye-catcher-spacing);box-sizing:border-box;height:calc(100px + 5vh + var(--spacer));left:var(--eye-catcher-spacing);padding:calc(var(--spacer)*2);position:fixed;width:calc(100px + 5vh + var(--spacer));z-index:var(--z-index-highest)}@media (min-width:1000px){.component-eye-catcher{bottom:var(--eye-catcher-spacing);left:unset;right:var(--eye-catcher-spacing)}}.component-eye-catcher{align-items:center;background-clip:content-box;border-radius:50%;display:flex;font-size:1.3em;justify-content:center;line-height:1.15em;text-align:center;transform:rotate(-7deg);transition:transform calc(var(--transition-speed)*.5) var(--transition-easing)}.component-eye-catcher:hover{transform:rotate(-20deg)}.component-eye-catcher .eye-catcher-text{color:var(--c-white-05);padding:inherit;padding-bottom:calc(var(--spacer)*2 + .35em);z-index:10}.component-eye-catcher .eye-catcher-background{animation:color-rotation 60s linear infinite;background-clip:content-box;background-color:var(--eye-catcher-c-01);border-radius:50%;height:100%;position:absolute;width:100%;z-index:-10}@keyframes color-rotation{0%{background-color:var(--eye-catcher-c-01)}10%{background-color:var(--eye-catcher-c-02)}20%{background-color:var(--eye-catcher-c-03)}30%{background-color:var(--eye-catcher-c-04)}40%{background-color:var(--eye-catcher-c-05)}50%{background-color:var(--eye-catcher-c-06)}60%{background-color:var(--eye-catcher-c-07)}70%{background-color:var(--eye-catcher-c-08)}80%{background-color:var(--eye-catcher-c-09)}90%{background-color:var(--eye-catcher-c-10)}to{background-color:var(--eye-catcher-c-01)}}.transition-eye-catcher-enter-active,.transition-eye-catcher-leave-active{transition:transform var(--transition-speed) var(--transition-easing),opacity var(--transition-speed) var(--transition-easing);transition-delay:calc(var(--transition-speed)*1)}.eye-catcher-initial-transition-done.transition-eye-catcher-enter-active,.eye-catcher-initial-transition-done.transition-eye-catcher-leave-active{transition-delay:0s!important}.transition-eye-catcher-enter-from,.transition-eye-catcher-leave-to{opacity:0;transform:translateY(100%)}