@charset "UTF-8";.dot-elastic{position:relative;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-elastic 1s infinite linear}.dot-elastic:before,.dot-elastic:after{content:"";display:inline-block;position:absolute;top:0}.dot-elastic:before{left:-30px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-elastic-before 1s infinite linear}.dot-elastic:after{left:30px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-elastic-after 1s infinite linear}@keyframes dot-elastic-before{0%{transform:scale(1)}25%{transform:scaleY(1.5)}50%{transform:scaleY(.67)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dot-elastic{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(1.5)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dot-elastic-after{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(.67)}75%{transform:scaleY(1.5)}to{transform:scale(1)}}.dot-pulse{position:relative;left:-9999px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}.dot-pulse:before,.dot-pulse:after{content:"";display:inline-block;position:absolute;top:0;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text)}.dot-pulse:before{box-shadow:9969px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}.dot-pulse:after{box-shadow:10029px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9969px 0 0 -5px}30%{box-shadow:9969px 0 0 2px}60%,to{box-shadow:9969px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10029px 0 0 -5px}30%{box-shadow:10029px 0 0 2px}60%,to{box-shadow:10029px 0 0 -5px}}.dot-flashing{position:relative;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-flashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-30px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:30px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:rgba(var(--light-text),1)}50%,to{background-color:rgba(var(--light-text),.2)}}.dot-collision{position:relative;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text)}.dot-collision:before,.dot-collision:after{content:"";display:inline-block;position:absolute;top:0}.dot-collision:before{left:-20px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-collision-before 2s infinite ease-in}.dot-collision:after{left:20px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-collision-after 2s infinite ease-in;animation-delay:1s}@keyframes dot-collision-before{0%,50%,75%,to{transform:translate(0)}25%{transform:translate(-30px)}}@keyframes dot-collision-after{0%,50%,75%,to{transform:translate(0)}25%{transform:translate(30px)}}.dot-revolution{position:relative;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text)}.dot-revolution:before,.dot-revolution:after{content:"";display:inline-block;position:absolute}.dot-revolution:before{left:0;top:-30px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);transform-origin:10px 40px;animation:dot-revolution 1.4s linear infinite}.dot-revolution:after{left:0;top:-60px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);transform-origin:10px 70px;animation:dot-revolution 1s linear infinite}@keyframes dot-revolution{0%{transform:rotate(0) translateZ(0)}to{transform:rotate(360deg) translateZ(0)}}.dot-carousel{position:relative;left:-9999px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);box-shadow:9969px 0 0 0 var(--light-text),9999px 0 0 0 var(--light-text),10029px 0 0 0 var(--light-text);animation:dot-carousel 1.5s infinite linear}@keyframes dot-carousel{0%{box-shadow:9969px 0 0 -1px var(--light-text),9999px 0 0 1px var(--light-text),10029px 0 0 -1px var(--light-text)}50%{box-shadow:10029px 0 0 -1px var(--light-text),9969px 0 0 -1px var(--light-text),9999px 0 0 1px var(--light-text)}to{box-shadow:9999px 0 0 1px var(--light-text),10029px 0 0 -1px var(--light-text),9969px 0 0 -1px var(--light-text)}}.dot-typing{position:relative;left:-9999px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);box-shadow:9969px 0 0 0 var(--light-text),9999px 0 0 0 var(--light-text),10029px 0 0 0 var(--light-text);animation:dot-typing 1.5s infinite linear}@keyframes dot-typing{0%{box-shadow:9969px 0 0 0 var(--light-text),9999px 0 0 0 var(--light-text),10029px 0 0 0 var(--light-text)}16.667%{box-shadow:9969px -10px 0 0 var(--light-text),9999px 0 0 0 var(--light-text),10029px 0 0 0 var(--light-text)}33.333%{box-shadow:9969px 0 0 0 var(--light-text),9999px 0 0 0 var(--light-text),10029px 0 0 0 var(--light-text)}50%{box-shadow:9969px 0 0 0 var(--light-text),9999px -10px 0 0 var(--light-text),10029px 0 0 0 var(--light-text)}66.667%{box-shadow:9969px 0 0 0 var(--light-text),9999px 0 0 0 var(--light-text),10029px 0 0 0 var(--light-text)}83.333%{box-shadow:9969px 0 0 0 var(--light-text),9999px 0 0 0 var(--light-text),10029px -10px 0 0 var(--light-text)}to{box-shadow:9969px 0 0 0 var(--light-text),9999px 0 0 0 var(--light-text),10029px 0 0 0 var(--light-text)}}.dot-windmill{position:relative;top:-10px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);transform-origin:5px 15px;animation:dot-windmill 2s infinite linear}.dot-windmill:before,.dot-windmill:after{content:"";display:inline-block;position:absolute}.dot-windmill:before{left:-8.66254px;top:15px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text)}.dot-windmill:after{left:8.66254px;top:15px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text)}@keyframes dot-windmill{0%{transform:rotate(0) translateZ(0)}to{transform:rotate(720deg) translateZ(0)}}.dot-bricks{position:relative;top:13px;left:-9999px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);box-shadow:9986px -26px 0 0 var(--light-text),9986px 0 0 0 var(--light-text),10012px 0 0 0 var(--light-text);animation:dot-bricks 2s infinite ease}@keyframes dot-bricks{0%{box-shadow:9986px -26px 0 0 var(--light-text),9986px 0 0 0 var(--light-text),10012px 0 0 0 var(--light-text)}8.333%{box-shadow:10012px -26px 0 0 var(--light-text),9986px 0 0 0 var(--light-text),10012px 0 0 0 var(--light-text)}16.667%{box-shadow:10012px -26px 0 0 var(--light-text),9986px -26px 0 0 var(--light-text),10012px 0 0 0 var(--light-text)}25%{box-shadow:10012px -26px 0 0 var(--light-text),9986px -26px 0 0 var(--light-text),9986px 0 0 0 var(--light-text)}33.333%{box-shadow:10012px 0 0 0 var(--light-text),9986px -26px 0 0 var(--light-text),9986px 0 0 0 var(--light-text)}41.667%{box-shadow:10012px 0 0 0 var(--light-text),10012px -26px 0 0 var(--light-text),9986px 0 0 0 var(--light-text)}50%{box-shadow:10012px 0 0 0 var(--light-text),10012px -26px 0 0 var(--light-text),9986px -26px 0 0 var(--light-text)}58.333%{box-shadow:9986px 0 0 0 var(--light-text),10012px -26px 0 0 var(--light-text),9986px -26px 0 0 var(--light-text)}66.666%{box-shadow:9986px 0 0 0 var(--light-text),10012px 0 0 0 var(--light-text),9986px -26px 0 0 var(--light-text)}75%{box-shadow:9986px 0 0 0 var(--light-text),10012px 0 0 0 var(--light-text),10012px -26px 0 0 var(--light-text)}83.333%{box-shadow:9986px -26px 0 0 var(--light-text),10012px 0 0 0 var(--light-text),10012px -26px 0 0 var(--light-text)}91.667%{box-shadow:9986px -26px 0 0 var(--light-text),9986px 0 0 0 var(--light-text),10012px -26px 0 0 var(--light-text)}to{box-shadow:9986px -26px 0 0 var(--light-text),9986px 0 0 0 var(--light-text),10012px 0 0 0 var(--light-text)}}.dot-floating{position:relative;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-floating 3s infinite cubic-bezier(.15,.6,.9,.1)}.dot-floating:before,.dot-floating:after{content:"";display:inline-block;position:absolute;top:0}.dot-floating:before{left:-12px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-floating-before 3s infinite ease-in-out}.dot-floating:after{left:-24px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-floating-after 3s infinite cubic-bezier(.4,0,1,1)}@keyframes dot-floating{0%{left:calc(-50% - 10px)}75%{left:calc(50% + 110px)}to{left:calc(50% + 110px)}}@keyframes dot-floating-before{0%{left:-50px}50%{left:-12px}75%{left:-50px}to{left:-50px}}@keyframes dot-floating-after{0%{left:-100px}50%{left:-24px}75%{left:-100px}to{left:-100px}}.dot-fire{position:relative;left:-9999px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);box-shadow:9999px 45px 0 -5px var(--light-text);animation:dot-fire 1.5s infinite linear;animation-delay:-.85s}.dot-fire:before,.dot-fire:after{content:"";display:inline-block;position:absolute;top:0;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text)}.dot-fire:before{box-shadow:9999px 45px 0 -5px var(--light-text);animation:dot-fire 1.5s infinite linear;animation-delay:-1.85s}.dot-fire:after{box-shadow:9999px 45px 0 -5px var(--light-text);animation:dot-fire 1.5s infinite linear;animation-delay:-2.85s}@keyframes dot-fire{1%{box-shadow:9999px 45px 0 -5px var(--light-text)}50%{box-shadow:9999px -11.25px 0 2px var(--light-text)}to{box-shadow:9999px -45px 0 -5px var(--light-text)}}.dot-spin{position:relative;width:20px;height:20px;border-radius:10px;background-color:transparent;color:transparent;box-shadow:0 -36px 0 0 rgba(var(--light-text),1),25.455852px -25.455852px 0 0 rgba(var(--light-text),1),36px 0 0 0 rgba(var(--light-text),1),25.455852px 25.455852px 0 0 rgba(var(--light-text),0),0 36px 0 0 rgba(var(--light-text),0),-25.455852px 25.455852px 0 0 rgba(var(--light-text),0),-36px 0 0 0 rgba(var(--light-text),0),-25.455852px -25.455852px 0 0 rgba(var(--light-text),0);animation:dot-spin 1.5s infinite linear}@keyframes dot-spin{0%,to{box-shadow:0 -36px 0 0 rgba(var(--light-text),1),25.455852px -25.455852px 0 0 rgba(var(--light-text),1),36px 0 0 0 rgba(var(--light-text),1),25.455852px 25.455852px 0 -5px rgba(var(--light-text),0),0 36px 0 -5px rgba(var(--light-text),0),-25.455852px 25.455852px 0 -5px rgba(var(--light-text),0),-36px 0 0 -5px rgba(var(--light-text),0),-25.455852px -25.455852px 0 -5px rgba(var(--light-text),0)}12.5%{box-shadow:0 -36px 0 -5px rgba(var(--light-text),0),25.455852px -25.455852px 0 0 rgba(var(--light-text),1),36px 0 0 0 rgba(var(--light-text),1),25.455852px 25.455852px 0 0 rgba(var(--light-text),1),0 36px 0 -5px rgba(var(--light-text),0),-25.455852px 25.455852px 0 -5px rgba(var(--light-text),0),-36px 0 0 -5px rgba(var(--light-text),0),-25.455852px -25.455852px 0 -5px rgba(var(--light-text),0)}25%{box-shadow:0 -36px 0 -5px rgba(var(--light-text),0),25.455852px -25.455852px 0 -5px rgba(var(--light-text),0),36px 0 0 0 rgba(var(--light-text),1),25.455852px 25.455852px 0 0 rgba(var(--light-text),1),0 36px 0 0 rgba(var(--light-text),1),-25.455852px 25.455852px 0 -5px rgba(var(--light-text),0),-36px 0 0 -5px rgba(var(--light-text),0),-25.455852px -25.455852px 0 -5px rgba(var(--light-text),0)}37.5%{box-shadow:0 -36px 0 -5px rgba(var(--light-text),0),25.455852px -25.455852px 0 -5px rgba(var(--light-text),0),36px 0 0 -5px rgba(var(--light-text),0),25.455852px 25.455852px 0 0 rgba(var(--light-text),1),0 36px 0 0 rgba(var(--light-text),1),-25.455852px 25.455852px 0 0 rgba(var(--light-text),1),-36px 0 0 -5px rgba(var(--light-text),0),-25.455852px -25.455852px 0 -5px rgba(var(--light-text),0)}50%{box-shadow:0 -36px 0 -5px rgba(var(--light-text),0),25.455852px -25.455852px 0 -5px rgba(var(--light-text),0),36px 0 0 -5px rgba(var(--light-text),0),25.455852px 25.455852px 0 -5px rgba(var(--light-text),0),0 36px 0 0 rgba(var(--light-text),1),-25.455852px 25.455852px 0 0 rgba(var(--light-text),1),-36px 0 0 0 rgba(var(--light-text),1),-25.455852px -25.455852px 0 -5px rgba(var(--light-text),0)}62.5%{box-shadow:0 -36px 0 -5px rgba(var(--light-text),0),25.455852px -25.455852px 0 -5px rgba(var(--light-text),0),36px 0 0 -5px rgba(var(--light-text),0),25.455852px 25.455852px 0 -5px rgba(var(--light-text),0),0 36px 0 -5px rgba(var(--light-text),0),-25.455852px 25.455852px 0 0 rgba(var(--light-text),1),-36px 0 0 0 rgba(var(--light-text),1),-25.455852px -25.455852px 0 0 rgba(var(--light-text),1)}75%{box-shadow:0 -36px 0 0 rgba(var(--light-text),1),25.455852px -25.455852px 0 -5px rgba(var(--light-text),0),36px 0 0 -5px rgba(var(--light-text),0),25.455852px 25.455852px 0 -5px rgba(var(--light-text),0),0 36px 0 -5px rgba(var(--light-text),0),-25.455852px 25.455852px 0 -5px rgba(var(--light-text),0),-36px 0 0 0 rgba(var(--light-text),1),-25.455852px -25.455852px 0 0 rgba(var(--light-text),1)}87.5%{box-shadow:0 -36px 0 0 rgba(var(--light-text),1),25.455852px -25.455852px 0 0 rgba(var(--light-text),1),36px 0 0 -5px rgba(var(--light-text),0),25.455852px 25.455852px 0 -5px rgba(var(--light-text),0),0 36px 0 -5px rgba(var(--light-text),0),-25.455852px 25.455852px 0 -5px rgba(var(--light-text),0),-36px 0 0 -5px rgba(var(--light-text),0),-25.455852px -25.455852px 0 0 rgba(var(--light-text),1)}}.dot-falling{position:relative;left:-9999px;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);box-shadow:9999px 0 0 0 var(--light-text);animation:dot-falling 1s infinite linear;animation-delay:.1s}.dot-falling:before,.dot-falling:after{content:"";display:inline-block;position:absolute;top:0}.dot-falling:before{width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-falling-before 1s infinite linear;animation-delay:0s}.dot-falling:after{width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-falling-after 1s infinite linear;animation-delay:.2s}@keyframes dot-falling{0%{box-shadow:9999px -30px 0 0 rgba(var(--light-text),0)}25%,50%,75%{box-shadow:9999px 0 0 0 rgba(var(--light-text),1)}to{box-shadow:9999px 30px 0 0 rgba(var(--light-text),0)}}@keyframes dot-falling-before{0%{box-shadow:9969px -30px 0 0 rgba(var(--light-text),0)}25%,50%,75%{box-shadow:9969px 0 0 0 rgba(var(--light-text),1)}to{box-shadow:9969px 30px 0 0 rgba(var(--light-text),0)}}@keyframes dot-falling-after{0%{box-shadow:10029px -30px 0 0 rgba(var(--light-text),0)}25%,50%,75%{box-shadow:10029px 0 0 0 rgba(var(--light-text),1)}to{box-shadow:10029px 30px 0 0 rgba(var(--light-text),0)}}.dot-stretching{position:relative;width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);transform:scale(1.25);animation:dot-stretching 2s infinite ease-in}.dot-stretching:before,.dot-stretching:after{content:"";display:inline-block;position:absolute;top:0}.dot-stretching:before{width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-stretching-before 2s infinite ease-in}.dot-stretching:after{width:20px;height:20px;border-radius:10px;background-color:var(--light-text);color:var(--light-text);animation:dot-stretching-after 2s infinite ease-in}@keyframes dot-stretching{0%{transform:scale(1.25)}50%,60%{transform:scale(.8)}to{transform:scale(1.25)}}@keyframes dot-stretching-before{0%{transform:translate(0) scale(.7)}50%,60%{transform:translate(-20px) scale(1)}to{transform:translate(0) scale(.7)}}@keyframes dot-stretching-after{0%{transform:translate(0) scale(.7)}50%,60%{transform:translate(20px) scale(1)}to{transform:translate(0) scale(.7)}}.dot-gathering{position:relative;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;margin:-1px 0;filter:blur(2px)}.dot-gathering:before,.dot-gathering:after{content:"";display:inline-block;position:absolute;top:0;left:-50px;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;opacity:0;filter:blur(2px);animation:dot-gathering 2s infinite ease-in}.dot-gathering:after{animation-delay:.5s}@keyframes dot-gathering{0%{opacity:0;transform:translate(0)}35%,60%{opacity:1;transform:translate(50px)}to{opacity:0;transform:translate(100px)}}.dot-hourglass{position:relative;top:-30px;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;margin:-1px 0;filter:blur(2px);transform-origin:10px 40px;animation:dot-hourglass 2.4s infinite ease-in-out;animation-delay:.6s}.dot-hourglass:before,.dot-hourglass:after{content:"";display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;filter:blur(2px)}.dot-hourglass:before{top:60px}.dot-hourglass:after{animation:dot-hourglass-after 2.4s infinite cubic-bezier(.65,.05,.36,1)}@keyframes dot-hourglass{0%{transform:rotate(0)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}to{transform:rotate(360deg)}}@keyframes dot-hourglass-after{0%{transform:translateY(0)}25%{transform:translateY(60px)}50%{transform:translateY(60px)}75%{transform:translateY(0)}to{transform:translateY(0)}}.dot-overtaking{position:relative;width:12px;height:12px;border-radius:6px;background-color:transparent;color:#000;margin:-1px 0;box-shadow:0 -20px;filter:blur(2px);animation:dot-overtaking 2s infinite cubic-bezier(.2,.6,.8,.2)}.dot-overtaking:before,.dot-overtaking:after{content:"";display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:6px;background-color:transparent;color:#000;box-shadow:0 -20px;filter:blur(2px)}.dot-overtaking:before{animation:dot-overtaking 2s infinite cubic-bezier(.2,.6,.8,.2);animation-delay:.3s}.dot-overtaking:after{animation:dot-overtaking 1.5s infinite cubic-bezier(.2,.6,.8,.2);animation-delay:.6s}@keyframes dot-overtaking{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dot-shuttle{position:relative;left:-30px;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;margin:-1px 0;filter:blur(2px)}.dot-shuttle:before,.dot-shuttle:after{content:"";display:inline-block;position:absolute;top:0;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;filter:blur(2px)}.dot-shuttle:before{left:30px;animation:dot-shuttle 2s infinite ease-out}.dot-shuttle:after{left:60px}@keyframes dot-shuttle{0%,50%,to{transform:translate(0)}25%{transform:translate(-90px)}75%{transform:translate(90px)}}.dot-bouncing{position:relative;height:20px;font-size:10px}.dot-bouncing:before{content:"⚽🏀🏐";display:inline-block;position:relative;animation:dot-bouncing 1s infinite}@keyframes dot-bouncing{0%{top:-20px;animation-timing-function:ease-in}34%{transform:scale(1)}35%{top:20px;animation-timing-function:ease-out;transform:scale(1.5,.5)}45%{transform:scale(1)}90%{top:-20px}to{top:-20px}}.dot-rolling{position:relative;height:20px;font-size:10px}.dot-rolling:before{content:"⚽";display:inline-block;position:relative;transform:translate(-25px);animation:dot-rolling 3s infinite}@keyframes dot-rolling{0%{content:"⚽";transform:translate(-25px) rotate(0)}16.667%{content:"⚽";transform:translate(25px) rotate(720deg)}33.333%{content:"⚽";transform:translate(-25px) rotate(0)}34.333%{content:"🏀";transform:translate(-25px) rotate(0)}50%{content:"🏀";transform:translate(25px) rotate(720deg)}66.667%{content:"🏀";transform:translate(-25px) rotate(0)}67.667%{content:"🏐";transform:translate(-25px) rotate(0)}83.333%{content:"🏐";transform:translate(25px) rotate(720deg)}to{content:"🏐";transform:translate(-25px) rotate(0)}}:root{--border-rad-lg: 15px;--medium-light-text: #586e88;--light-text: #fcfcfc}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,sans-serif}main{background-color:#708090;height:100vh;display:flex;align-items:center;justify-content:center}::placeholder{color:inherit;opacity:.7}.chatbot-container{background-color:#16202c;width:360px;min-height:380px;border-radius:var(--border-rad-lg);display:flex;flex-direction:column;padding:1em}.chatbot-container>*{padding:.5em}.chatbot-header{display:grid;grid-template-areas:"logo . ." "logo title supportId" "logo subtitle clear-btn"}.chatbot-header>*{margin:.11em}.logo{grid-area:logo;width:45px}.supportId{font-size:10px;grid-area:supportId;text-align:center}.clear-btn{grid-area:clear-btn;height:20px;padding:0;width:80%;color:var(--medium-light-text);font-size:12px;margin:0 auto}.clear-btn:hover{border:1px solid #44CFC8;color:#44cfc8;cursor:pointer;transition:.1s}.chatbot-conversation-container{max-height:300px;min-height:300px;overflow-y:scroll;margin:.5em 0}.chatbot-conversation-container::-webkit-scrollbar{display:none}.chatbot-conversation-container::-moz-scrollbar{display:none}.speech{padding:1em;margin:1em auto;max-width:260px;color:var(--light-text);min-width:100%;border-radius:var(--border-rad-lg)}.speech:first-child{margin-top:0}.speech-ai{background:#253b4b;border-top-left-radius:0}.speech-human{background:#44CFC8;color:#16202c;border-top-right-radius:0;text-align:right}.chatbot-input-container{display:flex}input[type=text],button{background-color:transparent;border:1px solid var(--medium-light-text);border-radius:15px;padding:1em}input[type=text]{color:#fcfcfc;width:100%;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}#loading{margin:.5em auto}.submit-btn{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.send-btn-icon{font-size:1.5em;display:block;color:#fff}h1{font-size:15px;color:var(--light-text);grid-area:title}h2,p{color:var(--medium-light-text)}h2{font-size:11px;font-weight:700;grid-area:subtitle;text-transform:uppercase}@keyframes cursor-blink{0%{opacity:0}to{opacity:1}}.blinking-cursor:after{content:"|";font-weight:700;display:inline-block;animation:cursor-blink .5s steps(2) infinite}