.robot-assistant{width:250px;height:280px;position:relative;transform:translateY(-20px)}.robot-assistant:hover{filter:drop-shadow(0 0 25px #00f0ff80);transform:scale(.48)translateY(-25px)}.robot-assistant .head-container{z-index:5;width:200px;height:125px;margin:auto;animation:3s infinite alternate moveHeadEve;position:relative}.robot-assistant .head-container .head{background-color:#fff;background-image:radial-gradient(100% 250% at 0%,#fff 25%,#0000 35%),radial-gradient(circle at 0 0,#fff,#aaa);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:50% 50% 35% 35%;justify-content:center;align-items:center;width:150px;height:110px;margin:auto;display:flex;transform:translateY(10px);box-shadow:0 0 35px #0000004d}.robot-assistant .head-container .face{perspective:100px;width:115px;height:70px;transform-style:preserve-3d;background:linear-gradient(#1a1a1a,#050505);border:2px solid #000;border-radius:50% 50% 46% 46%/60% 60% 37% 37%;justify-content:space-evenly;display:flex;overflow:hidden;transform:translateY(-4px);box-shadow:0 0 3px #000c}.robot-assistant .head-container .face:after{content:"";z-index:-1;background:#050505;border-radius:50%;width:100px;height:100px;display:block;position:absolute;transform:translate(25px)}.robot-assistant .head-container .face.happy .eye{background:0 0;border-radius:50%;width:38px;height:20px;animation:2s linear infinite alternate changeEyes;transform:translateY(27px);box-shadow:0 -6px #00f0ff}.robot-assistant .head-container .face.circle .eye{background:repeating-linear-gradient(29deg,#8cffff 10%,#00f0ff 20%);border-radius:50%;width:32px;height:32px;transform:translateY(20px);box-shadow:0 0 8px 2px #00f0ff}.robot-assistant .head-container .face.ellipse .eye{background:repeating-linear-gradient(29deg,#8cffff 10%,#00f0ff 20%);border-radius:50%;width:36px;height:20px;transform:translateY(28px)rotate(20deg);box-shadow:0 0 8px 2px #00f0ff}.robot-assistant .head-container .face.ellipse .eye.right{transform:translateY(28px)rotate(-20deg)}.robot-assistant .body-container{justify-content:center;animation:3s infinite alternate moveBody;display:flex;position:relative}.robot-assistant .body-container .right-container{perspective:200px}.robot-assistant .body-container .arm{background:#fff;border-radius:40% 40% 75% 75%;width:30px;height:130px}.robot-assistant .body-container .arm.left{z-index:2;background-image:linear-gradient(270deg,#fff 60%,#ccc 90%);position:relative;transform:translate(10px,25px);box-shadow:4px 0 #bbb}.robot-assistant .body-container .arm.right{background-image:linear-gradient(90deg,#fff 40%,#ccc 80%);transform:translate(-10px,25px)rotateY(184deg)skew(-2deg);box-shadow:-4px 0 #bbb}.robot-assistant .body-container .body{z-index:1;background-color:#fff;background-image:radial-gradient(250% 250% at 80% 120%,#ccc 15%,#0000 25%),radial-gradient(100% 250% at 0%,#fff 25%,#0000 35%),linear-gradient(90deg,#fff,#ccc);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:25% 25% 50% 50%/25px 25px 60% 60%;width:150px;height:200px;position:relative;box-shadow:0 0 35px #0000004d,2px 2px 15px #0000001f}.robot-assistant .body-container .body:before{content:"";filter:blur(4px);background:#bbb radial-gradient(circle,#999,#bbb);border-radius:50%;width:130px;height:20px;margin:auto;display:block}.robot-assistant .body-container .body .panel{justify-content:space-around;align-items:center;width:45px;height:15px;display:flex;transform:translate(25px,10px)}.robot-assistant .body-container .body .panel .dot{--color:#7392a3;background:var(--color);width:5px;height:5px;box-shadow:0 0 4px 1px var(--color);opacity:0;border-radius:50%}.robot-assistant .body-container .body .panel .bigdot{--color:#6bbc6d;background:var(--color);width:15px;height:15px;box-shadow:0 0 4px 1px var(--color);opacity:0;border-radius:50%}.robot-assistant .body-container .body .panel.infinite-panel .dot-1{animation:10s linear 2s infinite dotAppears}.robot-assistant .body-container .body .panel.infinite-panel .dot-2{animation:10s linear 4s infinite dotAppears}.robot-assistant .body-container .body .panel.infinite-panel .dot-3{animation:10s linear 6s infinite dotAppears}.robot-assistant .body-container .body .panel.infinite-panel .bigdot{animation:10s linear infinite bigDot}.robot-assistant .shadow{filter:blur(4px);background:#00f0ff99;border-radius:50%;width:110px;height:14px;margin:auto;animation:3s infinite alternate moveShadow;box-shadow:0 0 15px #00f0ffcc}.robot-assistant .scanner{opacity:0;z-index:10;clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:50% 0;pointer-events:none;background:linear-gradient(#00f0ffcc,#0000);width:100%;height:250px;position:absolute;top:6px;left:0}.robot-assistant .scanner.animated{animation:2.5s linear 3 alternate forwards moveScanner}@keyframes moveScanner{0%{opacity:.5;transform:skew(45deg)}to{opacity:.5;transform:skew(-45deg)}}@keyframes changeEyes{0%{transform:translateY(27px)rotateX(-10deg)}to{transform:translateY(27px)rotateX(60deg)}}@keyframes dotAppears{0%,22%{opacity:0}25%,to{opacity:1}}@keyframes bigDot{0%,4%,10%,14%,20%,24%,30%,34%,40%,44%,50%,54%{opacity:0}5%,9%,15%,19%,25%,29%,35%,39%,45%,49%,55%,59%,to{opacity:1}}@keyframes moveShadow{0%{opacity:1;transform:translateY(15px)scale(1)}to{opacity:.4;transform:translateY(15px)scale(.8)}}@keyframes moveBody{0%{transform:translateY(-10px)}to{transform:translate(0)}}@keyframes moveHeadEve{0%{transform:translate(0)}to{transform:translateY(15px)}}body.tab-hidden .robot-assistant *{animation-play-state:paused}@media (max-width:768px){.robot-assistant:not(.is-active) .panel.infinite-panel .dot,.robot-assistant:not(.is-active) .panel.infinite-panel .bigdot,.robot-assistant:not(.is-active) .shadow{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.robot-assistant *{animation:none!important}}