.ban-touch-mask[data-v-9ae28240]{width:100%;height:100%;z-index:999;position:absolute}.logo-area[data-v-45922a54]{background-size:cover!important;color:#8f82bc;background-position:center!important;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-45922a54]{filter:blur(5px)}.logo-area .img-shadow[data-v-45922a54]{content:"";width:100%;height:100%;position:absolute;background:radial-gradient(circle,transparent 20%,#f8dea9 20%,#f8dea9 80%,transparent 80%,transparent),radial-gradient(circle,transparent 20%,#f8dea9 20%,#f8dea9 80%,transparent 80%,transparent) 50px 50px,linear-gradient(#FAEBD7 8px,transparent 8px) 0 -4px,linear-gradient(90deg,#FAEBD7 8px,transparent 8px) -4px 0;background-color:#f8dea9;background-size:100px 100px,100px 100px,50px 50px,50px 50px;overflow:hidden;transition:background-color .5s;border-radius:100%;animation:shadowEnter 1.2s;animation-fill-mode:forwards}.dark-mode .logo-area .img-shadow[data-v-45922a54]{background:radial-gradient(circle,transparent 20%,#1f2122 20%,#1f2122 80%,transparent 80%,transparent),radial-gradient(circle,transparent 20%,#1f2122 20%,#1f2122 80%,transparent 80%,transparent) 50px 50px,linear-gradient(#333333 8px,transparent 8px) 0 -4px,linear-gradient(90deg,#333333 8px,transparent 8px) -4px 0;background-color:#1f2122}.logo-area .img-shadow-show[data-v-45922a54]{background:rgba(0,0,0,.5)}.dark-mode .logo-area .img-shadow-show[data-v-45922a54]{background:rgba(0,0,0,.8)}.logo-area .inner[data-v-45922a54]{position:relative}.logo-area .inner .main-logo[data-v-45922a54]{height:7rem;border-radius:50%;position:absolute;transform:translate(-50%,-50%);transition:all 1s;top:0}.logo-area .inner .main-logo-top[data-v-45922a54]{top:-3.2rem}.logo-area .inner .hello[data-v-45922a54]{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-45922a54]{opacity:1;top:3.5rem}.logo-area .inner .hello_bottom .hello_bottom_text[data-v-45922a54]{font-size:var(--regular-font-size);margin-top:.5rem;padding-top:.5rem;border-top:1px solid #fff}.github-badge[data-v-725337c4]{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-14330fd6]{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-14330fd6]{transform:translateY(30px)}.right-item[data-v-cf1f3376]{position:absolute;left:1rem;top:1rem;display:flex;align-items:center;z-index:100}.darkmode-switch-text[data-v-cf1f3376]{font-size:1.8rem;white-space:nowrap;font-weight:700;margin-right:1rem}.switch[data-v-cf1f3376]{position:relative;display:inline-block;width:63px;height:32px;flex-shrink:0}.switch input[type=checkbox][data-v-cf1f3376]{opacity:0;width:0;height:0}.slider[data-v-cf1f3376]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#8f82bc;transition:.4s;border-radius:32px}.slider[data-v-cf1f3376]:before{position:absolute;content:"";height:22px;width:22px;left:5px;bottom:5px;background-color:#f8d090;transition:.4s;border-radius:50%}.dark-mode .slider[data-v-cf1f3376]:before{background-color:#404040}input:checked+.slider[data-v-cf1f3376]{background-color:#f8d090}input:checked+.slider[data-v-cf1f3376]:before{transform:translate(31px)}.slider.round[data-v-cf1f3376]{border-radius:34px}.slider.round[data-v-cf1f3376]:before{border-radius:50%}.drawer[data-v-18273f4d]{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.drawer__inner[data-v-18273f4d]{padding:1rem;position:absolute;bottom:.5rem;left:50%;transition:transform ease .5s;transform:translate(-50%,calc(100% + .5rem));z-index:100;background-color:#f8d090;width:calc(100vw - 1rem);box-sizing:border-box;box-shadow:0 10px 35px 2px #00000026,0 5px 15px #00000012,0 2px 5px -5px #0000001a;border-radius:var(--regular-border-radius);display:flex;flex-direction:column;overflow:hidden}.dark-mode .drawer__inner[data-v-18273f4d]{background-color:#333}@media screen and (min-width: 768px){.drawer__inner[data-v-18273f4d]{width:90vw;bottom:3rem;transform:translate(-50%,calc(100% + 3rem))}}.drawer__inner.is-opened[data-v-18273f4d]{transform:translate(-50%);max-height:calc(90vh - 70px)}.drawer__close-btn[data-v-18273f4d]{position:absolute;right:1rem;top:1.1rem;font-size:1.2rem}.drawer__content[data-v-18273f4d]{margin-bottom:var(--super-mini-gap)}.drawer__footer[data-v-18273f4d]{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;font-size:var(--small-font-size)}.drawer__footer .footer-icon[data-v-18273f4d]{margin-right:.3rem;font-size:var(--regular-font-size)}.tabs__header[data-v-44d4c95b]{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-44d4c95b]::-webkit-scrollbar{display:none}.tabs__header__mask-left[data-v-44d4c95b]{-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-44d4c95b]{-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-44d4c95b]{-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-44d4c95b]{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-44d4c95b]: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-44d4c95b]{color:var(--regular-text-color);font-weight:700}.tabs__header .tab-label.is-active[data-v-44d4c95b]:after{transform:scaleX(1)}.tabs__content[data-v-44d4c95b]{display:flex;transition:transform .4s ease;border-radius:var(--regular-border-radius);align-items:flex-start}.tab-panel[data-v-653a3479]{width:100%;max-height:100%;overflow-y:auto;flex-shrink:0;margin-right:var(--regular-gap)}.website-item[data-v-42f5093a]{background-color:#f8dea9;padding:.7rem;border-radius:var(--regular-border-radius);overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:calc(1.4rem + var(--super-mini-gap) + 2.8rem);cursor:pointer;transition:all .2s ease}.dark-mode .website-item[data-v-42f5093a]{background-color:#404040}@media (any-hover: hover){.website-item[data-v-42f5093a]:hover{background-color:#ffdd98}.dark-mode .website-item[data-v-42f5093a]:hover{background-color:#454545}}.website-item[data-v-42f5093a]:active{border:1px solid var(--secondary-text-color);box-shadow:inset 0 0 .3rem #0000004d;transform:scale(.99)}.website-item__info[data-v-42f5093a]{display:flex;align-items:center;overflow:hidden;margin-right:.4rem}.website-item__info .title[data-v-42f5093a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4rem}.website-item__info .description[data-v-42f5093a]{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;margin-top:var(--super-mini-gap)}.website-item__logo[data-v-42f5093a]{width:1.1rem;height:1.1rem;border-radius:100%;position:relative;margin-right:.4rem;display:flex;align-items:center}.website-item__logo .site-logo[data-v-42f5093a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:100%}.website-item__logo .site-default-logo[data-v-42f5093a]{font-size:2rem;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.website-drawer .drawer-handler[data-v-c027c1b2]{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-c027c1b2]{transform:scale(1.2,.8)}.website-drawer .drawer-handler__text[data-v-c027c1b2]{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-c027c1b2]{display:none}}@media (hover: none){.website-drawer .drawer-handler__text.wheel-up[data-v-c027c1b2]{display:none}}.website-drawer__drawer .drawer__content .tabs__header{width:calc(100% - 1.2rem)}.website-drawer__drawer .drawer__content .tabs__content{height:75vh}.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-7ea39516]{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:#8f82bc;--regular-text-color: #8F82BC;--secondary-text-color: #666666;--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)}html{background:radial-gradient(circle,transparent 20%,#1f2122 20%,#1f2122 80%,transparent 80%,transparent),radial-gradient(circle,transparent 20%,#1f2122 20%,#1f2122 80%,transparent 80%,transparent) 50px 50px,linear-gradient(#333333 8px,transparent 8px) 0 -4px,linear-gradient(90deg,#333333 8px,transparent 8px) -4px 0;background-color:#1f2122;background-size:100px 100px,100px 100px,50px 50px,50px 50px}body.dark-mode{color:#f8d090;background-color:#000;--regular-text-color: #F8D090;--secondary-text-color: #808080}a{-webkit-text-decoration:none;text-decoration:none;color:inherit}@media screen and (max-width: 900px){html{font-size:14px}}