.site-background{z-index:-2;background-color:#101724;background-image:var(--desktop-background);background-position:0 0;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.top-nav{z-index:50;height:var(--topbar-height);background:#fffffff5;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 1px 5px #141a281f}.top-brand{width:var(--left-rail-width);flex:0 0 var(--left-rail-width);color:#fff;transition:width var(--shell-fold-duration) ease,flex-basis var(--shell-fold-duration) ease,padding var(--shell-fold-duration) ease;background:#35394b;align-items:center;gap:9px;padding:0 20px;font-size:19px;font-weight:700;display:flex}.top-brand svg{flex:none}.top-nav-tools{flex:1;align-items:center;gap:0;min-width:0;padding:0 12px 0 15px;display:flex}.top-spacer{flex:1}.icon-button,.top-search button{color:#6f7580;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.icon-button:hover,.top-search button:hover{color:#3da461}.aside-toggle,.top-clock{color:#777;flex:0 0 42px;width:42px}.aside-toggle{margin-right:3px}.aside-toggle i,.top-clock i,.top-brand i{font-size:16px}.menu-button,.mobile-search-button{display:none}.top-search{background:#fff;border:0;border-radius:500px;align-items:center;width:196px;height:30px;margin-left:40px;display:flex;box-shadow:0 1px 3px #0000000d}.top-search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:5px 15px;font-size:12px}.top-search button{width:38px;height:32px}.top-time-machine{color:#777;align-items:center;gap:6px;min-height:34px;margin-right:10px;font-size:13px;display:inline-flex}.top-time-machine:hover{color:#3da461}.left-sidebar{z-index:45;top:var(--topbar-height);width:var(--left-rail-width);color:var(--sidebar-text);background:var(--sidebar-bg);transition:width var(--shell-fold-duration) ease,transform .18s ease;flex-direction:column;display:flex;position:fixed;bottom:0;left:0}.sidebar-folded .left-sidebar{width:var(--left-rail-folded-width)}.sidebar-folded .app-main{margin-left:var(--left-rail-folded-width)}.sidebar-folded .top-brand{width:var(--left-rail-folded-width);flex-basis:var(--left-rail-folded-width);justify-content:center;padding:0}.sidebar-folded .top-brand span,.sidebar-folded .author-card strong,.sidebar-folded .author-description,.sidebar-folded .sidebar-link>span,.sidebar-folded .sidebar-link>.nav-chevron,.sidebar-folded .sidebar-toolbar{display:none}.sidebar-folded .author-card{flex-basis:70px;height:70px;min-height:70px;padding:15px 0}.sidebar-folded .author-avatar{width:30px;height:30px;margin:0}.sidebar-folded .sidebar-nav{padding-left:0;padding-right:0}.sidebar-folded .sidebar-link{grid-template-columns:1fr;justify-items:center;height:50px;min-height:50px;padding-left:0;padding-right:0}.sidebar-scroll{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.author-card{height:174px;min-height:174px;transition:height var(--shell-fold-duration) ease,min-height var(--shell-fold-duration) ease,flex-basis var(--shell-fold-duration) ease,padding var(--shell-fold-duration) ease;flex-direction:column;flex:0 0 174px;justify-content:center;align-items:center;padding:23px 20px 16px;display:flex}.author-avatar{object-fit:cover;width:96px;height:96px;transition:width var(--shell-fold-duration) ease,height var(--shell-fold-duration) ease,margin var(--shell-fold-duration) ease,transform .5s;border:0;border-radius:50%;margin-bottom:6px;animation:6s ease-in-out infinite avatar-light;position:relative;top:5.5px}.author-avatar:hover{transform:scale(1.15)rotate(720deg)}@keyframes avatar-light{0%{box-shadow:0 0 4px #e16b8c}25%{box-shadow:0 0 16px #b28fce}50%{box-shadow:0 0 4px #a8d8b9}75%{box-shadow:0 0 16px #2ea9df}to{box-shadow:0 0 4px #e03c8a}}.author-card strong{color:#f7f8fa;font-size:15px;line-height:20px}.author-description{color:#878c9c;text-align:center;white-space:nowrap;width:100%;min-height:20px;margin:0;font-size:12px;line-height:20px}.author-description-animated,.author-description-static{vertical-align:top;max-width:100%;display:inline-block;overflow:hidden}.author-description-animated:after{content:"";vertical-align:-.08em;background:currentColor;width:1px;height:1em;margin-left:2px;animation:.8s step-end infinite typewriter-cursor;display:inline-block}.author-description-static{display:none}@keyframes typewriter-cursor{0%,48%{opacity:1}49%,to{opacity:0}}.sidebar-nav{transition:padding var(--shell-fold-duration) ease;padding:4px 10px 70px}.sidebar-nav-group{position:relative}.sidebar-link{color:#aeb2c2;cursor:pointer;width:100%;height:32px;min-height:32px;font:inherit;text-align:left;transition:min-height var(--shell-fold-duration) ease,height var(--shell-fold-duration) ease,padding var(--shell-fold-duration) ease,background-color .16s ease,color .16s ease;background:0 0;border:0;grid-template-columns:25px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:6px 10px;line-height:20px;display:grid}.sidebar-link:hover,.sidebar-link.active{color:var(--sidebar-active);background:#0000000d}.sidebar-link.active i,.sidebar-link.active svg{color:#da99ff}.nav-chevron{transition:transform .16s}.sidebar-nav-group.open>.sidebar-link .nav-chevron{transform:rotate(90deg)}.sidebar-subnav{padding:3px 14px 6px 52px;display:none}.sidebar-nav-group.open>.sidebar-subnav{display:block}.sidebar-subnav a{color:#8f94a5;justify-content:space-between;align-items:center;gap:8px;min-height:31px;font-size:13px;display:flex}.sidebar-subnav a:hover{color:#fff}.sidebar-subnav small{color:#696f81}.sidebar-category-children{margin-inline-start:12px}@media (min-width:768px){.sidebar-folded .sidebar-scroll{overflow:visible}.sidebar-folded .sidebar-subnav{z-index:65;visibility:hidden;opacity:0;pointer-events:none;background:#2e3344;border:0;border-radius:0;width:200px;height:auto;padding:0;position:absolute;top:0;left:100%;overflow:auto;box-shadow:0 2px 6px #0000001a;display:block!important}.sidebar-folded .sidebar-nav-group:hover>.sidebar-subnav,.sidebar-folded .sidebar-nav-group:focus-within>.sidebar-subnav{pointer-events:auto;visibility:visible!important;opacity:1!important}.sidebar-folded .sidebar-subnav a,.sidebar-folded .sidebar-data-error{z-index:1;color:#b4b6bd;min-height:40px;padding:10px 20px;font-size:14px;line-height:20px;position:relative}.sidebar-folded .sidebar-subnav a:hover{color:#fff;background:#32374a}}.sidebar-data-error{color:#f1a4a4;overflow-wrap:anywhere;margin:5px 0;font-size:11px}.friend-placeholder{cursor:default}.sidebar-toolbar{background:#181a22e0;border:1px solid #000000c2;border-radius:5px;flex:0 0 40px;grid-template-columns:repeat(4,1fr);margin:0 10px 13px;display:grid}.sidebar-toolbar a,.sidebar-toolbar button{color:#aeb2c2;cursor:pointer;background:0 0;border:0;place-items:center;min-width:0;padding:0;display:grid}.sidebar-toolbar a:hover,.sidebar-toolbar button:hover{color:#fff}.sidebar-scrim{display:none}.app-main{min-height:100vh;margin-left:var(--left-rail-width);padding-top:var(--topbar-height);transition:margin-left var(--shell-fold-duration) ease}.content-layout{grid-template-columns:minmax(0, 1fr) var(--right-rail-width);align-items:stretch;min-height:calc(100vh - 100px);display:grid}.center-column{justify-self:center;width:min(810px,100% - 56px);min-width:0;padding:30px 0 48px}.right-rail{min-width:0;min-height:calc(100vh - var(--topbar-height));background:#ffffffe6;padding:0 0 36px}@media (min-width:768px) and (max-width:991px){.content-layout{flex-direction:column;display:flex}.center-column{width:min(810px,100% - 20px);padding:30px 0 48px}.right-rail{width:100%;min-height:0;box-shadow:none;background:#fffc;border-radius:0;margin:0 0 24px;padding:0}.right-sidebar-content{padding:0 0 14px}.article-content-layout .right-rail{display:none}}@media (max-width:767px){.top-nav{background:var(--sidebar-bg)}.top-nav-tools{display:contents}.top-brand{background:0 0;flex:0 0 170px;order:3;justify-content:flex-start;width:170px;padding:0 20px;font-size:19px}.mobile-search-button,.menu-button{color:#e5e7eb;flex:0 0 50px;width:50px;height:50px;display:inline-grid}.mobile-search-button{order:1}.menu-button{order:2}.top-spacer,.top-clock,.top-time-machine,.top-nav-tools>.icon-button:last-child{display:none}.top-search{z-index:2;visibility:hidden;opacity:0;width:auto;margin:0;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:50px;left:12px;right:12px;transform:translateY(-6px)}.top-search.mobile-visible{visibility:visible;opacity:1;transform:translateY(0)}.left-sidebar{transform:translate(-100%)}.sidebar-open .left-sidebar{transform:translate(0)}.sidebar-scrim{z-index:40;inset:var(--topbar-height) 0 0;width:100%;height:calc(100% - var(--topbar-height));background:#0c101866;border:0;padding:0;position:fixed}.sidebar-open .sidebar-scrim{display:block}.app-main,.sidebar-folded .app-main{margin-left:0}.site-background,.sidebar-folded .site-background{background-image:var(--mobile-background);left:0}.aside-toggle{display:none}.sidebar-folded .left-sidebar{width:var(--left-rail-width)}.sidebar-folded .top-brand{flex-basis:170px;justify-content:flex-start;width:170px;padding:0 20px}.sidebar-folded .top-brand span,.sidebar-folded .author-card strong,.sidebar-folded .author-description,.sidebar-folded .sidebar-link>span,.sidebar-folded .sidebar-link>.nav-chevron{display:revert}.sidebar-folded .author-card{flex-basis:174px;height:174px;min-height:174px;padding:23px 20px 16px}.sidebar-folded .author-avatar{width:96px;height:96px;margin-bottom:6px}.sidebar-folded .sidebar-nav{padding-left:10px;padding-right:10px}.sidebar-folded .sidebar-link{justify-items:initial;grid-template-columns:25px minmax(0,1fr) 18px;padding-left:21px;padding-right:18px}.content-layout{flex-direction:column;display:flex}.center-column{width:100%;padding:30px 0}.right-rail{width:100%;min-height:0;box-shadow:none;background:#fffc;border-radius:0;margin:0 0 24px;padding:0}.right-sidebar-content{padding:0 0 14px}.article-content-layout .right-rail{display:none}}@media (prefers-reduced-motion:reduce){.author-description-animated{display:none}.author-description-static{display:inline-block}}@media (min-width:1101px){.site-shell{width:calc(100% - 8px)}}@media (max-width:560px){.top-brand{flex:1 1 0;width:auto;padding:0 20px;font-size:19px}.top-nav-tools{gap:0;padding:0 4px}.top-nav-tools>.icon-button:nth-of-type(2){display:none}.top-search{width:min(150px,100vw - 190px);margin-left:0}}
