.not-found-page{display:grid;place-items:center;text-align:center}.not-found-page.logged-out{min-height:calc(100vh - 30px)!important}.not-found-page .wrapper{display:inline-block;width:50%}.not-found-page .cls-1{fill:#ffc541}.not-found-page .cls-2{fill:#6cb43f}.not-found-page .cls-3{fill:#008d7f}.not-found-page .cls-4{fill:#f78d5e}.not-found-page .cls-5{fill:#fa976c}.not-found-page .cls-6,.not-found-page .cls-7,.not-found-page .cls-8{fill:#b65c32}.not-found-page .cls-6,.not-found-page .cls-10{opacity:.6}.not-found-page .cls-7{opacity:.4}.not-found-page .cls-9{fill:#f4b73b}.not-found-page .cls-11{fill:#f9c358}.not-found-page .cls-12{fill:#9b462c}.not-found-page .cls-13{fill:#aa512e}.not-found-page .cls-14{fill:#7d6aa5}.not-found-page .wheel{animation:wheel-rotate 6s ease infinite;transform-box:fill-box;transform-origin:center}@keyframes wheel-rotate{50%{animation-timing-function:cubic-bezier(.55,.085,.68,.53);transform:rotate(1turn)}to{transform:rotate(960deg)}}.not-found-page .clock-hand-1{animation:clock-rotate 3s linear infinite;transform-box:fill-box;transform-origin:bottom}.not-found-page .clock-hand-2{animation:clock-rotate 6s linear infinite;transform-box:fill-box;transform-origin:bottom}@keyframes clock-rotate{to{transform:rotate(1turn)}}.not-found-page #box-top{animation:box-top-anim 2s linear infinite;transform-box:fill-box;transform-origin:right top}@keyframes box-top-anim{50%{transform:rotate(-5deg)}}.not-found-page #umbrella{animation:umbrella-anim 6s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes umbrella-anim{25%{transform:translateY(10px) rotate(5deg)}75%{transform:rotate(-5deg)}}.not-found-page #cup{animation:cup-rotate 3s cubic-bezier(.455,.03,.515,.955) infinite;transform-box:fill-box;transform-origin:top left}@keyframes cup-rotate{50%{transform:rotate(-5deg)}}.not-found-page #pillow{animation:pillow-anim 3s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes pillow-anim{25%{transform:rotate(10deg) translateY(5px)}75%{transform:rotate(-10deg)}}.not-found-page #stripe{animation:stripe-anim 3s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes stripe-anim{25%{transform:translate(10px) rotate(-10deg)}75%{transform:translateX(10px)}}.not-found-page #bike{animation:bike-anim 6s ease infinite}@keyframes bike-anim{0%{transform:translateX(-1300px)}50%{animation-timing-function:cubic-bezier(.47,0,.745,.715);transform:translateX(0)}to{transform:translateX(1300px)}}.not-found-page #rucksack{animation:ruck-anim 3s linear infinite;transform-box:fill-box;transform-origin:top}@keyframes ruck-anim{50%{transform:rotate(5deg)}}.not-found-page .circle{animation:circle-anim ease infinite;perspective:0;transform-box:fill-box;transform-origin:center}.not-found-page .circle.c1{animation-duration:2s}.not-found-page .circle.c2{animation-duration:3s}.not-found-page .circle.c3,.not-found-page .circle.c4{animation-duration:1s}.not-found-page .circle.c5{animation-duration:2s}.not-found-page .circle.c6{animation-duration:3s}@keyframes circle-anim{50%{transform:scale(.2) rotateX(1turn) rotateY(1turn)}}.not-found-page #ou,.not-found-page .four{animation:four-anim cubic-bezier(.39,.575,.565,1) infinite}.not-found-page .four.a{animation-duration:3s;transform-box:fill-box;transform-origin:bottom left}.not-found-page .four.b{animation-duration:3s;transform-box:fill-box;transform-origin:bottom right}.not-found-page #ou{animation-duration:6s;transform-box:fill-box;transform-origin:center}@keyframes four-anim{50%{transform:scale(.98)}}