@property --nav-width{syntax:"<length>";inherits:true;initial-value:0}.meos-default-template{--nav-width:calc(var(--navigation-columns-collapsed) * (100vw - var(--area-gap) - var(--content-padding-right)) / var(--total-columns-collapsed));display:grid;grid-template-columns:var(--nav-width) 1fr;gap:var(--area-gap);min-height:100vh;background:var(--background);transition:--nav-width .3s ease-in-out .25s}.meos-default-template:has(.meos-default-template__navigation-area:hover){--nav-width:calc(var(--navigation-columns-opened) * (100vw - var(--area-gap) - var(--content-padding-right)) / var(--total-columns-opened) + var(--column-gap));transition:--nav-width .3s ease-in-out 0s}.meos-default-template__navigation-area{position:sticky;top:0;height:100vh;overflow:hidden}.meos-default-template__content-area{display:flex;flex-direction:column;min-height:100vh;padding:var(--content-padding-top) var(--content-padding-right) var(--content-padding-bottom) 0}.meos-default-template__content-inner{flex:1}.meos-default-template__content-grid{display:grid;grid-template-columns:repeat(var(--content-columns),minmax(0,1fr));gap:var(--spacing-4) var(--column-gap);align-items:start}