@layer components.page{@property --page-header-height{syntax: "<length>"; inherits: true; initial-value: 0px;}:host{--page-footer-color-background:inherit;--page-main-color-background:inherit;--page-header-color-background:inherit;--page-nav-color-background:inherit;--page-header-height:0px;--color-text:inherit;flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}[data-component=skip-link]{z-index:calc(var(--z-index-dialog,1000) - 1);background-color:var(--skip-link-bg,#000);color:var(--skip-link-color,#fff);border-radius:4px;padding:1rem;text-decoration:none;position:absolute;left:-9999px}[data-component=skip-link]:focus{top:1rem;left:1rem}header{background-color:var(--page-header-color-background,transparent)}header[sticky]{z-index:var(--z-index-header-sticky,100);position:sticky;top:0}main,aside{background-color:var(--page-main-color-background,#fff);color:var(--color-text,inherit)}footer{background-color:var(--page-footer-color-background,#f5f5f5)}aside[data-state=empty],footer[data-state=empty]{display:none}e-main{flex-direction:column;flex:1;display:flex}e-main e-content{order:1}slot[name=nav]{background-color:var(--page-nav-color-background,transparent);display:block}e-main ::slotted([slot=nav]){order:2}e-content{flex-direction:column;display:flex}main{min-height:calc(100vh - var(--page-header-height))}@media (width<=767px){e-main ::slotted([slot=nav]){top:calc(var(--header-offset,0px) + 1rem);height:auto;z-index:var(--z-index-page-nav-mobile,1000);will-change:left,opacity;opacity:1;transition:left .3s,opacity .3s;position:fixed;bottom:1rem;left:-100%}e-main ::slotted([slot=nav][data-icons-visible]),e-main ::slotted([slot=nav][data-text-visible]){opacity:1;left:1rem}e-main ::slotted([slot=nav][data-state-closing]){opacity:0;left:-100%}}@media (width>=768px){e-main{flex-direction:row}e-main ::slotted([slot=nav]){top:var(--header-offset,999px);max-height:calc(100vh - var(--header-offset,0px));order:0;align-self:flex-start;position:sticky;overflow-y:auto}e-main e-content{flex:1;order:1;min-width:0;display:flex}main{flex:3;min-width:0}}@media (width>=1024px){e-main e-content{flex-direction:row}aside{padding:var(--page-aside-padding,0);flex:1}aside ::slotted(*){max-width:100%;overflow-x:hidden}}@media (prefers-reduced-motion:reduce){e-main ::slotted([slot=nav]){transition:none}}[data-component=aside-toggle]{z-index:var(--z-index-fab,900);background-color:var(--fab-background,var(--color-primary,#1976d2));width:3.5rem;height:3.5rem;color:var(--fab-color,#fff);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:none;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 12px #00000040}[data-component=aside-toggle]:hover{transform:scale(1.05);box-shadow:0 6px 16px #0000004d}[data-component=aside-toggle]:focus-visible{outline:2px solid var(--color-focus,#005fcc);outline-offset:2px}[data-component=aside-toggle] svg{width:1.5rem;height:1.5rem}[data-component=aside-backdrop]{z-index:var(--z-index-aside-backdrop,998);opacity:0;background-color:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}:host([data-aside-open]) [data-component=aside-backdrop]{opacity:1;display:block}@media (width<=1023px){[data-component=aside-toggle]{display:flex}:host([data-aside-empty]) [data-component=aside-toggle]{display:none}aside{width:min(85vw,400px);height:100%;z-index:var(--z-index-aside-panel,999);visibility:hidden;padding:var(--page-aside-padding-mobile,.5rem);transition:transform .3s,visibility .3s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 20px #00000026}:host([data-aside-open]) aside{visibility:visible;transform:translate(0)}:host([data-aside-open]) [data-component=aside-toggle]{display:none}}@media (width<=1023px) and (prefers-reduced-motion:reduce){aside,[data-component=aside-backdrop]{transition:none}}}