.al-logo{text-decoration:none!important;display:flex;padding:10px;box-sizing:border-box;cursor:pointer;transition:opacity .3s}.al-logo.anim>.l{height:0;vertical-align:top;animation:forwards LogoAnimL2 var(--time);transform:skewX(var(--skew))}.al-logo.anim>.l:first-child{animation:forwards LogoAnimL1 var(--time);animation-delay:var(--logo-anim-delay);transform:skewX(var(--skewR));background-color:var(--color-logo-A1)}.al-logo.anim>.l:nth-child(2){margin-left:2px;animation-delay:calc(var(--logo-anim-delay) + .3s)}.al-logo.anim>.l:nth-child(3){margin-left:4px;animation-delay:calc(var(--logo-anim-delay) + .5s)}.al-logo.anim>.c{transform:scale(0);animation:forwards LogoAnimI1 var(--time);animation-delay:calc(var(--logo-anim-delay) + .7s);border-radius:50%;height:var(--logo-width);vertical-align:top;margin-left:1px}.al-logo>.c,.al-logo>.l{display:inline-table;width:4px;background-color:var(--color-logo);width:var(--logo-width)}.al-logo:hover{opacity:.6}.al-logo:active{opacity:.4}@keyframes LogoAnimL1{0%{height:0;transform:skewX(var(--skewR)) translateX(-2px);margin-top:var(--logo-height)}100%{height:var(--logo-height);transform:skewX(var(--skewR));margin-top:0}}@keyframes LogoAnimL2{0%{height:0;transform:skewX(var(--skew)) translateX(-3px)}100%{height:var(--logo-height);transform:skewX(var(--skew))}}@keyframes LogoAnimI1{0%{transform:scale(0)}100%{transform:scale(.9999999)}}@keyframes DevAnim{0%{opacity:0;transform:translateX(-8px)}100%{opacity:1;transform:translateX(0)}}@keyframes Blink{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}@keyframes GalleryNext{0%{opacity:.5;transform:translateX(26px)}100%{opacity:1;transform:none}}@keyframes GalleryPrevious{0%{opacity:.5;transform:translateX(-26px)}100%{opacity:1;transform:none}}@keyframes GalleryNextOld{0%{opacity:0;transform:translateX(26px)}100%{opacity:1;transform:none}}@keyframes GalleryPreviousOld{0%{opacity:0;transform:translateX(-26px)}100%{opacity:1;transform:none}}@keyframes FadeInUp{0%{opacity:0;transform:translateY(26px)}100%{opacity:1;transform:none}}@keyframes FadeInLeftSubtle{0%{opacity:0;transform:translateX(12px)}100%{opacity:1;transform:none}}@keyframes FadeIn{0%{opacity:0}100%{opacity:1}}@keyframes FadeOut{0%{opacity:1}100%{opacity:0}}.badge{background-color:var(--color-accent);color:var(--color-font-accent);border-radius:2px;font-size:var(--size-font-caption);margin:5px 2px;padding:4px 8px;font-weight:700;opacity:0;transition:opacity var(--time),transform var(--time);transition-timing-function:cubic-bezier(0.16,1,0.29,0.99);transform:translateX(-8px);display:flex;align-items:center;justify-content:center}#app.offline .offline-badge{opacity:1;transform:none}#app.dev .dev-badge{display:block}.dev-badge{display:none;animation-name:DevAnim;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.16,1,0.29,0.99);animation-duration:var(--time);animation-delay:1.5s}#resource.error>#image-viewer{display:none}#image-viewer{display:flex;flex-direction:column;max-width:100%;height:calc(100vh - 130px)}#image-viewer-list{position:relative;overflow:hidden;height:100%;max-width:100%;width:100%;margin:12px 0;box-sizing:border-box}#resource.loading #image-viewer-next,#resource.loading #image-viewer-prev{display:none}#image-viewer-list>.img{max-width:100%;max-height:100%;opacity:0;position:absolute;border-radius:var(--border-radius);display:flex;margin:12px var(--size-margin-base) 12px;box-sizing:border-box}#image-viewer-list>.img.no-animation{animation-duration:0s!important}#resource #image-viewer-list>.img.active-view.loading{animation-name:Blink;animation-iteration-count:infinite;animation-duration:1.2s;background-color:var(--color-theme-hover)}#image-viewer-list>.img>img{width:auto;max-height:100%;max-width:100%;object-fit:contain;box-shadow:0 12px 30px 0 rgba(0,0,0,.13);margin:auto auto}#image-viewer-list>.img.active-view,#image-viewer-list>.img.old{width:calc(100% - (2 * var(--size-margin-base)));height:calc(100% - 24px);z-index:5}#image-viewer-list>.img.old{z-index:0}#image-viewer-list>.img.active-view.next{animation-name:GalleryNext;animation-timing-function:cubic-bezier(0.16,1,0.29,0.99);animation-duration:var(--time);animation-delay:.2s;animation-fill-mode:forwards}#image-viewer-list>.img.active-view.previous{animation-name:GalleryPrevious;animation-timing-function:cubic-bezier(0.16,1,0.29,0.99);animation-duration:var(--time);animation-delay:.2s;animation-fill-mode:forwards}#image-viewer-list>.img.old.previous{animation-name:GalleryNextOld;animation-timing-function:cubic-bezier(0.16,1,0.29,0.99);animation-duration:.2s;animation-direction:reverse}#image-viewer-list>.img.old.next{animation-name:GalleryPreviousOld;animation-timing-function:cubic-bezier(0.16,1,0.29,0.99);animation-duration:.2s;animation-direction:reverse}#image-viewer-controls{width:100%;display:table;padding:10px var(--size-margin-base) 0;box-sizing:border-box;margin-bottom:4px}#image-viewer-controls>a{display:inline-block;height:30px;padding:8px 9px;width:30px}#image-viewer-next,#image-viewer-prev{margin-right:4px;display:inline-table;padding:9px 10px}#image-viewer-close{float:right;padding:9px 10px}.error .list-view,.list-view.error{grid-template-columns:1fr}.error .error-msg{display:block}.error-msg .button{margin-left:auto;margin-right:auto;margin-top:20px}.error-msg{text-align:center;user-select:none;display:none;background-color:var(--color-theme-A1);border:1px solid var(--color-theme-A2);box-shadow:0 2px 8px rgba(0,0,0,.08);box-sizing:border-box;padding:20px;margin:10px var(--size-margin-base);transition:var(--transition-border)}.error-msg>i{width:100%;margin:50px 0 50px}#group.error>#group-data,#group.error>#group-list,#item.error>#item-content,#item.error>#item-data,#item.error>#main-list{display:none}.error{animation:none}.list-view.error>.data-node{display:none}.multi-layer-img{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;width:100%;height:100%;border-radius:var(--border-radius)}.multi-layer-img.loading{animation-name:Blink;animation-iteration-count:infinite;animation-duration:1.2s;transform:none;background-color:var(--color-theme-hover);box-shadow:none;pointer-events:none}.multi-layer-img.loaded{animation:none}.multi-layer-img>*{position:absolute;width:100%;height:100%;object-fit:cover;display:table;opacity:0;transition:opacity var(--time)}.multi-layer-img>.bg{width:auto;height:auto}.multi-layer-img.loaded>*{opacity:1}.button.discord,.button.github,.button.instagram,.button.twitter{background-color:transparent;display:inline-block;overflow:hidden;text-align:center;padding:8px;width:37px;height:37px;margin-right:4px}.button.twitter:hover{background-color:#1da1f2;box-shadow:0 2px 12px -1px rgba(29,161,242,.7);color:#fff}.button.discord:hover{background-color:#5865f2;box-shadow:0 2px 12px -1px rgba(88,101,242,.7);color:#fff}.button.instagram:hover{box-shadow:0 2px 12px -1px rgba(237,73,86,.7);background-color:#ed4956;color:#fff}.button.twitter:active{background-color:rgba(29,161,242,.8);box-shadow:0 2px 12px -1px rgba(29,161,242,.2)}.button.instagram:active{box-shadow:0 2px 12px -1px rgba(237,73,86,.2);background-color:rgba(237,73,86,.8)}.button.github:hover{box-shadow:0 2px 12px -1px rgba(45,51,59,.7);background-color:#2d333b;color:#fff}.button.github:active{box-shadow:0 2px 12px -1px rgba(45,51,59,.2);background-color:rgba(45,51,59,.8)}.list-view>.item{max-width:100%;min-width:10px;text-decoration:none;display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:100%;border-radius:var(--border-radius);user-select:none;transition:box-shadow var(--time-A1) cubic-bezier(.16, 1, .29, .99),transform var(--time-A1) cubic-bezier(.16, 1, .29, .99),opacity var(--time),background-color var(--time);color:var(--color-font);cursor:pointer;position:relative;border:0}.list-view>.item:hover{box-shadow:0 12px 30px 0 rgba(0,0,0,.13);transform:translateY(-4px);background-color:var(--color-theme-A1)}.list-view>.item:active{box-shadow:0 6px 10px 0 rgba(0,0,0,.13);transform:translateY(-2px);background-color:var(--color-theme-A1)}.list-view>.item>.img{width:100%;background-color:var(--color-theme-hover);transition:var(--transition-bg-only);position:relative}.list-view>.item>.img:after{content:"";display:block;padding-bottom:100%}.list-view>.item>.img>img{width:100%;height:100%;transition:opacity var(--time);position:absolute;will-change:opacity;object-fit:cover;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.list-view>.item>span{margin:12px 20px 0;text-align:justify;letter-spacing:.1px}.list-view>.item>b{font-weight:700;margin:20px 20px 0}.list-view>.item>b>.badge{margin-left:auto;margin-top:0;float:right;height:24px;box-sizing:border-box;animation:none;line-height:16px;margin-right:0;opacity:1}.list-view>.item>.labels{padding:20px;display:flex;height:72px;box-sizing:border-box}.list-view>.item>.labels>.button{transition:var(--transition-bg-only);width:118px;z-index:3}.list-view>.item>.labels>.button>i{float:right}.list-view>.item>.labels>.label>i{transform:translateY(1px);min-width:13px;min-height:13px;display:inline-table}.list-view>.item>.labels>.label{color:var(--color-font);margin-left:20px;text-align:right;overflow:hidden;max-height:32px;box-sizing:border-box;line-height:32px;flex:1}.list-view>.group{grid-column-start:1;grid-column-end:4;box-sizing:border-box;padding:12px 16px;font-weight:700;user-select:none;width:100%;display:flex;overflow:hidden}.list-view>.group>span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:calc(100% - 82px);flex:1;margin-right:24px}.list-view>.group>.button{float:right;font-weight:400;padding:9px 9px;height:34px}.list-view>.item.loaded>.img>img{opacity:1}.list-view>.item>.reveal-layer{width:100%;height:100%;box-sizing:border-box;position:absolute;z-index:2;top:0;left:0}#about-img.multi-layer-img.loaded>*{animation-name:FadeInUp;animation-duration:.9s;animation-timing-function:cubic-bezier(0.16,1,0.29,0.99);animation-fill-mode:forwards;background-size:cover;background-position:center}#about-img.multi-layer-img>:first-child{animation:none!important;opacity:1;background-image:var(--src-about-banner-l1);z-index:0}#about-img>:nth-child(2){animation-delay:.1s;background-image:var(--src-about-banner-l2);z-index:1}#about-img>:nth-child(3){animation-delay:.2s;background-image:var(--src-about-banner-l3);z-index:2}#about-img>:nth-child(4){animation-delay:.4s;background-image:var(--src-about-banner-l4);z-index:3}#about-img>:nth-child(5){animation-delay:.5s;background-image:var(--src-about-banner-l5);z-index:4}#about-img>:nth-child(6){animation-delay:.7s;background-image:var(--src-about-banner-l6);z-index:5}@media only screen and (max-width:700px){.list-view>.group{grid-column-start:1;grid-column-end:3;padding:20px 12px}}@media only screen and (max-width:470px){.list-view>.group{grid-column-start:1;grid-column-end:2;padding:16px 12px}}