:root,:root:after,:root:before{--orb-grid:4px;--ghost-width:275px;--ghost-color:#151a18}.color-light .orb{--ghost-color:var(--color-secondary)}.color-light .pupil{background-color:var(--color-primary)}.orb-container{align-items:center;display:flex;gap:3.5%;justify-content:center}.orb-container span{font-size:clamp(1.2rem,calc(10rem + 11.81818vw - 42.54545px),36rem)}.orb{animation:bounce 3s ease-in-out infinite;background-color:var(--ghost-color);border-radius:50% 50% 50% 0;height:var(--ghost-width);position:relative;width:var(--ghost-width)}.eyes{right:calc(var(--orb-grid)*6);top:calc(var(--orb-grid)*15);transform:translate3d(-50%,-50%,0)}.eye,.eyes{height:calc(var(--orb-grid)*10);position:absolute;width:calc(var(--orb-grid)*10)}.eye{background-color:#fff;border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden}.eye--left{right:calc(var(--orb-grid)*12);top:0}.eye--right{right:0;top:0}.pupil{background-color:var(--ghost-color);border-radius:50%;height:calc(var(--orb-grid)*7.5);left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:width .15s ease-in-out,height .15s ease-in-out;width:calc(var(--orb-grid)*7.5)}.pupil.pupil-dilate{height:calc(var(--orb-grid)*9.5);width:calc(var(--orb-grid)*9.5)}@keyframes bounce{0%,to{transform:translateY(-4px)}50%{transform:translateY(4px)}}@keyframes shadow{0%,to{transform:translateY(2px) scale(1.05)}50%{transform:translateY(-2px)}}