.plate[data-v-03f44107]{width:200px;height:95px;background-color:#aaa;border-radius:4px;position:relative;padding:10px 5px 5px;margin:20px}.plate[data-v-03f44107]:before{right:2px}.plate[data-v-03f44107]:after,.plate[data-v-03f44107]:before{content:"";position:absolute;background:linear-gradient(0deg,#d75757,#f8b825);width:2px;height:15px;top:10px;box-shadow:0 0 5px linear-gradient(0deg,#d75757,#f8b825)}.plate[data-v-03f44107]:after{left:2px}.plate .key-wrapper[data-v-03f44107]{background-color:#666;width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;row-gap:2px;-moz-column-gap:2px;column-gap:2px;padding:2px}.plate .key[data-v-03f44107]{position:relative;background-color:#fff;min-width:16.5px;height:16px;border-radius:2px;flex-shrink:0}.plate .key[data-v-03f44107]:first-child{background-color:#61a475}.plate .key[data-v-03f44107]:nth-child(8),.plate .key[data-v-03f44107]:nth-child(9),.plate .key[data-v-03f44107]:nth-child(10){background-color:#8b8b8b}.plate .key[data-v-03f44107]:nth-child(29){background-color:#d75757;min-width:35px}.plate .key[data-v-03f44107]:nth-child(33){background-color:#f8b825;flex-grow:1;max-width:72px}.plate .key[data-v-03f44107]:before{content:"";position:absolute;inset:2px;background-color:#fff;opacity:.3}.plate .key[data-v-03f44107]:after{content:attr(data-name);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:.8em;display:none}.plate .key[data-v-03f44107]:hover{box-shadow:0 0 5px #70a3ca}.puzzle[data-v-03f44107]{background-color:#aaa;border-radius:4px;padding:10px 5px 5px;margin:20px;width:92px;height:97px}.puzzle .cell-wrapper[data-v-03f44107]{position:relative;background-color:#666;width:100%;height:100%}.puzzle .cell-wrapper .reset-btn[data-v-03f44107]{position:absolute;top:0;left:calc(100% + 5px);background:linear-gradient(135deg,#e18080,#781d1d);padding:var(--cell-gap);border-bottom-right-radius:2px;border-top-right-radius:2px;color:#fff;font-weight:900;display:flex;justify-content:center;align-items:center;font-size:.8em}.puzzle .cell-wrapper .cell[data-v-03f44107]{background-color:#fff;border-radius:2px;position:absolute;width:var(--cell-size);height:var(--cell-size);top:calc(var(--y)*(var(--cell-size) + var(--cell-gap)) + var(--cell-gap));left:calc(var(--x)*(var(--cell-size) + var(--cell-gap)) + var(--cell-gap));transition:.25s linear}.puzzle .cell-wrapper .cell[data-v-03f44107]:before{content:"";position:absolute;inset:2px;background-color:#fff;opacity:.3}.puzzle .cell-wrapper .cell[data-v-03f44107]:after{content:attr(data-name);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:.8em}.taxi-driver[data-v-03f44107]{margin:30px 0}.taxi-driver .road[data-v-03f44107]{position:relative;width:700px;height:150px;background-color:#333;border-radius:75px;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;perspective:500px;overflow:hidden}.taxi-driver .road:hover .taxi[data-v-03f44107]{animation:animate-taxi-03f44107 1s linear infinite}.taxi-driver .road.stop[data-v-03f44107]:before{animation:none}.taxi-driver .road.stop .stop-sign[data-v-03f44107]{transform:translate(60px,-50%)}.taxi-driver .road.stop .taxi[data-v-03f44107]{left:450px;animation:none}.taxi-driver .road.stop .light[data-v-03f44107]{opacity:0}.taxi-driver .road[data-v-03f44107]:before{content:"";position:absolute;width:100%;height:6px;background:linear-gradient(90deg,#fff,#fff 50%,transparent 0);background-size:100px;animation:animate-road-03f44107 .125s linear infinite}.taxi-driver .road .stop-sign[data-v-03f44107]{position:absolute;color:#fff;font-weight:900;letter-spacing:.3em;font-size:55px;top:50%;left:0;padding:20px;transform:translate(-100%,-50%);transition:transform 1s ease-out;background-color:#333}.taxi-driver .road .taxi[data-v-03f44107]{position:absolute;left:100px;width:200px;height:80px;background-color:#e3a007;border-radius:10px;box-shadow:-10px 10px rgba(0,0,0,.25);transform-style:preserve-3d;perspective:800px;transition:all 1s ease-out}.taxi-driver .road .taxi[data-v-03f44107]:before{content:"";position:absolute;top:5px;left:2px;width:5px;height:15px;border-radius:2px;background-color:#fc3c25;box-shadow:0 55px #fc3c25}.taxi-driver .road .taxi[data-v-03f44107]:after{content:"";position:absolute;top:8px;right:2px;width:6px;height:16px;border-radius:2px;background-color:#fff;box-shadow:0 45px #fff}.taxi-driver .road .taxi span[data-v-03f44107]{position:absolute;inset:5px 10px;background-color:#f8b825;border-radius:10px}.taxi-driver .road .taxi span[data-v-03f44107]:before{content:"";position:absolute;top:-15px;left:60%;width:8px;height:15px;border-radius:2px;background-color:#f8b825}.taxi-driver .road .taxi span[data-v-03f44107]:after{content:"";position:absolute;bottom:-15px;left:60%;width:8px;height:15px;border-radius:2px;background-color:#f8b825}.taxi-driver .road .taxi span b[data-v-03f44107]{position:absolute;inset:0 60px 0 20px;background-color:#111}.taxi-driver .road .taxi span b[data-v-03f44107]:before{content:"";position:absolute;inset:8px 35px 8px 15px;background-color:#f8b825}.taxi-driver .road .taxi span b[data-v-03f44107]:after{content:"";position:absolute;inset:0 48px;background-color:#f8b825}.taxi-driver .road .taxi span i[data-v-03f44107]{position:absolute;inset:0}.taxi-driver .road .taxi span i[data-v-03f44107]:before{content:"";position:absolute;top:10px;left:17px;width:40px;height:5px;background-color:#f8b825;transform:rotate(15deg);transform-origin:right;box-shadow:76px 38px #f8b825}.taxi-driver .road .taxi span i[data-v-03f44107]:after{content:"";position:absolute;bottom:10px;left:17px;width:40px;height:5px;background-color:#f8b825;transform:rotate(-15deg);transform-origin:right;box-shadow:76px -38px #f8b825}.taxi-driver .road .taxi .light[data-v-03f44107]{position:absolute;background-color:rgba(0,0,0,.1333333333);top:5px;right:-2px;width:10px;height:70px;border-radius:15px;transform-style:preserve-3d}.taxi-driver .road .taxi .light[data-v-03f44107]:before{top:5px}.taxi-driver .road .taxi .light[data-v-03f44107]:after,.taxi-driver .road .taxi .light[data-v-03f44107]:before{content:"";position:absolute;left:0;width:150px;height:16px;background:linear-gradient(90deg,hsla(0,0%,100%,.9333333333),transparent);transform-origin:left;transform:perspective(500px) rotateY(-50deg)}.taxi-driver .road .taxi .light[data-v-03f44107]:after{bottom:5px}@keyframes animate-road-03f44107{0%{background-position:100px 0}to{background-position:0 0}}@keyframes bounce-03f44107{0%{transform:scaleX(.8)}25%{transform:scale(.8,1.2)}50%{transform:scale(.8)}75%{transform:scale(.8,1.2)}to{transform:scaleX(.8)}}@keyframes animate-taxi-03f44107{0%{transform:translateZ(0)}15%{transform:translate3d(0,10px,0) rotate(10deg)}45%{transform:translate3d(-10px,10px,0)}75%{transform:translate3d(-10px,-20px,0) rotate(-5deg)}to{transform:translateZ(0)}}@keyframes scale-easeOutElastic-03f44107{0%{transform:scale(0)}16%{transform:scaleY(1.12)}28%{transform:scaleY(.83)}44%{transform:scaleY(1.05)}59%{transform:scaleY(.95)}73%{transform:scaleY(1.01)}88%{transform:scale(1)}to{transform:scale(0)}}