.boxes[data-v-1b96ed1e]{--size:32px;--duration:800ms;height:calc(var(--size)*2);width:calc(var(--size)*3);position:relative;transform-style:preserve-3d;transform-origin:50% 50%;margin-top:calc(var(--size)*1.5*2);margin-bottom:calc(var(--size)*1.5*2);transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0);margin-left:auto;margin-right:auto}.boxes .box[data-v-1b96ed1e]{width:var(--size);height:var(--size);top:0;left:0;position:absolute;transform-style:preserve-3d}.boxes .box[data-v-1b96ed1e]:first-child{transform:translate(100%);-webkit-animation:box1-data-v-1b96ed1e var(--duration) linear infinite;animation:box1-data-v-1b96ed1e var(--duration) linear infinite}.boxes .box[data-v-1b96ed1e]:nth-child(2){transform:translateY(100%);-webkit-animation:box2-data-v-1b96ed1e var(--duration) linear infinite;animation:box2-data-v-1b96ed1e var(--duration) linear infinite}.boxes .box[data-v-1b96ed1e]:nth-child(3){transform:translate(100%,100%);-webkit-animation:box3-data-v-1b96ed1e var(--duration) linear infinite;animation:box3-data-v-1b96ed1e var(--duration) linear infinite}.boxes .box[data-v-1b96ed1e]:nth-child(4){transform:translate(200%);-webkit-animation:box4-data-v-1b96ed1e var(--duration) linear infinite;animation:box4-data-v-1b96ed1e var(--duration) linear infinite}.boxes .box>div[data-v-1b96ed1e]{--background:#5c8df6;--top:auto;--right:auto;--bottom:auto;--left:auto;--translateZ:calc(var(--size)/2);--rotateY:0deg;--rotateX:0deg;position:absolute;width:100%;height:100%;background:var(--background);top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.boxes .box>div[data-v-1b96ed1e]:first-child{--top:0;--left:0}.boxes .box>div[data-v-1b96ed1e]:nth-child(2){--background:#145af2;--right:0;--rotateY:90deg}.boxes .box>div[data-v-1b96ed1e]:nth-child(3){--background:#447cf5;--rotateX:-90deg}.boxes .box>div[data-v-1b96ed1e]:nth-child(4){--background:#dbe3f4;--top:0;--left:0;--translateZ:calc(var(--size)*3*-1)}@-webkit-keyframes box1-data-v-1b96ed1e{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box1-data-v-1b96ed1e{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@-webkit-keyframes box2-data-v-1b96ed1e{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box2-data-v-1b96ed1e{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@-webkit-keyframes box3-data-v-1b96ed1e{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box3-data-v-1b96ed1e{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@-webkit-keyframes box4-data-v-1b96ed1e{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}@keyframes box4-data-v-1b96ed1e{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}html[data-v-1b96ed1e]{-webkit-font-smoothing:antialiased}[data-v-1b96ed1e],[data-v-1b96ed1e]:after,[data-v-1b96ed1e]:before{box-sizing:border-box}body[data-v-1b96ed1e]{min-height:100vh;font-family:Roboto,Arial;color:#adafb6;display:flex;justify-content:center;align-items:center;background:#f9fbff}body .dribbble[data-v-1b96ed1e]{position:fixed;display:block;right:20px;bottom:20px}body .dribbble img[data-v-1b96ed1e]{display:block;height:28px}.modal-container[data-v-c3e0facc]{z-index:444}.modal-container-hide[data-v-c3e0facc]{z-index:-444}