@-webkit-keyframes moveup{0%,60%,100%{-webkit-transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(0);transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(0)}25%{-webkit-transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(1em);transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(1em)}}@keyframes moveup{0%,60%,100%{-webkit-transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(0);transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(0)}25%{-webkit-transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(1em);transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(1em)}}@-webkit-keyframes movedown{0%,60%,100%{-webkit-transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(0);transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(0)}25%{-webkit-transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(-1em);transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(-1em)}}@keyframes movedown{0%,60%,100%{-webkit-transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(0);transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(0)}25%{-webkit-transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(-1em);transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(-1em)}}.waiter-layer{display:block;position:absolute;height:3em;width:3em;box-shadow:3px 3px 2px rgba(0,0,0,.2);-webkit-transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg);transform:rotateX(50deg) rotateY(0deg) rotateZ(45deg)}.waiter-layer:nth-of-type(1){background:#084c61;margin-top:1.5em;-webkit-animation:movedown 1.8s cubic-bezier(0.39, 0.575, 0.565, 1) .9s infinite normal;animation:movedown 1.8s cubic-bezier(0.39, 0.575, 0.565, 1) .9s infinite normal}.waiter-layer:nth-of-type(1):before{content:"";position:absolute;width:85%;height:85%;background:rgba(0,0,0,.2)}.waiter-layer:nth-of-type(2){background:rgba(90,150,188,.9);margin-top:.75em}.waiter-layer:nth-of-type(3){background:rgba(192,224,255,.6);-webkit-animation:moveup 1.8s cubic-bezier(0.39, 0.575, 0.565, 1) infinite normal;animation:moveup 1.8s cubic-bezier(0.39, 0.575, 0.565, 1) infinite normal}.waiter-container{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.waiter-container.waiter-default{top:calc(50% - 30px);left:calc(50% - 30px)}.waiter-container.waiter-4blocks{top:50%;left:50%}.waiter-container>.waiter-text{position:absolute;left:-40px;right:-40px;top:-85px;display:flex;justify-content:center;font-family:Courier New,Courier,monospace;font-size:1em;font-weight:normal;color:#4169e1}.waiter-text>.waiter-error{color:red}.waiter-backdrop{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;background:radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0.7) 10%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.5) 100%)}.waiter-boxes{--size: 32px;--duration: 800ms;height:calc(var(--size)*2);width:calc(var(--size)*3);position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin-top:calc(var(--size)*1.5*-1);-webkit-transform:rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);transform:rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px)}.waiter-boxes .waiter-box{width:var(--size);height:var(--size);top:0;left:0;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.waiter-boxes .waiter-box:nth-child(1){-webkit-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-animation:waiter-box1 var(--duration) linear infinite;animation:waiter-box1 var(--duration) linear infinite}.waiter-boxes .waiter-box:nth-child(2){-webkit-transform:translate(0, 100%);transform:translate(0, 100%);-webkit-animation:waiter-box2 var(--duration) linear infinite;animation:waiter-box2 var(--duration) linear infinite}.waiter-boxes .waiter-box:nth-child(3){-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%);-webkit-animation:waiter-box3 var(--duration) linear infinite;animation:waiter-box3 var(--duration) linear infinite}.waiter-boxes .waiter-box:nth-child(4){-webkit-transform:translate(200%, 0);transform:translate(200%, 0);-webkit-animation:waiter-box4 var(--duration) linear infinite;animation:waiter-box4 var(--duration) linear infinite}.waiter-boxes .waiter-box>div{--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);-webkit-transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.waiter-boxes .waiter-box>div:nth-child(1){--top: 0;--left: 0}.waiter-boxes .waiter-box>div:nth-child(2){--background: #145af2;--right: 0;--rotateY: 90deg}.waiter-boxes .waiter-box>div:nth-child(3){--background: #447cf5;--rotateX: -90deg}.waiter-boxes .waiter-box>div:nth-child(4){--background: #DBE3F4;--top: 0;--left: 0;--translateZ: calc(var(--size) * 3 * -1)}@-webkit-keyframes waiter-box1{0%,50%{-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}100%{-webkit-transform:translate(200%, 0);transform:translate(200%, 0)}}@keyframes waiter-box1{0%,50%{-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}100%{-webkit-transform:translate(200%, 0);transform:translate(200%, 0)}}@-webkit-keyframes waiter-box2{0%{-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}}@keyframes waiter-box2{0%{-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}}@-webkit-keyframes waiter-box3{0%,50%{-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%)}100%{-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}}@keyframes waiter-box3{0%,50%{-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%)}100%{-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}}@-webkit-keyframes waiter-box4{0%{-webkit-transform:translate(200%, 0);transform:translate(200%, 0)}50%{-webkit-transform:translate(200%, 100%);transform:translate(200%, 100%)}100%{-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%)}}@keyframes waiter-box4{0%{-webkit-transform:translate(200%, 0);transform:translate(200%, 0)}50%{-webkit-transform:translate(200%, 100%);transform:translate(200%, 100%)}100%{-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%)}}