:root{color-scheme:light dark;--background-color:#fff;--secondary-background-color:#f7f7f7;--color-blue:#049ef4;--text-color:#444;--secondary-text-color:#9e9e9e;--font-size:16px;--line-height:26px;--border-color:#e8e8e8;--border-style:1px solid var(--border-color);--header-height:48px;--panel-width:300px;--panel-padding:16px;--icon-size:20px}@media (prefers-color-scheme:dark){:root{--background-color:#222;--secondary-background-color:#2e2e2e;--text-color:#bbb;--secondary-text-color:#666;--border-color:#444;--border-style:1px solid var(--border-color)}#previewsToggler{filter:invert()}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}html{font-size:calc(var(--font-size) - 1px);line-height:calc(var(--line-height) - 1px)}body{color:var(--text-color);background-color:var(--background-color);margin:0;font-family:Roboto Mono,monospace}a{text-decoration:none}h1{font-size:18px;font-weight:500;line-height:24px}h2{font-size:calc(var(--font-size) - 1px);line-height:var(--line-height);color:var(--color-blue);margin:16px 0;padding:0;font-weight:500}h3{font-weight:500;font-size:calc(var(--font-size) - 1px);line-height:var(--line-height);color:var(--secondary-text-color);margin:0}h1 a{color:var(--color-blue)}hr{background-color:var(--border-color);border:0;height:1px;margin:16px 0}#header{height:var(--header-height);border-bottom:var(--border-style);align-items:center;display:flex}#header h1{padding-left:var(--panel-padding);color:var(--color-blue);flex:1;align-items:center;display:flex}#header #version{border:1px solid var(--color-blue);color:var(--color-blue);border-radius:4px;margin-left:6px;padding:0 2px;font-size:.9rem;line-height:16px}#panel{z-index:100;width:var(--panel-width);border-right:var(--border-style);flex-direction:column;height:100%;transition:height;display:flex;position:fixed;left:0;overflow:auto}#panel #clearSearchButton{background-color:var(--text-color);background-size:var(--icon-size);cursor:pointer;width:48px;height:48px;margin-right:0;display:none;mask-image:url(ic_search_black_24dp.19f76967.svg);mask-position:50%;mask-repeat:no-repeat}#panel.searchFocused #clearSearchButton{display:block}#panel.searchFocused #language{display:none}#panel.searchFocused #filterInput{background-color:inherit;padding-left:0;mask-image:none}#panel #expandButton{cursor:pointer;background-color:var(--text-color);background-size:var(--icon-size);width:48px;height:48px;margin-left:4px;margin-right:4px;display:none;mask-image:url(ic_search_black_24dp.19f76967.svg);mask-position:50%;mask-repeat:no-repeat}#panel #sections{z-index:1000;justify-content:center;align-items:center;height:100%;font-weight:500;display:flex;position:relative}#panel #sections *{padding:0 var(--panel-padding);justify-content:center;align-items:center;height:100%;display:flex;position:relative}#panel #sections .selected:after{content:"";border-bottom:1px solid var(--text-color);position:absolute;bottom:-1px;left:0;right:0}#panel #sections a{color:var(--secondary-text-color)}body.home #panel #sections{display:none}#panel #inputWrapper{height:var(--header-height);padding:0 0 0 var(--panel-padding);background:var(--background-color);align-items:center;display:flex;position:relative}#panel #inputWrapper:after{border-bottom:var(--border-style);content:"";position:absolute;bottom:0;left:0;right:0}#panel #filterInput{width:100%;color:var(--text-color);background-color:var(--text-color);background-size:var(--icon-size);font-size:1rem;font-weight:500;font-family:"Menlo",sans-serif monospace;border:0;outline:none;flex:1;mask-image:url(ic_search_black_24dp.19f76967.svg);mask-position:0;mask-repeat:no-repeat}#panel #language{color:var(--text-color);background-size:var(--icon-size);background-position:100%;background-repeat:no-repeat;background-color:var(--background-color);appearance:none;text-align-last:right;border:0;margin-right:10px;padding:2px 24px 4px;font-family:Menlo,sans-serif,monospace;font-size:1rem;font-weight:500}#panel #language:focus{outline:none}#contentWrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}#panel #content,#panel #searchResults{-webkit-overflow-scrolling:touch;padding:0 var(--panel-padding)var(--panel-padding)var(--panel-padding);flex:1;overflow:hidden auto}#panel #searchResults .search-result-group{margin-bottom:12px}#panel #searchResults .search-result-class{color:var(--text-color);margin-bottom:2px;font-weight:500;display:block}#panel #searchResults .search-result-class:hover{color:var(--color-blue)}#panel #searchResults .search-result-member{color:var(--text-color);margin-bottom:1px;margin-left:16px;display:block}#panel #searchResults .search-result-member:hover{color:var(--color-blue)}#panel #searchResults .search-result-class.selected,#panel #searchResults .search-result-member.selected{color:var(--color-blue);text-decoration:underline}#panel #searchResults strong{font-weight:600}#panel #content ul{margin:0 0 20px;padding:0;list-style-type:none}#panel #content ul li{margin:1px 0}#panel #content h2:not(.hidden){border-top:none;margin-top:16px;padding-top:0}#panel #content h2:not(.hidden)~h2{border-top:var(--border-style);margin-top:32px;padding-top:12px}#panel #content h3{color:var(--text-color);font-weight:900}#panel #content a{color:var(--text-color);position:relative}#panel #content a:hover,#panel #content a:hover .spacer,#panel #content .selected{color:var(--color-blue)}#panel #content .selected{text-decoration:underline}#panel #content .hidden{display:none!important}#panel #content #previewsToggler{cursor:pointer;float:right;opacity:.25;margin-top:18px;margin-bottom:-18px}#panel #content.minimal .card{background-color:#0000;margin-bottom:4px}#panel #content.minimal .cover{display:none}#panel #content.minimal .title{padding:0}#panel #content.minimal #previewsToggler{opacity:1}body.home #panel #content h2{border-top:none;margin-top:18px;margin-bottom:2px;padding-top:6px;padding-bottom:0}.spacer{color:var(--secondary-text-color);margin-left:2px;padding-right:2px}#viewer,iframe{border:0;width:100%;height:100%;position:absolute;left:0;right:0;overflow:auto}iframe#viewer{display:none}#viewer{padding-left:var(--panel-width)}#button{opacity:.9;z-index:999;background-color:#fff;border-radius:50%;margin-bottom:0;padding:12px;position:fixed;bottom:16px;right:16px;box-shadow:0 0 4px #00000026}#button:hover{cursor:pointer;opacity:1}#button img{width:var(--icon-size);display:block}#button.text{color:var(--color-blue);opacity:1;border-radius:25px;padding-left:20px;padding-right:20px;font-weight:500}#projects{grid-template-columns:repeat(6,1fr);line-height:0;display:grid}#projects a{overflow:hidden}#projects a img{width:100%;transition:transform .15s;transform:scale(1)}#projects a:hover img{transform:scale(1.08)}@media (width>=1500px){#projects{grid-template-columns:repeat(7,1fr)}}@media (width>=1700px){:root{--panel-width:360px;--font-size:18px;--line-height:28px;--header-height:56px;--icon-size:24px}#projects{grid-template-columns:repeat(8,1fr)}}@media (width>=1900px){#projects{grid-template-columns:repeat(9,1fr)}}@media (width<=1300px){#projects{grid-template-columns:repeat(6,1fr)}}@media (width<=1100px){#projects{grid-template-columns:repeat(5,1fr)}}@media (width<=900px){#projects{grid-template-columns:repeat(4,1fr)}}@media (width<=700px){#projects{grid-template-columns:repeat(3,1fr)}}.card{background-color:var(--secondary-background-color);border-radius:3px;margin-bottom:16px;padding-bottom:6px;overflow:hidden}.card.selected{box-shadow:0 0 0 3px var(--color-blue);text-decoration:none!important}.card .cover{padding-bottom:56.25%;position:relative;overflow:hidden}.card .cover img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card .title{font-size:calc(var(--font-size) - 1px);font-weight:500;line-height:calc(var(--line-height) - 6px);padding:8px 12px 4px}.card .tag{background-color:var(--background-color);color:var(--color-blue);font-size:calc(var(--font-size) - 2px);line-height:calc(var(--line-height) - 6px);border-radius:2px;margin-left:6px;padding:1px 6px 2px}@media (width<=640px){:root{--header-height:56px;--icon-size:24px}#projects{grid-template-columns:repeat(2,1fr)}#panel #expandButton{display:block}#panel{z-index:1000;width:100%;height:var(--header-height);border:none;transition:height 0s .2s;position:absolute;top:0;left:0;right:0;overflow-x:hidden}#panel.open{height:100%;transition:height}#panelScrim{pointer-events:none;z-index:1000;pointer-events:none;background-color:#0000;transition:background-color .2s;position:absolute;inset:0}#panel.open #panelScrim{pointer-events:auto;background-color:#0006}#contentWrapper{background:var(--background-color);z-index:10000;width:calc(100vw - 60px);max-width:360px;margin-right:-380px;line-height:2rem;transition:transform .25s;position:absolute;top:0;bottom:0;right:0;overflow-x:hidden;box-shadow:0 0 8px #0000001a}#panel.open #contentWrapper{transform:translate(-380px)}#viewer,iframe{left:0;top:var(--header-height);width:100%;height:calc(100% - var(--header-height))}#viewer{padding-left:0}}
/*# sourceMappingURL=ZIZZONGINX.463366b1.css.map */