.ban-touch-mask[data-v-3168b37e]{width:100%;height:100%;z-index:999;position:absolute}.logo-area[data-v-adb3e08e]{background-size:cover!important;background-position:center!important}.logo-area[data-v-adb3e08e]{overflow:hidden;align-items:center;justify-content:center;display:flex;border-radius:100%;animation:logoEnter 1.2s;animation-fill-mode:forwards;transition:all .8s}.logo-area.is-blur[data-v-adb3e08e]{filter:blur(5px)}.logo-area .img-shadow[data-v-adb3e08e]{content:"";width:100%;height:100%;position:absolute;background-color:#1e1e1e;overflow:hidden;transition:background-color .5s;border-radius:100%;animation:shadowEnter 1.2s;animation-fill-mode:forwards}.logo-area .img-shadow-show[data-v-adb3e08e]{background-color:#00000080}.logo-area .inner[data-v-adb3e08e]{position:relative}.logo-area .inner .main-logo[data-v-adb3e08e]{height:7rem;position:absolute;transform:translate(-50%,-50%);transition:all 1s;top:0}.logo-area .inner .main-logo-top[data-v-adb3e08e]{top:-3.2rem}.logo-area .inner .hello[data-v-adb3e08e]{color:#fff;width:18.75rem;text-align:center;position:absolute;transform:translate(-50%,-50%);font-size:1.5rem;opacity:0;top:100px;transition:all 1s}.logo-area .inner .hello_bottom[data-v-adb3e08e]{opacity:1;top:3.5rem}.logo-area .inner .hello_bottom .hello_bottom_text[data-v-adb3e08e]{font-size:var(--regular-font-size);margin-top:.5rem;padding-top:.5rem;border-top:1px solid #fff}.github-badge[data-v-bd1c183a]{display:block;position:absolute;top:10px;right:10px;color:#fff;z-index:1;cursor:pointer;-webkit-text-decoration:none;text-decoration:none}.icp[data-v-b7d0d2d6]{width:100%;text-align:center;color:#fff;-webkit-text-decoration:none;text-decoration:none;font-size:var(--small-font-size);line-height:30px;background:rgba(0,0,0,.4);position:fixed;bottom:0;transform:translateY(0);transition:transform ease 1s}.icp.hide[data-v-b7d0d2d6]{transform:translateY(30px)}.drawer[data-v-a6fca176]{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.drawer__inner[data-v-a6fca176]{padding:1rem;position:absolute;bottom:.5rem;left:50%;transition:transform ease .5s;transform:translate(-50%,calc(100% + .5rem));z-index:100;background-color:#1e1e1e;width:calc(100vw - 1rem);box-sizing:border-box;border-radius:var(--regular-border-radius);display:flex;flex-direction:column;overflow:hidden}@media screen and (min-width: 768px){.drawer__inner[data-v-a6fca176]{max-width:1200px;width:90vw;bottom:3rem;transform:translate(-50%,calc(100% + 3rem))}}.drawer__inner.is-opened[data-v-a6fca176]{transform:translate(-50%)}.drawer__close-btn[data-v-a6fca176]{position:absolute;right:1rem;top:1.1rem;font-size:1.2rem}.drawer__content[data-v-a6fca176]{margin-bottom:var(--super-mini-gap)}.drawer__footer[data-v-a6fca176]{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;font-size:var(--small-font-size)}.drawer__footer .footer-icon[data-v-a6fca176]{margin-right:.3rem;font-size:var(--regular-font-size)}.tabs__header[data-v-c80c620d]{position:relative;display:flex;margin:0 calc(var(--super-mini-gap) * -1) var(--mini-gap);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.tabs__header[data-v-c80c620d]::-webkit-scrollbar{display:none}.tabs__header__mask-left[data-v-c80c620d]{-webkit-mask-image:linear-gradient(to right,transparent,#000000 2rem);mask-image:linear-gradient(to right,transparent,#000000 2rem)}.tabs__header__mask-right[data-v-c80c620d]{-webkit-mask-image:linear-gradient(to right,#000000 calc(100% - 2rem),transparent);mask-image:linear-gradient(to right,#000000 calc(100% - 2rem),transparent)}.tabs__header__mask-both[data-v-c80c620d]{-webkit-mask-image:linear-gradient(to right,transparent,#000000 2rem,#000000 calc(100% - 2rem),transparent);mask-image:linear-gradient(to right,transparent,#000000 2rem,#000000 calc(100% - 2rem),transparent)}.tabs__header .tab-label[data-v-c80c620d]{padding:0 var(--super-mini-gap);color:var(--secondary-text-color);min-width:2rem;cursor:pointer;flex-shrink:0}.tabs__header .tab-label[data-v-c80c620d]:after{content:"";display:block;height:2px;width:1.5rem;margin:var(--super-mini-gap) auto 0;background-color:var(--regular-text-color);transform:scaleX(0);transition:transform .2s ease;border-radius:var(--regular-border-radius)}.tabs__header .tab-label.is-active[data-v-c80c620d]{color:var(--regular-text-color);font-weight:700}.tabs__header .tab-label.is-active[data-v-c80c620d]:after{transform:scaleX(1)}.tabs__content[data-v-c80c620d]{display:flex;transition:transform .4s ease;border-radius:var(--regular-border-radius);align-items:flex-start}.tab-panel[data-v-5b656b7e]{width:100%;max-height:100%;overflow-y:auto;flex-shrink:0;margin-right:var(--regular-gap)}.website-item[data-v-47c0cf98]{background-color:#1e1e1e;padding:.5rem;border-radius:var(--regular-border-radius);overflow:hidden;display:flex;align-items:center;min-height:calc(1.4rem + var(--super-mini-gap) + 2.8rem);cursor:pointer;transition:all .2s ease;border:1px solid #2e2e2e}@media (any-hover: hover){.website-item[data-v-47c0cf98]:hover{border:1px solid #4e4e4e;background-color:#2e2e2e}}.website-item[data-v-47c0cf98]:active{border:1px solid var(--secondary-text-color);box-shadow:inset 0 0 .3rem #0000004d;transform:scale(.99)}.website-item__info[data-v-47c0cf98]{flex:1;overflow:hidden;margin-right:.4rem}.website-item__info .title[data-v-47c0cf98]{margin-bottom:var(--super-mini-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4rem}.website-item__info .description[data-v-47c0cf98]{font-size:var(--small-font-size);color:var(--secondary-text-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4rem;height:2.8rem}.website-item__logo[data-v-47c0cf98]{width:3.5rem;height:3.5rem;border-radius:100%;position:relative}.website-item__logo .site-logo[data-v-47c0cf98]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.website-item__logo .site-default-logo[data-v-47c0cf98]{font-size:2rem;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.website-drawer .drawer-handler[data-v-ebed35da]{position:absolute;color:#fff;bottom:5vh;transition:all 1s;display:flex;flex-direction:column;transform:translate(-50%);text-align:center;cursor:pointer}.website-drawer .drawer-handler__icon[data-v-ebed35da]{transform:scale(1.2,.8)}.website-drawer .drawer-handler__text[data-v-ebed35da]{font-size:var(--regular-font-size);margin-top:var(--mini-gap);animation:float 4s infinite ease-in-out}@media (any-hover: hover){.website-drawer .drawer-handler__text.slide-up[data-v-ebed35da]{display:none}}@media (hover: none){.website-drawer .drawer-handler__text.wheel-up[data-v-ebed35da]{display:none}}.website-drawer__drawer .drawer__content .tabs__header{width:calc(100% - 1.2rem)}.website-drawer__drawer .drawer__content .tabs__content{height:60vh}.website-drawer__drawer .drawer__content .tabs__content .tab-panel{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-gap:var(--mini-gap);align-items:flex-start}@media screen and (min-width: 768px){.website-drawer__drawer .drawer__content .tabs__content .tab-panel{grid-template-columns:repeat(4,1fr)}}.website-drawer__drawer .drawer__content .tabs__content .tab-panel.empty-panel{height:100%;display:flex;align-items:center;justify-content:center;color:var(--secondary-text-color)}#main-view[data-v-21d1d2a1]{height:100vh;height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}@keyframes logoEnter{0%{opacity:0;width:0rem;height:0rem}20%{opacity:1;width:15rem;height:15rem}80%{transform:rotate(360deg);width:15rem;height:15rem}to{transform:rotate(360deg);width:100%;height:100%;border-radius:0}}@keyframes shadowEnter{0%{opacity:0;width:0rem;height:0rem}20%{opacity:1;width:15rem;height:15rem}80%{width:15rem;height:15rem}to{width:100%;height:100%;border-radius:0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}html,body{margin:0;padding:0;-webkit-tap-highlight-color:transparent;color:#fff;background-color:#1e1e1e;--regular-text-color: #fff;--secondary-text-color: #8e8e8e;--regular-font-size: 1rem;--small-font-size: .8rem;--regular-gap: 1rem;--small-gap: .8rem;--mini-gap: .6rem;--super-mini-gap: .4rem;--regular-border-radius: .5rem;--regular-shadow: 0 0rem .6rem rgba(0, 0, 0, .15)}a{-webkit-text-decoration:none;text-decoration:none;color:inherit}@media screen and (max-width: 900px){html{font-size:14px}}