body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}html{overflow:hidden}body,html{height:100%}body{overflow:auto}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) body{background:#000;color:#fff}}:root[data-theme=dark] body{background:#000;color:#fff}a{color:inherit;text-decoration:none}em p{padding-left:12px;border-left:2px solid rgba(0,0,0,.66)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) em p{border-color:#fff}}:root[data-theme=dark] em p{border-color:#fff}p{font-size:15px;font-weight:400;opacity:.8;margin:12px 0;line-height:1.33}*{box-sizing:border-box}a{transition:all .2s;box-shadow:0 1px 0 0 #000}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) a{box-shadow:0 1px 0 0 hsla(0,0%,100%,.66)}}:root[data-theme=dark] a{box-shadow:0 1px 0 0 hsla(0,0%,100%,.66)}a:hover{opacity:.8}ul{display:block;list-style:none;padding:0;margin:0}ul li{display:flex;flex-direction:column;padding:12px 0;position:relative;cursor:pointer;border-bottom:1px solid #e8e8e8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) ul li{border-bottom:1px solid hsla(0,0%,100%,.25)}:root:not([data-theme=light]):not([data-theme=dark]) ul li.active,:root:not([data-theme=light]):not([data-theme=dark]) ul li:hover{border-bottom:1px solid #fff}}:root[data-theme=dark] ul li{border-bottom:1px solid hsla(0,0%,100%,.25)}:root[data-theme=dark] ul li.active,:root[data-theme=dark] ul li:hover{border-bottom:1px solid #fff}ul li label{z-index:2;pointer-events:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}ul li label:first-child{font-size:15px;font-weight:500}ul li label:nth-child(2),ul li label:nth-child(3){font-size:13px;font-weight:400;opacity:.5}ul li label:nth-child(3){opacity:1;margin-top:4px}ul li:after{content:"→";position:absolute;z-index:-1;right:0;opacity:0;top:0;display:flex;flex-direction:column;justify-content:center;height:100%;font-weight:500}ul li:hover{border-color:#000}ul li:hover :nth-child(2),ul li:hover:after{opacity:1}h2{margin:8px 0 28px}h2,h3{font-size:24px;line-height:1;vertical-align:center}h3{font-weight:600;margin:12px 0}.frame{width:800px;max-width:calc(100% - 40px);min-height:100vh;margin:0 auto;padding-left:200px;padding-top:30px;padding-bottom:20px;position:relative}@media(max-width:720px){.frame{flex-direction:column;padding-top:92px;padding-left:0}}.frame-inner{margin:0 40px;padding:40px 0}@media(max-width:720px){.frame-inner{flex-direction:column;padding:8px 28px;margin:0}}.sidebar{width:168px;height:100%;padding:20px 0 0;left:0;position:absolute;background:#fff;z-index:999;top:0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .sidebar{background:#000;color:#fff}}:root[data-theme=dark] .sidebar{background:#000;color:#fff}@media(max-width:720px){.sidebar{display:flex;flex-direction:row;overflow-x:auto;padding:0;width:calc(100% - 40px);top:0;margin:0 20px 20px;height:auto;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);position:fixed}.sidebar h1{width:auto!important;margin-right:20px!important}.sidebar .underline{margin-right:16px;margin-top:4px}}.sidebar-inner{display:flex;flex-direction:column;width:168px;position:-webkit-sticky;position:sticky;top:30px}.sidebar-inner h4{text-overflow:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .sidebar-inner h4{box-shadow:inset 0 -1px 0 0 hsla(0,0%,100%,.25)}:root:not([data-theme=light]):not([data-theme=dark]) .sidebar-inner h4.active,:root:not([data-theme=light]):not([data-theme=dark]) .sidebar-inner h4:hover{box-shadow:inset 0 -1px 0 0 #fff}}:root[data-theme=dark] .sidebar-inner h4{box-shadow:inset 0 -1px 0 0 hsla(0,0%,100%,.25)}:root[data-theme=dark] .sidebar-inner h4.active,:root[data-theme=dark] .sidebar-inner h4:hover{box-shadow:inset 0 -1px 0 0 #fff}@media(max-width:720px){.sidebar-inner{flex-direction:row;width:auto;padding:12px 0 0}.sidebar-inner .underline{height:48px}.sidebar-inner .underline:before{opacity:0!important}}.underhover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);cursor:pointer}.underhover:hover{box-shadow:inset 0 -1px 0 0 #000}.underline{height:36px;line-height:34px;text-transform:uppercase;margin:0;position:relative;cursor:pointer;font-weight:500;font-size:14px}.underline:before{content:"→";font-weight:500;opacity:0}.underline:after,.underline:before{position:absolute;z-index:-1;right:0;transition-property:all;transition-duration:.33s;transition-timing-function:ease-out}.underline:after{content:"";width:100%;bottom:0;background:#000;height:1px;opacity:.1}@media(max-width:720px){.underline:after{opacity:0}}.underline.active:after,.underline:focus:after,.underline:hover:after{left:0;right:auto;width:100%;opacity:1}.underline.active:before,.underline:focus:before,.underline:hover:before{opacity:1}.grid div:before{content:"";padding-bottom:100%;display:block;overflow:hidden}.grid label{font-size:12px;font-weight:400;opacity:.66}.grid div{transition:all .1s;position:relative;border-radius:4px;overflow:hidden}.grid div:hover{cursor:pointer;box-shadow:0 0 0 3px #fff,0 0 0 4px #000}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .grid div:hover{box-shadow:0 0 0 3px #000,0 0 0 4px #fff}}:root[data-theme=dark] .grid div:hover{box-shadow:0 0 0 3px #000,0 0 0 4px #fff}.grid div img{pointer-events:none;-o-object-fit:cover;object-fit:cover}.top-grid{display:grid;grid-template-columns:1fr}.top-grid div{max-height:280px}.top-grid img{border-radius:3px;width:100%}.top-grid label{font-size:12px;font-weight:400;opacity:.66;top:12px}.equal-grid{display:grid;grid-column-gap:20px;grid-row-gap:10px;grid-template-columns:1fr 1fr}.equal-grid div:before{content:"";padding-bottom:100%;display:block;overflow:hidden}.equal-grid label{font-size:12px;font-weight:400;opacity:.66}.equal-grid div{transition:all .1s;position:relative;border-radius:4px;overflow:hidden}.equal-grid div:hover{cursor:pointer;box-shadow:0 0 0 3px #fff,0 0 0 4px #000}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .equal-grid div:hover{box-shadow:0 0 0 3px #000,0 0 0 4px #fff}}:root[data-theme=dark] .equal-grid div:hover{box-shadow:0 0 0 3px #000,0 0 0 4px #fff}.equal-grid div img{pointer-events:none;-o-object-fit:cover;object-fit:cover}.left-grid{display:flex;flex-direction:row;align-items:flex-start}.left-grid img{width:66%;border-radius:3px}.left-grid label{font-size:12px;font-weight:400;opacity:.66}.right-grid{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:flex-start}.right-grid img{border-radius:3px;width:66%}.right-grid label{font-size:12px;font-weight:400;opacity:.66;text-align:right}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));grid-gap:20px;margin-top:16px}.photo-grid div:before{content:"";padding-bottom:100%;display:block}.photo-grid div{transition:all .1s;position:relative;border-radius:4px;overflow:hidden}.photo-grid div:hover{cursor:pointer;box-shadow:0 0 0 3px #fff,0 0 0 4px #000}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .photo-grid div:hover{box-shadow:0 0 0 3px #000,0 0 0 4px #fff}}:root[data-theme=dark] .photo-grid div:hover{box-shadow:0 0 0 3px #000,0 0 0 4px #fff}.photo-grid div img{pointer-events:none;-o-object-fit:cover;object-fit:cover}