*{padding:0;margin:0;box-sizing:content-box;font-family:var(--font-main)}:root{--black:#050505;--white:#ffffff;--silver:#888888;--green:#7EC242;--silver2:#cccccc;--font-main:'Outfit', sans-serif}:root{--homepage-topbar-bg:#000000;--homepage-topbar-text:#FDFDFD;--homepage-titlebar-bg-active:#2E2E32;--homepage-titlebar-button-bg-active:#424246;--homepage-titlebar-button-text-active:#FEFEFE;--homepage-titlebar-text:#FEFEFE;--homepage-titlebar-border:#1D1D22;--homepage-window-body:#222226;--homepage-header-body:34, 34, 38;--homepage-window-border:#323235;--homepage-dot:#7F7F7F;--homepage-line:#FFFFFF;--homepage-text:#FFFFFF;--homepage-menu-border:#424247;--homepage-menu-bg:#36363A;--homepage-menu-button-bg:#48484B;--homepage-menu-button-hover:#3584E4;--homepage-menu-button-text:#FFFFFF;--homepage-search-placeholder:#BEBEC1;--homepage-search-bg:#38383B;--homepage-search-item:#4B4B4F;--padding:20px;--border-radius:16px}html,body{display:flex;justify-content:center;width:100vw;height:100vh}body{background:var(--black);display:flex;justify-content:center;align-items:center}#mainbox{display:flex;flex-direction:column;width:1e3px}#searchbox,#bookmarks{display:flex;flex-direction:row;width:100%}#searchbox .inputbox{width:100%}#searchbox .inputbox{display:flex;flex-direction:row;justify-content:center;align-items:center;border:2px solid var(--green);background:var(--black);height:33px;width:100%;border-radius:var(--border-radius);margin:20px}#searchbox .inputbox .icon,#searchbox .inputbox .clear{padding-left:var(--padding);padding-right:var(--padding)}#searchbox .inputbox .input,#searchbox .inputbox .input input{width:100%}#searchbox .inputbox .input input,#searchbox .inputbox .source select{width:100%;height:30px;outline:0;border:0;background:0 0;color:var(--white)}#searchbox .inputbox .source select{width:fit-content;color:var(--white);padding-left:5px;padding-right:5px;margin-right:5px}#searchbox .inputbox .source select optgroup,#searchbox .inputbox .source select option{background:var(--black);color:var(--white)}#searchbox .inputbox .source select option:hover{background:var(--green)}#searchbox .inputbox .source select option[disabled]{background:var(--green)}#searchbox .inputbox .input input::placeholder{color:var(--white)}#bookmarks .box{display:flex;flex-direction:row;margin:0 var(--padding);border:2px solid var(--green);background:var(--black);width:100%;border-radius:var(--border-radius)}#bookmarks .box .category{min-width:200px}#bookmarks .box .category ul{list-style:none;padding:var(--padding)}#bookmarks .box .category ul li a{background:var(--black);width:100%;height:48px;border-radius:var(--border-radius);margin-top:2px;margin-bottom:2px;text-decoration:none;display:flex;justify-content:center;align-items:center;color:var(--silver)}#bookmarks .box .category ul li a:hover{background:var(--green);color:var(--black)}#bookmarks .box .category h2,#bookmarks .box .page h2{background:var(--green);border-bottom:1px solid var(--green);color:var(--black);padding:10px;text-align:center;font-family:var(--font-main)}#bookmarks .box .category h2{border-radius:var(--border-radius)0 0 0}#bookmarks .box .page h2{border-radius:0 13px 0 0}#bookmarks .box .spacer{width:2px;height:100%;background:var(--green)}#bookmarks .box .page,#bookmarks .box .page section,#bookmarks .box .page section main .result{width:100%;height:100%}#bookmarks .box .page section main{padding:20px;display:flow-root}#bookmarks #button{display:inline-block}#bookmarks #button a{border-radius:var(--border-radius);background:var(--black);border:1px solid var(--black);width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:var(--silver);margin:5px;float:left}#bookmarks #button a:hover{background:var(--green);color:var(--black)}#bookmarks #button img{width:64px;height:64px;object-fit:none}#bookmarks #button .name{overflow:hidden;position:relative;width:calc(100px - 10px);margin-left:5px;margin-right:5px}#bookmarks #button .name span{text-wrap:nowrap;text-align:center}#bookmarks #button .name p{display:block;position:relative;text-align:center}#bookmarks #button a:hover .name span{margin-right:100%;margin-left:100%}#bookmarks #button a:hover .name p{animation:marquee 10s linear infinite}@keyframes marquee{0%{left:0}100%{left:calc(-100% - 300%)}}@media only screen and (max-width:600px){#mainbox{width:100%;height:100%}#bookmarks .box{flex-direction:column}#bookmarks #button a{margin:5px}#bookmarks .box .category h2{border-radius:var(--border-radius)var(--border-radius)0 0}#bookmarks .box .page h2{border-radius:0}#bookmarks .box .spacer{width:0;height:0;display:none}#bookmarks .box .page section main .result{text-align:center}}