@font-face{font-family:Cera;src:url("/fonts/Cera Pro Font/Cera_Pro_Light.otf")}@font-face{font-family:Cera Bold;src:url("/fonts/Cera Pro Font/Cera Pro Medium.otf")}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;font-family:Cera;color:#4b5658}body{background:#e0e2e3}.ui-el{top:unset!important;left:unset!important;right:40px!important;bottom:40px!important;transform:none!important;transition:all 1.5s ease-in-out}.ui-el .box.middle{overflow:hidden}.ui-el .box.middle .text{opacity:0;position:absolute;transition:opacity .3s ease}.ui-el .box.middle .text.visible{position:static;display:inline;opacity:1;transform:translateZ(0)}.ui-el .box.middle .icons{margin-top:16px;display:flex;justify-content:flex-end}.ui-el .box.middle .icons .left{transform:rotateY(180deg)}.ui-el .box.middle img{height:20px;width:20px;object-fit:contain}.ui-el>div{display:flex;align-items:center;justify-content:center;top:0;right:0;bottom:0;left:0;width:100%;height:100%;position:static!important;max-width:220px}.box{background:#ebeff050;padding:10px 16px;display:flex;height:fit-content;border:2px solid #b9c9d2;border-radius:15px;cursor:pointer;transition:all .2s ease}.ui-el .box:hover{border-color:#0decba}.ui-el:has(.middle){transform:translate3d(50%,50%,0)!important;right:18%!important;bottom:50%!important}.ui-el:has(.center){right:50%!important;transform:translate3d(50%,0,0)!important}.ui-el:has(.multi-box)>div{max-width:270px}.top{top:50px!important}.ui-screen{width:100%;height:100%;transform:translateZ(0)!important;font-size:20px;opacity:0;transition:all 2s ease}.ui-screen .buttons{display:grid;grid-template-columns:100px auto 100px;align-items:center;gap:42px;width:100%;margin-top:80px}.ui-screen .box.button{font-size:12px;padding:10px 16px;margin-right:80px;background:#009ae0;border:none;color:#fff}.ui-screen .box.button:hover{background:#0decba}.ui-screen.visible{opacity:1}.ui-screen .container{padding-top:40px;width:800px;left:50%;transform:translate3d(-50%,0,0)!important;display:flex;flex-direction:column;align-items:center}.ui-screen .content{width:700px;margin-top:80px;display:flex;flex-direction:column;gap:15px}.ui-screen .box{font-size:20px;font-family:Cera;padding:4px 16px}.ui-screen .box.left{align-self:flex-start}.ui-screen p{border-left:5px solid rgb(53,172,227);padding:0 10px}.multi-box{gap:56px;margin-top:66px;font-size:14px}.panda{top:40px!important;left:unset!important;width:100%;transform:none!important;transition:all 1.5s ease-in-out}.panda>div{width:100%;height:100%}.panda .container{display:flex;gap:60px;width:900px;justify-content:center;position:absolute;left:50%;transform:translate3d(-50%,0,0)}.challenge-title,.solution-title{font-family:Cera Bold;font-size:26px}.challenge,.solution{display:flex;flex-direction:column}.challenge{color:#009ae0}.challenge-title{text-align:right}.title{transform:translate3d(0,40px,0)!important;width:100%;font-size:22px;opacity:0;transition:opacity .7s .7s ease}.title.visible{opacity:1}.title .box{padding:4px 15px;border-radius:16px}.title>div{width:100%}.title-container{width:100%;display:flex;justify-content:center}.video{position:absolute;top:20%;right:20%;bottom:20%;left:20%}.flex-col{display:flex;flex-direction:column}.player-wrapper{position:relative;padding-top:56.25%}.player{position:absolute;top:0;left:0}