.header__main{align-items:center;background-color:var(--black);color:var(--white);display:flex;flex-direction:row;flex:0 0 var(--navbar-height);height:var(--navbar-height);justify-content:space-between;margin-bottom:var(--navbar-margin);position:sticky;top:0;z-index:10}.header__panel{align-items:center;display:flex;flex-direction:row}.header__panel.left{justify-content:flex-start;padding-top:4px}.header__panel.right{gap:16px;justify-content:flex-end;margin-right:10px}.header__navbar-link{align-items:center;color:var(--white);display:flex;font-size:var(--font-size-s);gap:4px;text-decoration:none}.header__navbar-link:hover{color:var(--cribl-teal)}.header__navbar-link svg{color:var(--grey-7);height:var(--font-size-s)}.header__menu{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;gap:8px}.header__logo-link{display:flex;justify-content:center;margin:0 8px 0 1.125rem}.header__logo{height:24px}.header__hamburger-icon{height:24px}.header__mobile-close{display:none;fill:var(--white);height:24px;margin-left:8px;width:24px}.header__menu-backdrop{display:none;height:100vh;left:0;position:absolute;top:0;width:100vw}.header__menu-backdrop.shown{display:block}.header__menu-container{--link-separator:1px solid var(--text-color-6);background-color:var(--bg-color);box-shadow:var(--popup-shadow);border:var(--popup-border);display:flex;flex-direction:column;font-size:var(--font-size-l);font-weight:600;line-height:16px;margin-left:176px;margin-top:52px;padding:8px;width:316px}.header__menu-link{align-items:center;color:var(--text-color);display:flex;gap:8px;height:44px;justify-content:flex-start;padding:0 8px;text-decoration:none}.header__menu-link:not(:last-of-type){border-bottom:var(--link-separator)}.header__menu-link.selected,.header__menu-link:hover{color:var(--cribl-teal)}.header__menu-link svg{color:var(--grey-7);margin-left:auto}.header__menu-icon{height:24px;width:24px}.header__menu-mobile-links{display:none}.header__theme-switcher{--height:24px;--width:50px;align-items:center;background-color:var(--grey-7);border-radius:calc(var(--height)/2);cursor:pointer;display:flex;height:var(--height);justify-content:space-around;position:relative;user-select:none;width:var(--width);-moz-user-select:none;-webkit-user-select:none}.header__theme-switcher-icon{height:18px;width:18px}.header__theme-switcher::after{--margin:1px;--slider-size:calc(var(--height) - (2 * var(--margin)));background-color:var(--white);border:2px solid var(--grey-7);border-radius:calc(var(--slider-size)/2);box-sizing:border-box;content:"";display:inline-block;height:var(--slider-size);left:var(--margin);position:absolute;top:var(--margin);transition:border-color .2s ease-in-out,box-shadow .2s ease-out,left .2s ease-in-out;width:var(--slider-size)}.header__theme-switcher:hover::after{border-color:var(--cribl-teal);box-shadow:0 0 2px 3px var(--cribl-teal)}html[data-theme=dark] .header__theme-switcher::after{left:calc(var(--width) - var(--margin) - var(--slider-size))}@media(max-width:1024px){.header__panel.right{margin-right:12px}.header__main:not(.mobile-opened) .header__theme-switcher{display:none}.header__main.mobile-opened .header__search-input,.header__main.mobile-opened .header__hamburger-icon{display:none}.header__menu-container{margin-left:0;margin-top:var(--navbar-height);max-height:calc(100vh - var(--navbar-height));overflow-y:auto;width:min(100vw,450px)}.header__main.mobile-opened .header__mobile-close{display:block}.header__navbar-link{display:none}.header__menu-mobile-links{display:block;border-top:var(--link-separator)}}