html{box-sizing:border-box}body,html{height:100%}body{margin:0;overflow-x:hidden}*,:after,:before{box-sizing:inherit}@font-face{font-family:Spoqa Han Sans Neo;font-weight:500;src:local("Spoqa Han Sans Medium"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf) format("truetype")}@font-face{font-family:Spoqa Han Sans Neo;font-weight:400;src:local("Spoqa Han Sans Regular"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf) format("truetype")}html{font-size:16px}body{word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#424242;font-family:Spoqa Han Sans Neo,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Droid Sans,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.875rem;line-height:1.65;word-break:break-word}.animation-selector{align-items:flex-start;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:center;margin:-1rem;padding-bottom:4em}.animation-selector>*{margin:1rem}.animation-selector__option{align-items:center;display:flex;flex:1 1 40%;justify-content:center}.animation-selector__option--loona{flex-basis:100%}.animation-choice{align-items:center;border:2px solid #bdbdbd;border-radius:4px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:418px;overflow:hidden;position:relative;text-decoration:none;transition-duration:.28s;transition-property:box-shadow,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.animation-choice:focus,.animation-choice:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.animation-choice:active{border-color:#42a5f5;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.animation-choice__background{background-size:cover;border-bottom:1px solid #bdbdbd;height:0;overflow:hidden;padding-top:62.5%;width:100%}.animation-choice__background--loona{background-image:url(4a60d88f805fcd49298e.gif)}.animation-choice__background--yyxy{background-image:url(6dcb5503b137fe4ebb39.gif)}.animation-choice__background--oec{background-image:url(fce318ab7ca150ba75c1.gif)}.animation-choice__label{color:#212121;font-size:1.5rem;font-weight:600;padding-bottom:.5em;padding-top:.5em;text-align:center}.button{align-items:center;background-color:#42a5f5;border:1px solid #1e88e5;border-radius:1px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fafafa;cursor:pointer;display:inline-flex;font-family:Spoqa Han Sans Neo,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Droid Sans,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:center;line-height:1.25;overflow:hidden;padding:.125em .625em .0625em;text-align:center;text-decoration:none;text-overflow:ellipsis;text-shadow:1px 1px 0 #e1e1e1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover{background-color:#2196f3;text-decoration:none}.button:focus{outline:0}.button:active,.button:focus{background-color:#2979ff;border-color:#0d47a1}.button:disabled{cursor:default}.button--icon{font-size:1.5rem}.button--icon svg{display:block;height:1em;width:1em}.button--icon svg path,.button--icon svg polygon,.button--icon svg rect{fill:currentColor}.button--icon svg circle{stroke:currentColor;stroke-width:1}.field{flex:1;flex-wrap:wrap}.field,.field__label{align-items:center;display:flex}.field__label{flex:1 1 100%;font-weight:500;line-height:1.2}.field__input{background:#fafafa;border:2px solid #bdbdbd;display:block;font-family:Spoqa Han Sans Neo,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Droid Sans,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;min-height:44px;min-width:0;padding:.5em;width:100%}.field__input:focus{border-color:#42a5f5;outline:0}.checkbox{align-items:flex-start;display:flex}.checkbox__label{margin-left:.5em}.checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.125em solid #bdbdbd;border-radius:0;display:inline-block;font-size:1.5em;height:1em;margin:0;min-height:1em;min-width:1em;padding:0;position:relative;vertical-align:middle;width:1em}.checkbox__input:after{border-color:#fff;border-style:solid;border-width:0 .1em .1em 0;content:"";display:block;height:85%;transform:scale(0) rotate(45deg);transform-origin:100% 90%;width:40%}.checkbox__input:focus{outline:0}.checkbox__input:active,.checkbox__input:focus{border-color:#90caf9}.checkbox__input:checked{background:#42a5f5;border-color:#42a5f5}.checkbox__input:checked:after{transform:scale(1) rotate(45deg)}.checkbox__input:checked:active,.checkbox__input:checked:focus{border-color:#90caf9}.radio-button{align-items:flex-start;display:flex}.radio-button__label{margin-left:.5em}.radio-button__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;font-size:1.5em;height:1em;margin:0;min-height:1em;min-width:1em;padding:0;position:relative;vertical-align:middle;width:1em}.radio-button__input:after,.radio-button__input:before{border-radius:50%;content:"";display:block;height:100%;width:100%}.radio-button__input:before{border:.125em solid #bdbdbd}.radio-button__input:after{position:absolute;top:0;transform:scale(0)}.radio-button__input:focus{outline:0}.radio-button__input:active:before,.radio-button__input:focus:before{border-color:#90caf9}.radio-button__input:checked:before{border-color:#42a5f5}.radio-button__input:checked:after{background-color:#42a5f5;transform:scale(.5)}.radio-button__input:checked:active:before,.radio-button__input:checked:focus:before{border-color:#90caf9}.color-picker{align-items:flex-start;display:flex}.color-picker__label{margin-left:.5em}.container{flex-grow:1;overflow:hidden}.control-bar{background-color:#f5f5f5;box-shadow:inset 0 -1px 0 #bdbdbd;display:flex;flex:0 0;flex-wrap:wrap}.control-bar>*{margin:.5rem}.control-bar__duration{width:150px}.control-bar__width{width:120px}.control-bar__theme{width:250px}.control-bar__column{display:flex;flex-direction:column}.control-bar__divider{display:block;position:relative}.control-bar__divider:after{background-color:#bdbdbd;content:"";display:block;height:100%;width:1px}.control-bar__buttons{align-items:center;display:flex;margin-left:auto}.control-bar__buttons>*{margin-left:1em;margin-right:1em}.loona{height:100%;max-height:100%;max-width:100%;width:100%}.loona--animating,.loona__a--animating,.loona__circle--animating,.loona__crescent--animating,.loona__glyphs--animating,.loona__l--animating,.loona__n--animating,.loona__o1--animating,.loona__o2--animating,.loona__slash--animating{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.loona--animating{-webkit-animation-name:a;animation-name:a;-webkit-animation-timing-function:step-end;animation-timing-function:step-end;will-change:background-color}.loona__a,.loona__l,.loona__n,.loona__o1,.loona__o2,.loona__slash{opacity:0}.loona__o1--animating{-webkit-animation-name:b;animation-name:b;transform-origin:center}.loona__n--animating,.loona__o1--animating{transform-box:fill-box;will-change:opacity,stroke,transform,animation-timing-function}.loona__n--animating{-webkit-animation-name:c;animation-name:c;transform-origin:left bottom}.loona__o2--animating{-webkit-animation-name:d;animation-name:d}.loona__l--animating,.loona__o2--animating{transform-box:fill-box;transform-origin:center;will-change:opacity,stroke,transform,animation-timing-function}.loona__l--animating{-webkit-animation-name:e;animation-name:e}.loona__a--animating{-webkit-animation-name:f;animation-name:f}.loona__a--animating,.loona__slash--animating{transform-box:fill-box;transform-origin:center;will-change:opacity,stroke,transform,animation-timing-function}.loona__slash--animating{-webkit-animation-name:g;animation-name:g}.loona__circle--animating{-webkit-animation-name:h;animation-name:h;transform-box:fill-box;transform-origin:center;will-change:fill}.loona__circle--animating.loona__circle--ot12{-webkit-animation-name:i;animation-name:i;-webkit-animation-timing-function:step-end;animation-timing-function:step-end}.loona__circle--animating.loona__circle--ot12-reverse{-webkit-animation-name:j;animation-name:j;-webkit-animation-timing-function:step-end;animation-timing-function:step-end}.loona__crescent--animating{transform-box:fill-box;transform-origin:center;will-change:transform,animation-timing-function}.loona__crescent--ltr.loona__crescent--animating{-webkit-animation-name:l;animation-name:l}.loona__crescent--rtl.loona__crescent--animating{-webkit-animation-name:k;animation-name:k}.loona__glyphs--animating{-webkit-animation-name:m;animation-name:m;transform-box:view-box;transform-origin:center}@-webkit-keyframes a{0%{background-color:var(--color-bg-start)}56%{background-color:var(--color-bg-end)}to{background-color:var(--color-bg-end)}}@keyframes a{0%{background-color:var(--color-bg-start)}56%{background-color:var(--color-bg-end)}to{background-color:var(--color-bg-end)}}@-webkit-keyframes b{0%{fill:var(--color-loona-start);opacity:0}1%{opacity:0}2%{opacity:.6;transform:scale3d(.9,.9,1)}3%{opacity:1}5%{transform:none}42%{-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1);transform:none}55%{fill:var(--color-loona-start);-webkit-animation-timing-function:step-end;animation-timing-function:step-end}56%{fill:var(--color-loona-end)}60%{transform:translate3d(20%,157%,0)}99%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:1}to{fill:var(--color-loona-end);opacity:0;transform:translate3d(20%,157%,0)}}@keyframes b{0%{fill:var(--color-loona-start);opacity:0}1%{opacity:0}2%{opacity:.6;transform:scale3d(.9,.9,1)}3%{opacity:1}5%{transform:none}42%{-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1);transform:none}55%{fill:var(--color-loona-start);-webkit-animation-timing-function:step-end;animation-timing-function:step-end}56%{fill:var(--color-loona-end)}60%{transform:translate3d(20%,157%,0)}99%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:1}to{fill:var(--color-loona-end);opacity:0;transform:translate3d(20%,157%,0)}}@-webkit-keyframes c{0%{fill:var(--color-loona-start);opacity:0}5%{opacity:0}6%{opacity:.6;transform:rotate(70deg)}8%{opacity:1}10%{transform:none}42%{-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1);transform:none}55%{fill:var(--color-loona-start);-webkit-animation-timing-function:step-end;animation-timing-function:step-end}56%{fill:var(--color-loona-end)}60%{transform:rotate(90deg) translate3d(55%,22%,0)}99%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:1}to{fill:var(--color-loona-end);opacity:0;transform:rotate(90deg) translate3d(55%,22%,0)}}@keyframes c{0%{fill:var(--color-loona-start);opacity:0}5%{opacity:0}6%{opacity:.6;transform:rotate(70deg)}8%{opacity:1}10%{transform:none}42%{-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1);transform:none}55%{fill:var(--color-loona-start);-webkit-animation-timing-function:step-end;animation-timing-function:step-end}56%{fill:var(--color-loona-end)}60%{transform:rotate(90deg) translate3d(55%,22%,0)}99%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:1}to{fill:var(--color-loona-end);opacity:0;transform:rotate(90deg) translate3d(55%,22%,0)}}@-webkit-keyframes d{0%{fill:var(--color-loona-start);opacity:0}7%{opacity:0}8%{opacity:.6;transform:translate3d(-33%,0,0)}9%{opacity:1}12%{transform:none}42%{-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1);transform:none}55%{fill:var(--color-loona-start);-webkit-animation-timing-function:step-end;animation-timing-function:step-end}56%{fill:var(--color-loona-end)}60%{transform:translate3d(-93%,0,0)}99%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:1}to{fill:var(--color-loona-end);opacity:0;transform:translate3d(-93%,0,0)}}@keyframes d{0%{fill:var(--color-loona-start);opacity:0}7%{opacity:0}8%{opacity:.6;transform:translate3d(-33%,0,0)}9%{opacity:1}12%{transform:none}42%{-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1);transform:none}55%{fill:var(--color-loona-start);-webkit-animation-timing-function:step-end;animation-timing-function:step-end}56%{fill:var(--color-loona-end)}60%{transform:translate3d(-93%,0,0)}99%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:1}to{fill:var(--color-loona-end);opacity:0;transform:translate3d(-93%,0,0)}}@-webkit-keyframes e{0%{fill:var(--color-loona-start);opacity:0}13%{opacity:0}14%{opacity:.6;transform:rotate(-80deg)}16%{opacity:1}21%{transform:none}42%{-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1);transform:none}55%{fill:var(--color-loona-start);-webkit-animation-timing-function:step-end;animation-timing-function:step-end}56%{fill:var(--color-loona-end)}60%{transform:translate3d(-347%,-160%,0)}99%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:1}to{fill:var(--color-loona-end);opacity:0;transform:translate3d(-347%,-160%,0)}}@keyframes e{0%{fill:var(--color-loona-start);opacity:0}13%{opacity:0}14%{opacity:.6;transform:rotate(-80deg)}16%{opacity:1}21%{transform:none}42%{-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1);transform:none}55%{fill:var(--color-loona-start);-webkit-animation-timing-function:step-end;animation-timing-function:step-end}56%{fill:var(--color-loona-end)}60%{transform:translate3d(-347%,-160%,0)}99%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:1}to{fill:var(--color-loona-end);opacity:0;transform:translate3d(-347%,-160%,0)}}@-webkit-keyframes f{0%{fill:var(--color-loona-start);opacity:0}15%{opacity:0}16%{opacity:.6;transform:translate3d(0,20%,0)}18%{opacity:1}20%{transform:none}42%{-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1);transform:none}55%{fill:var(--color-loona-start);-webkit-animation-timing-function:step-end;animation-timing-function:step-end}56%{fill:var(--color-loona-end)}60%{transform:translate3d(246%,-160%,0)}99%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:1}to{fill:var(--color-loona-end);opacity:0;transform:translate3d(246%,-160%,0)}}@keyframes f{0%{fill:var(--color-loona-start);opacity:0}15%{opacity:0}16%{opacity:.6;transform:translate3d(0,20%,0)}18%{opacity:1}20%{transform:none}42%{-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1);transform:none}55%{fill:var(--color-loona-start);-webkit-animation-timing-function:step-end;animation-timing-function:step-end}56%{fill:var(--color-loona-end)}60%{transform:translate3d(246%,-160%,0)}99%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:1}to{fill:var(--color-loona-end);opacity:0;transform:translate3d(246%,-160%,0)}}@-webkit-keyframes g{0%{fill:var(--color-slash-start);opacity:0}18%{opacity:0}19%{opacity:.6;transform:rotate(70deg) scale3d(.6,.6,1)}21%{opacity:1}23%{transform:none}42%{-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1);transform:none}55%{fill:var(--color-slash-start);-webkit-animation-timing-function:step-end;animation-timing-function:step-end}56%{fill:var(--color-slash-end)}60%{transform:translate3d(200%,0,0)}99%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:1}to{fill:var(--color-slash-end);opacity:0;transform:translate3d(200%,0,0)}}@keyframes g{0%{fill:var(--color-slash-start);opacity:0}18%{opacity:0}19%{opacity:.6;transform:rotate(70deg) scale3d(.6,.6,1)}21%{opacity:1}23%{transform:none}42%{-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1);transform:none}55%{fill:var(--color-slash-start);-webkit-animation-timing-function:step-end;animation-timing-function:step-end}56%{fill:var(--color-slash-end)}60%{transform:translate3d(200%,0,0)}99%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:1}to{fill:var(--color-slash-end);opacity:0;transform:translate3d(200%,0,0)}}@-webkit-keyframes h{0%{fill:none}55%{fill:none}56%{fill:var(--color-eclipse-start)}to{fill:var(--color-eclipse-end)}}@keyframes h{0%{fill:none}55%{fill:none}56%{fill:var(--color-eclipse-start)}to{fill:var(--color-eclipse-end)}}@-webkit-keyframes i{0%{fill:none}55%{fill:none}56%{fill:#f4028e}57%{fill:#f4028e}58%{fill:#ffcb07}59%{fill:#ffcb07}60%{fill:#01954a}61%{fill:#01954a}62%{fill:#f47021}63%{fill:#f47021}64%{fill:#f4a1b5}65%{fill:#f4a1b5}66%{fill:#eb1326}67%{fill:#eb1326}68%{fill:#1313d6}69%{fill:#1313d6}70%{fill:#7632a0}71%{fill:#7632a0}72%{fill:#7a0332}73%{fill:#7a0332}74%{fill:#f7917e}75%{fill:#f7917e}76%{fill:#39bb9d}77%{fill:#39bb9d}78%{fill:#787a7d}79%{fill:#787a7d}to{fill:#787a7d}}@keyframes i{0%{fill:none}55%{fill:none}56%{fill:#f4028e}57%{fill:#f4028e}58%{fill:#ffcb07}59%{fill:#ffcb07}60%{fill:#01954a}61%{fill:#01954a}62%{fill:#f47021}63%{fill:#f47021}64%{fill:#f4a1b5}65%{fill:#f4a1b5}66%{fill:#eb1326}67%{fill:#eb1326}68%{fill:#1313d6}69%{fill:#1313d6}70%{fill:#7632a0}71%{fill:#7632a0}72%{fill:#7a0332}73%{fill:#7a0332}74%{fill:#f7917e}75%{fill:#f7917e}76%{fill:#39bb9d}77%{fill:#39bb9d}78%{fill:#787a7d}79%{fill:#787a7d}to{fill:#787a7d}}@-webkit-keyframes j{0%{fill:none}55%{fill:none}56%{fill:#787a7d}57%{fill:#787a7d}58%{fill:#39bb9d}59%{fill:#39bb9d}60%{fill:#f7917e}61%{fill:#f7917e}62%{fill:#7a0332}63%{fill:#7a0332}64%{fill:#7632a0}65%{fill:#7632a0}66%{fill:#1313d6}67%{fill:#1313d6}68%{fill:#eb1326}69%{fill:#eb1326}70%{fill:#f4a1b5}71%{fill:#f4a1b5}72%{fill:#f47021}73%{fill:#f47021}74%{fill:#01954a}75%{fill:#01954a}76%{fill:#ffcb07}77%{fill:#ffcb07}78%{fill:#f4028e}79%{fill:#f4028e}to{fill:#f4028e}}@keyframes j{0%{fill:none}55%{fill:none}56%{fill:#787a7d}57%{fill:#787a7d}58%{fill:#39bb9d}59%{fill:#39bb9d}60%{fill:#f7917e}61%{fill:#f7917e}62%{fill:#7a0332}63%{fill:#7a0332}64%{fill:#7632a0}65%{fill:#7632a0}66%{fill:#1313d6}67%{fill:#1313d6}68%{fill:#eb1326}69%{fill:#eb1326}70%{fill:#f4a1b5}71%{fill:#f4a1b5}72%{fill:#f47021}73%{fill:#f47021}74%{fill:#01954a}75%{fill:#01954a}76%{fill:#ffcb07}77%{fill:#ffcb07}78%{fill:#f4028e}79%{fill:#f4028e}to{fill:#f4028e}}@-webkit-keyframes k{0%{transform:translate3d(154px,0,0)}57%{-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1);animation-timing-function:cubic-bezier(0,.5,.5,1);transform:translate3d(154px,0,0)}84%{transform:translateZ(0)}to{transform:translateZ(0)}}@keyframes k{0%{transform:translate3d(154px,0,0)}57%{-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1);animation-timing-function:cubic-bezier(0,.5,.5,1);transform:translate3d(154px,0,0)}84%{transform:translateZ(0)}to{transform:translateZ(0)}}@-webkit-keyframes l{0%{transform:translate3d(-154px,0,0)}57%{-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1);animation-timing-function:cubic-bezier(0,.5,.5,1);transform:translate3d(-154px,0,0)}84%{transform:translateZ(0)}to{transform:translateZ(0)}}@keyframes l{0%{transform:translate3d(-154px,0,0)}57%{-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1);animation-timing-function:cubic-bezier(0,.5,.5,1);transform:translate3d(-154px,0,0)}84%{transform:translateZ(0)}to{transform:translateZ(0)}}@-webkit-keyframes m{0%{transform:none}66%{transform:none}96%{transform:scale3d(.98,.98,1)}to{transform:scale3d(.98,.98,1)}}@keyframes m{0%{transform:none}66%{transform:none}96%{transform:scale3d(.98,.98,1)}to{transform:scale3d(.98,.98,1)}}.yyxy{height:100%;max-height:100%;max-width:100%;width:100%}.yyxy__atom,.yyxy__bond,.yyxy__branch,.yyxy__glyph{opacity:0}.yyxy{background-color:var(--color-background)}.yyxy__branch{stroke:var(--color-branches);stroke-width:var(--width-branch)}.yyxy__bond{stroke:var(--color-bonds);stroke-width:var(--width-bond)}.yyxy__atom{fill:var(--color-atoms)}.yyxy__skeleton--animating{-webkit-animation-name:n;animation-name:n;transform-origin:50% 35%}.yyxy__branch--animating,.yyxy__skeleton--animating{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.yyxy__branch--animating.yyxy__branch--nw{-webkit-animation-name:o;animation-name:o}.yyxy__branch--animating.yyxy__branch--ne{-webkit-animation-name:p;animation-name:p}.yyxy__branch--animating.yyxy__branch--s{-webkit-animation-name:q;animation-name:q}.yyxy__bond--animating{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.yyxy__bond--animating.yyxy__bond--sw.yyxy__bond--start{-webkit-animation-name:r;animation-name:r}.yyxy__bond--animating.yyxy__bond--sw.yyxy__bond--end{-webkit-animation-name:s;animation-name:s}.yyxy__bond--animating.yyxy__bond--se.yyxy__bond--start{-webkit-animation-name:t;animation-name:t}.yyxy__bond--animating.yyxy__bond--se.yyxy__bond--end{-webkit-animation-name:u;animation-name:u}.yyxy__bond--animating.yyxy__bond--n.yyxy__bond--start{-webkit-animation-name:v;animation-name:v}.yyxy__bond--animating.yyxy__bond--n.yyxy__bond--end{-webkit-animation-name:w;animation-name:w}.yyxy__atom--animating{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;transform-box:fill-box;transform-origin:center}.yyxy__atom--animating.yyxy__atom--y.yyxy__atom--nw{-webkit-animation-name:x;animation-name:x}.yyxy__atom--animating.yyxy__atom--y.yyxy__atom--ne{-webkit-animation-name:y;animation-name:y}.yyxy__atom--animating.yyxy__atom--x{-webkit-animation-name:z;animation-name:z}.yyxy__atom--animating.yyxy__atom--y.yyxy__atom--s{-webkit-animation-name:A;animation-name:A}.yyxy__name .yyxy__glyph{fill:var(--color-name)}.yyxy__name .yyxy__glyph--animating{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(1,0,.4,1);animation-timing-function:cubic-bezier(1,0,.4,1)}.yyxy__name .yyxy__glyph--animating.yyxy__glyph--lt{-webkit-animation-name:B;animation-name:B}.yyxy__name .yyxy__glyph--animating.yyxy__glyph--gt{-webkit-animation-name:C;animation-name:C}.yyxy__name .yyxy__glyph--animating:nth-of-type(2){-webkit-animation-name:N;animation-name:N}.yyxy__name .yyxy__glyph--animating:nth-of-type(3){-webkit-animation-name:L;animation-name:L}.yyxy__name .yyxy__glyph--animating:nth-of-type(4){-webkit-animation-name:K;animation-name:K}.yyxy__name .yyxy__glyph--animating:nth-of-type(5){-webkit-animation-name:I;animation-name:I}.yyxy__name .yyxy__glyph--animating:nth-of-type(6){-webkit-animation-name:H;animation-name:H}.yyxy__name .yyxy__glyph--animating:nth-of-type(7){-webkit-animation-name:N;animation-name:N}.yyxy__name .yyxy__glyph--animating:nth-of-type(8){-webkit-animation-name:F;animation-name:F}.yyxy__name .yyxy__glyph--animating:nth-of-type(9){-webkit-animation-name:G;animation-name:G}.yyxy__name .yyxy__glyph--animating:nth-of-type(10){-webkit-animation-name:D;animation-name:D}.yyxy__name .yyxy__glyph--animating:nth-of-type(11){-webkit-animation-name:E;animation-name:E}.yyxy__name .yyxy__glyph--animating:nth-of-type(12){-webkit-animation-name:G;animation-name:G}.yyxy__name .yyxy__glyph--animating:nth-of-type(13){-webkit-animation-name:H;animation-name:H}.yyxy__name .yyxy__glyph--animating:nth-of-type(14){-webkit-animation-name:N;animation-name:N}.yyxy__name .yyxy__glyph--animating:nth-of-type(15){-webkit-animation-name:J;animation-name:J}.yyxy__name .yyxy__glyph--animating:nth-of-type(16){-webkit-animation-name:K;animation-name:K}.yyxy__name .yyxy__glyph--animating:nth-of-type(17){-webkit-animation-name:M;animation-name:M}.yyxy__name .yyxy__glyph--animating:nth-of-type(18){-webkit-animation-name:O;animation-name:O}.yyxy__logo .yyxy__glyph--animating{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1);animation-timing-function:cubic-bezier(0,.5,.5,1)}.yyxy__logo .yyxy__glyph--animating:first-of-type{-webkit-animation-name:P;animation-name:P}.yyxy__logo .yyxy__glyph--animating:nth-of-type(2){-webkit-animation-name:Q;animation-name:Q}.yyxy__logo .yyxy__glyph--animating:nth-of-type(3){-webkit-animation-name:R;animation-name:R}.yyxy__logo .yyxy__glyph--animating:nth-of-type(4){-webkit-animation-name:S;animation-name:S}@-webkit-keyframes n{0%{transform:rotate(-90deg)}24%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes n{0%{transform:rotate(-90deg)}24%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@-webkit-keyframes o{0%{stroke-dasharray:200;stroke-dashoffset:68;opacity:1;transform:translate3d(15.5%,9.5%,0)}10%{transform:none}24%{stroke-dashoffset:0}to{opacity:1}}@keyframes o{0%{stroke-dasharray:200;stroke-dashoffset:68;opacity:1;transform:translate3d(15.5%,9.5%,0)}10%{transform:none}24%{stroke-dashoffset:0}to{opacity:1}}@-webkit-keyframes p{0%{stroke-dasharray:200;stroke-dashoffset:68;opacity:1;transform:translate3d(-15.5%,9.5%,0)}10%{transform:none}24%{stroke-dashoffset:0;transform:none}to{opacity:1}}@keyframes p{0%{stroke-dasharray:200;stroke-dashoffset:68;opacity:1;transform:translate3d(-15.5%,9.5%,0)}10%{transform:none}24%{stroke-dashoffset:0;transform:none}to{opacity:1}}@-webkit-keyframes q{0%{stroke-dasharray:200;stroke-dashoffset:68;opacity:1;transform:translate3d(0,-16.5%,0)}10%{transform:none}24%{stroke-dashoffset:0;transform:none}to{opacity:1}}@keyframes q{0%{stroke-dasharray:200;stroke-dashoffset:68;opacity:1;transform:translate3d(0,-16.5%,0)}10%{transform:none}24%{stroke-dashoffset:0;transform:none}to{opacity:1}}@-webkit-keyframes r{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:1}1%{stroke-dasharray:200;stroke-dashoffset:200}3%{stroke-dashoffset:0}to{opacity:1}}@keyframes r{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:1}1%{stroke-dasharray:200;stroke-dashoffset:200}3%{stroke-dashoffset:0}to{opacity:1}}@-webkit-keyframes s{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:1}3%{stroke-dasharray:200;stroke-dashoffset:200}5%{stroke-dashoffset:0}to{opacity:1}}@keyframes s{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:1}3%{stroke-dasharray:200;stroke-dashoffset:200}5%{stroke-dashoffset:0}to{opacity:1}}@-webkit-keyframes t{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:1}5%{stroke-dasharray:200;stroke-dashoffset:200}7%{stroke-dashoffset:0}to{opacity:1}}@keyframes t{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:1}5%{stroke-dasharray:200;stroke-dashoffset:200}7%{stroke-dashoffset:0}to{opacity:1}}@-webkit-keyframes u{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:1}7%{stroke-dasharray:200;stroke-dashoffset:200}9%{stroke-dashoffset:0}to{opacity:1}}@keyframes u{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:1}7%{stroke-dasharray:200;stroke-dashoffset:200}9%{stroke-dashoffset:0}to{opacity:1}}@-webkit-keyframes v{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:1}9%{stroke-dasharray:200;stroke-dashoffset:200}11%{stroke-dashoffset:0}to{opacity:1}}@keyframes v{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:1}9%{stroke-dasharray:200;stroke-dashoffset:200}11%{stroke-dashoffset:0}to{opacity:1}}@-webkit-keyframes w{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:1}11%{stroke-dasharray:200;stroke-dashoffset:200}13%{stroke-dashoffset:0}to{opacity:1}}@keyframes w{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:1}11%{stroke-dasharray:200;stroke-dashoffset:200}13%{stroke-dashoffset:0}to{opacity:1}}@-webkit-keyframes x{0%{opacity:0;transform:rotate(90deg)}9%{opacity:0}16%{opacity:1}24%{transform:rotate(0deg)}to{opacity:1}}@keyframes x{0%{opacity:0;transform:rotate(90deg)}9%{opacity:0}16%{opacity:1}24%{transform:rotate(0deg)}to{opacity:1}}@-webkit-keyframes y{0%{opacity:0;transform:rotate(90deg)}11%{opacity:0}18%{opacity:1}24%{transform:rotate(0deg)}to{opacity:1}}@keyframes y{0%{opacity:0;transform:rotate(90deg)}11%{opacity:0}18%{opacity:1}24%{transform:rotate(0deg)}to{opacity:1}}@-webkit-keyframes z{0%{opacity:0;transform:rotate(90deg)}16%{opacity:0}19%{opacity:1}24%{transform:rotate(0deg)}to{opacity:1}}@keyframes z{0%{opacity:0;transform:rotate(90deg)}16%{opacity:0}19%{opacity:1}24%{transform:rotate(0deg)}to{opacity:1}}@-webkit-keyframes A{0%{opacity:0;transform:rotate(90deg)}19%{opacity:0}22%{opacity:1}24%{transform:rotate(0deg)}to{opacity:1}}@keyframes A{0%{opacity:0;transform:rotate(90deg)}19%{opacity:0}22%{opacity:1}24%{transform:rotate(0deg)}to{opacity:1}}@-webkit-keyframes B{0%{opacity:0}23%{opacity:0;transform:translate3d(30%,0,0)}24%{opacity:1}38%{transform:none}48%{opacity:1}51%{opacity:0}to{opacity:0}}@keyframes B{0%{opacity:0}23%{opacity:0;transform:translate3d(30%,0,0)}24%{opacity:1}38%{transform:none}48%{opacity:1}51%{opacity:0}to{opacity:0}}@-webkit-keyframes C{0%{opacity:0}23%{opacity:0;transform:translate3d(-30%,0,0)}24%{opacity:1}38%{transform:none}48%{opacity:1}51%{opacity:0}to{opacity:0}}@keyframes C{0%{opacity:0}23%{opacity:0;transform:translate3d(-30%,0,0)}24%{opacity:1}38%{transform:none}48%{opacity:1}51%{opacity:0}to{opacity:0}}@-webkit-keyframes D{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}31%{opacity:1}51%{opacity:1}54%{opacity:0}to{opacity:0}}@keyframes D{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}31%{opacity:1}51%{opacity:1}54%{opacity:0}to{opacity:0}}@-webkit-keyframes E{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}31%{opacity:1}52%{opacity:1}55%{opacity:0}to{opacity:0}}@keyframes E{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}31%{opacity:1}52%{opacity:1}55%{opacity:0}to{opacity:0}}@-webkit-keyframes F{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}32.75%{opacity:1}48%{opacity:1}51%{opacity:0}to{opacity:0}}@keyframes F{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}32.75%{opacity:1}48%{opacity:1}51%{opacity:0}to{opacity:0}}@-webkit-keyframes G{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}32.75%{opacity:1}49%{opacity:1}52%{opacity:0}to{opacity:0}}@keyframes G{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}32.75%{opacity:1}49%{opacity:1}52%{opacity:0}to{opacity:0}}@-webkit-keyframes H{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}32.9%{opacity:1}51%{opacity:1}54%{opacity:0}to{opacity:0}}@keyframes H{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}32.9%{opacity:1}51%{opacity:1}54%{opacity:0}to{opacity:0}}@-webkit-keyframes I{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}33.2%{opacity:1}50%{opacity:1}53%{opacity:0}to{opacity:0}}@keyframes I{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}33.2%{opacity:1}50%{opacity:1}53%{opacity:0}to{opacity:0}}@-webkit-keyframes J{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}33.2%{opacity:1}48%{opacity:1}51%{opacity:0}to{opacity:0}}@keyframes J{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}33.2%{opacity:1}48%{opacity:1}51%{opacity:0}to{opacity:0}}@-webkit-keyframes K{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}33.5%{opacity:1}49%{opacity:1}52%{opacity:0}to{opacity:0}}@keyframes K{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}33.5%{opacity:1}49%{opacity:1}52%{opacity:0}to{opacity:0}}@-webkit-keyframes L{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}34.5%{opacity:1}48%{opacity:1}51%{opacity:0}to{opacity:0}}@keyframes L{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}34.5%{opacity:1}48%{opacity:1}51%{opacity:0}to{opacity:0}}@-webkit-keyframes M{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}34.5%{opacity:1}50%{opacity:1}53%{opacity:0}to{opacity:0}}@keyframes M{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}34.5%{opacity:1}50%{opacity:1}53%{opacity:0}to{opacity:0}}@-webkit-keyframes N{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}to{opacity:0}}@keyframes N{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}to{opacity:0}}@-webkit-keyframes O{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}36%{opacity:1}52%{opacity:1}55%{opacity:0}to{opacity:0}}@keyframes O{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}36%{opacity:1}52%{opacity:1}55%{opacity:0}to{opacity:0}}@-webkit-keyframes P{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}36%{fill:var(--color-name);opacity:1;transform:translate3d(-1.4%,33%,0) scale3d(.5810810811,.5810810811,0)}60%{fill:var(--color-name);opacity:1;transform:translate3d(-1.4%,33%,0) scale3d(.5810810811,.5810810811,0)}70%{fill:var(--color-logo);opacity:1;transform:none}to{fill:var(--color-logo);opacity:1;transform:none}}@keyframes P{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}36%{fill:var(--color-name);opacity:1;transform:translate3d(-1.4%,33%,0) scale3d(.5810810811,.5810810811,0)}60%{fill:var(--color-name);opacity:1;transform:translate3d(-1.4%,33%,0) scale3d(.5810810811,.5810810811,0)}70%{fill:var(--color-logo);opacity:1;transform:none}to{fill:var(--color-logo);opacity:1;transform:none}}@-webkit-keyframes Q{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}32.9%{fill:var(--color-name);opacity:1;transform:translate3d(12.2%,33%,0) scale3d(.5810810811,.5810810811,0)}60%{fill:var(--color-name);opacity:1;transform:translate3d(12.2%,33%,0) scale3d(.5810810811,.5810810811,0)}70%{fill:var(--color-logo);opacity:1;transform:none}to{fill:var(--color-logo);opacity:1;transform:none}}@keyframes Q{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}32.9%{fill:var(--color-name);opacity:1;transform:translate3d(12.2%,33%,0) scale3d(.5810810811,.5810810811,0)}60%{fill:var(--color-name);opacity:1;transform:translate3d(12.2%,33%,0) scale3d(.5810810811,.5810810811,0)}70%{fill:var(--color-logo);opacity:1;transform:none}to{fill:var(--color-logo);opacity:1;transform:none}}@-webkit-keyframes R{0%{opacity:0}53%{opacity:0}56%{fill:var(--color-name);opacity:1;transform:translate3d(29.1%,33%,0) scale3d(.5810810811,.5810810811,0)}60%{fill:var(--color-name);opacity:1;transform:translate3d(29.1%,33%,0) scale3d(.5810810811,.5810810811,0)}70%{fill:var(--color-logo);opacity:1;transform:none}to{fill:var(--color-logo);opacity:1;transform:none}}@keyframes R{0%{opacity:0}53%{opacity:0}56%{fill:var(--color-name);opacity:1;transform:translate3d(29.1%,33%,0) scale3d(.5810810811,.5810810811,0)}60%{fill:var(--color-name);opacity:1;transform:translate3d(29.1%,33%,0) scale3d(.5810810811,.5810810811,0)}70%{fill:var(--color-logo);opacity:1;transform:none}to{fill:var(--color-logo);opacity:1;transform:none}}@-webkit-keyframes S{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}32.9%{fill:var(--color-name);opacity:1;transform:translate3d(30.6%,33%,0) scale3d(.5810810811,.5810810811,0)}60%{fill:var(--color-name);opacity:1;transform:translate3d(30.6%,33%,0) scale3d(.5810810811,.5810810811,0)}70%{fill:var(--color-logo);opacity:1;transform:none}to{fill:var(--color-logo);opacity:1;transform:none}}@keyframes S{0%{-webkit-animation-timing-function:step-end;animation-timing-function:step-end;opacity:0}32.9%{fill:var(--color-name);opacity:1;transform:translate3d(30.6%,33%,0) scale3d(.5810810811,.5810810811,0)}60%{fill:var(--color-name);opacity:1;transform:translate3d(30.6%,33%,0) scale3d(.5810810811,.5810810811,0)}70%{fill:var(--color-logo);opacity:1;transform:none}to{fill:var(--color-logo);opacity:1;transform:none}}.index-page{margin:0 auto;max-width:900px;padding:0 1rem}.index-page__title{color:#424242;font-size:2rem;font-weight:600;margin:0;padding:1em 0;text-align:center}.loona-page{display:flex;flex-direction:column;height:100%}