.app-preload{display:flex;height:100vh;background-color:#222335}.app-preload .cat{position:relative;width:16em;height:16em;margin:auto}.app-preload .cat__segment{position:absolute;top:50%;left:50%;width:3em;height:2em;transform:translate(-50%, -50%)}.app-preload .cat__segment:before{content:"";display:block;width:100%;height:100%;background:linear-gradient(90deg, white 20%, #e6e6e6 20% 80%, white 80%);animation:loop 2s cubic-bezier(0.6, 0, 0.4, 1) infinite running;will-change:transform;border-radius:.25em}.app-preload .cat__segment:first-of-type{z-index:1;width:4em;height:4em}.app-preload .cat__segment:first-of-type:before{background:radial-gradient(0.25em 0.25em at 1.25em 1.6em, white 48%, rgba(255, 255, 255, 0) 50%),radial-gradient(0.75em 0.75em at 1.25em 1.75em, #1a1a1a 48%, rgba(26, 26, 26, 0) 50%),radial-gradient(0.25em 0.25em at 2.75em 1.6em, white 48%, rgba(255, 255, 255, 0) 50%),radial-gradient(0.75em 0.75em at 2.75em 1.75em, #1a1a1a 48%, rgba(26, 26, 26, 0) 50%),radial-gradient(0.9em 0.8em at 1.5em 2.65em, white 48%, rgba(255, 255, 255, 0) 50%),radial-gradient(0.9em 0.8em at 2.5em 2.65em, white 48%, rgba(255, 255, 255, 0) 50%),radial-gradient(1em 0.8em at 1.6em 2.75em, #cccccc 48%, rgba(204, 204, 204, 0) 50%),radial-gradient(1em 0.8em at 2.4em 2.75em, #cccccc 48%, rgba(204, 204, 204, 0) 50%),radial-gradient(0.75em 0.75em at 50% 2.5em, #e69999 48%, rgba(230, 153, 153, 0) 50%),radial-gradient(4em 3em at 50% 2em, white 48%, rgba(255, 255, 255, 0) 50%),radial-gradient(4em 3em at 50% 2.2em, #cccccc 48%, rgba(204, 204, 204, 0) 50%),radial-gradient(1em 3em at 0.75em 1.5em, #e69999 39%, white 40% 49%, rgba(255, 255, 255, 0) 50%),radial-gradient(1em 3em at 3.25em 1.5em, #e69999 39%, white 40% 49%, rgba(255, 255, 255, 0) 50%),radial-gradient(1em 2em at 0.5em 2.8em, white 48%, rgba(255, 255, 255, 0) 50%),radial-gradient(1em 2em at 0.5em 3em, #cccccc 48%, rgba(204, 204, 204, 0) 50%),radial-gradient(1em 2em at 3.5em 2.8em, white 48%, rgba(255, 255, 255, 0) 50%),radial-gradient(1em 2em at 3.5em 3em, #cccccc 48%, rgba(204, 204, 204, 0) 50%);background-repeat:no-repeat}.app-preload .cat__segment:last-of-type{width:3em;height:4em}.app-preload .cat__segment:last-of-type:before{background:linear-gradient(90deg, white 20%, #e6e6e6 20% 80%, white 80%) 0 1.5em/3em .5em,radial-gradient(3em 2em at top center, #e6e6e6 30%, white 31% 48%, rgba(255, 255, 255, 0) 50%) 0 2em/3em 2em,radial-gradient(1em 4em at 0.5em 0, white 48%, rgba(255, 255, 255, 0) 50%) 0 2em/3em 2em,radial-gradient(1em 4em at 2.5em 0, white 48%, rgba(255, 255, 255, 0) 50%) 0 2em/3em 2em;background-repeat:no-repeat}.app-preload .cat__segment:nth-of-type(1){transform:translate(-50%, -50%) rotate(-20deg)}.app-preload .cat__segment:nth-of-type(1):before{transform:translateX(6em);animation-delay:0s}.app-preload .cat__segment:nth-of-type(2){transform:translate(-50%, -50%) rotate(-18.6666666667deg)}.app-preload .cat__segment:nth-of-type(2):before{transform:translateX(6em);animation-delay:.02s}.app-preload .cat__segment:nth-of-type(3){transform:translate(-50%, -50%) rotate(-17.3333333333deg)}.app-preload .cat__segment:nth-of-type(3):before{transform:translateX(6em);animation-delay:.04s}.app-preload .cat__segment:nth-of-type(4){transform:translate(-50%, -50%) rotate(-16deg)}.app-preload .cat__segment:nth-of-type(4):before{transform:translateX(6em);animation-delay:.06s}.app-preload .cat__segment:nth-of-type(5){transform:translate(-50%, -50%) rotate(-14.6666666667deg)}.app-preload .cat__segment:nth-of-type(5):before{transform:translateX(6em);animation-delay:.08s}.app-preload .cat__segment:nth-of-type(6){transform:translate(-50%, -50%) rotate(-13.3333333333deg)}.app-preload .cat__segment:nth-of-type(6):before{transform:translateX(6em);animation-delay:.1s}.app-preload .cat__segment:nth-of-type(7){transform:translate(-50%, -50%) rotate(-12deg)}.app-preload .cat__segment:nth-of-type(7):before{transform:translateX(6em);animation-delay:.12s}.app-preload .cat__segment:nth-of-type(8){transform:translate(-50%, -50%) rotate(-10.6666666667deg)}.app-preload .cat__segment:nth-of-type(8):before{transform:translateX(6em);animation-delay:.14s}.app-preload .cat__segment:nth-of-type(9){transform:translate(-50%, -50%) rotate(-9.3333333333deg)}.app-preload .cat__segment:nth-of-type(9):before{transform:translateX(6em);animation-delay:.16s}.app-preload .cat__segment:nth-of-type(10){transform:translate(-50%, -50%) rotate(-8deg)}.app-preload .cat__segment:nth-of-type(10):before{transform:translateX(6em);animation-delay:.18s}.app-preload .cat__segment:nth-of-type(11){transform:translate(-50%, -50%) rotate(-6.6666666667deg)}.app-preload .cat__segment:nth-of-type(11):before{transform:translateX(6em);animation-delay:.2s}.app-preload .cat__segment:nth-of-type(12){transform:translate(-50%, -50%) rotate(-5.3333333333deg)}.app-preload .cat__segment:nth-of-type(12):before{transform:translateX(6em);animation-delay:.22s}.app-preload .cat__segment:nth-of-type(13){transform:translate(-50%, -50%) rotate(-4deg)}.app-preload .cat__segment:nth-of-type(13):before{transform:translateX(6em);animation-delay:.24s}.app-preload .cat__segment:nth-of-type(14){transform:translate(-50%, -50%) rotate(-2.6666666667deg)}.app-preload .cat__segment:nth-of-type(14):before{transform:translateX(6em);animation-delay:.26s}.app-preload .cat__segment:nth-of-type(15){transform:translate(-50%, -50%) rotate(-1.3333333333deg)}.app-preload .cat__segment:nth-of-type(15):before{transform:translateX(6em);animation-delay:.28s}.app-preload .cat__segment:nth-of-type(16){transform:translate(-50%, -50%) rotate(0deg)}.app-preload .cat__segment:nth-of-type(16):before{transform:translateX(6em);animation-delay:.3s}.app-preload .cat__segment:nth-of-type(17){transform:translate(-50%, -50%) rotate(1.3333333333deg)}.app-preload .cat__segment:nth-of-type(17):before{transform:translateX(6em);animation-delay:.32s}.app-preload .cat__segment:nth-of-type(18){transform:translate(-50%, -50%) rotate(2.6666666667deg)}.app-preload .cat__segment:nth-of-type(18):before{transform:translateX(6em);animation-delay:.34s}.app-preload .cat__segment:nth-of-type(19){transform:translate(-50%, -50%) rotate(4deg)}.app-preload .cat__segment:nth-of-type(19):before{transform:translateX(6em);animation-delay:.36s}.app-preload .cat__segment:nth-of-type(20){transform:translate(-50%, -50%) rotate(5.3333333333deg)}.app-preload .cat__segment:nth-of-type(20):before{transform:translateX(6em);animation-delay:.38s}.app-preload .cat__segment:nth-of-type(21){transform:translate(-50%, -50%) rotate(6.6666666667deg)}.app-preload .cat__segment:nth-of-type(21):before{transform:translateX(6em);animation-delay:.4s}.app-preload .cat__segment:nth-of-type(22){transform:translate(-50%, -50%) rotate(8deg)}.app-preload .cat__segment:nth-of-type(22):before{transform:translateX(6em);animation-delay:.42s}.app-preload .cat__segment:nth-of-type(23){transform:translate(-50%, -50%) rotate(9.3333333333deg)}.app-preload .cat__segment:nth-of-type(23):before{transform:translateX(6em);animation-delay:.44s}.app-preload .cat__segment:nth-of-type(24){transform:translate(-50%, -50%) rotate(10.6666666667deg)}.app-preload .cat__segment:nth-of-type(24):before{transform:translateX(6em);animation-delay:.46s}.app-preload .cat__segment:nth-of-type(25){transform:translate(-50%, -50%) rotate(12deg)}.app-preload .cat__segment:nth-of-type(25):before{transform:translateX(6em);animation-delay:.48s}.app-preload .cat__segment:nth-of-type(26){transform:translate(-50%, -50%) rotate(13.3333333333deg)}.app-preload .cat__segment:nth-of-type(26):before{transform:translateX(6em);animation-delay:.5s}.app-preload .cat__segment:nth-of-type(27){transform:translate(-50%, -50%) rotate(14.6666666667deg)}.app-preload .cat__segment:nth-of-type(27):before{transform:translateX(6em);animation-delay:.52s}.app-preload .cat__segment:nth-of-type(28){transform:translate(-50%, -50%) rotate(16deg)}.app-preload .cat__segment:nth-of-type(28):before{transform:translateX(6em);animation-delay:.54s}.app-preload .cat__segment:nth-of-type(29){transform:translate(-50%, -50%) rotate(17.3333333333deg)}.app-preload .cat__segment:nth-of-type(29):before{transform:translateX(6em);animation-delay:.56s}.app-preload .cat__segment:nth-of-type(30){transform:translate(-50%, -50%) rotate(18.6666666667deg)}.app-preload .cat__segment:nth-of-type(30):before{transform:translateX(6em);animation-delay:.58s}@keyframes loop{from{transform:rotate(0) translateX(6em)}to{transform:rotate(-1turn) translateX(6em)}}