:root{--media-max-width:34em}.default-layout{--banner-color:var(--color-primary);--page-header-height:60px;--default-sidebar-width:280px;--right-sidebar-width:320px;--main-width:960px;width:100svw;height:100svh;margin:auto;overflow:hidden}.default-layout__container{background-color:var(--color-background);width:100%;height:fit-content;margin:auto;display:flex}.default-layout__top-logo{justify-content:center;align-items:center;padding:1em;display:none}@media screen and (width<=40em){.default-layout__top-logo{display:flex}}.default-layout__top-logo svg{width:6em}.default-layout__a11-y,.default-layout__not-desktop-post-button{bottom:var(--space);right:var(--space);z-index:100;--context-panel-background:color-mix(in srgb,var(--color-tertiary),var(--color-background) 75%);position:fixed}@media screen and (width<=40em){.default-layout__a11-y{opacity:.75;right:calc(var(--space)*4.25)}}.default-layout__not-desktop-post-button{display:none}@media screen and (width<=40em){.default-layout__not-desktop-post-button{display:block}}.default-layout__scroll-wrapper{height:100svh;padding-top:calc(var(--page-header-height));scrollbar-color:var(--color-accent) transparent;grid-area:wrapper;justify-content:flex-start;width:100%;display:flex;position:relative;overflow:hidden scroll}@media screen and (width>=66em){.default-layout__scroll-wrapper{min-height:100vh}}@media screen and (width<=40em){.default-layout__scroll-wrapper{flex-direction:column;display:block}}.default-layout__wrapper{flex-direction:row;flex-shrink:0;height:fit-content;margin:auto;display:flex}@media screen and (width<=40em){.default-layout__wrapper{flex-direction:column}}@media screen and (width>=40em){.default-layout__wrapper{max-width:100%}}@media screen and (width>=66em){.default-layout__wrapper{max-width:100%;min-height:calc(100svh - var(--page-header-height))}}@media screen and (width<=40em){.default-layout__wrapper{width:100svw;transition:transform .5s}}.default-layout__header{z-index:12;grid-area:header;width:100%;position:fixed;top:0;left:0}.default-layout__footer{grid-area:footer}.default-layout__left{align-items:space-between;border-right:1px solid var(--color-accent);height:fit-content;width:var(--default-sidebar-width);flex-direction:column;flex-shrink:0;grid-area:left;padding-right:0;display:flex;position:sticky;top:0}.default-layout__left::-webkit-scrollbar{display:none}.default-layout__left{-ms-overflow-style:none;scrollbar-width:none}@media screen and (width<=66em){.default-layout__left{background-color:var(--color-accent);color:var(--color-background);z-index:10;width:3em;height:100svh;padding:0;transition:transform .5s;display:none;position:fixed;transform:translate(0)}}.default-layout__main{max-width:calc(100% - var(--default-sidebar-width) - var(--right-sidebar-width));padding:var(--space);width:var(--main-width)}@media screen and (width>=40em) and (width<=66em){.default-layout__main{padding-right:0}}@media screen and (width<=66em){.default-layout__main{--main-width:100%;max-width:calc(100% - var(--right-sidebar-width))}}@media screen and (width<=40em){.default-layout__main{--main-width:100%;max-width:100%}}.default-layout__main-container{max-width:calc(50em + var(--space-l));padding:0 var(--space-s) 0}@media screen and (width<=66em){.default-layout__main-container{padding:0}}.default-layout__main-container{width:100%;margin:auto}@media screen and (width>=40em) and (width<=66em){.default-layout{--right-sidebar-width:33%}}.default-layout__right{height:fit-content;width:var(--right-sidebar-width);will-change:transform;border-radius:0;flex-shrink:0;transition:transform .15s ease-out;position:sticky;top:0}@media screen and (width<=40em){.default-layout__right{width:100%;transition:none;position:relative;transform:none!important}}.default-layout__right-container{padding:var(--space)}@media screen and (width>=40em){.default-layout__right-container{padding-right:var(--space-s)}}.default-layout__right-container{gap:var(--space);flex-direction:column;margin:auto;display:flex}.default-layout__right-container:empty{display:none}.default-layout__branch-details{background-color:var(--color-background);width:100%;position:sticky;top:0}.default-layout.full-layout .page-header__wrapper{width:auto}.default-layout.full-layout .default-layout__scroll-wrapper{padding-bottom:7em}.default-layout.full-layout .default-layout__main{max-width:calc(var(--default-sidebar-width) + var(--right-sidebar-width));width:calc(var(--default-sidebar-width) + var(--right-sidebar-width));margin:auto}
