@layer equip{.eq-app-shell{box-sizing:border-box;height:var(--eq-app-shell-height,100dvh);background:var(--eq-bg);min-width:0;color:var(--eq-ink);font:var(--eq-weight) var(--eq-text-m) / 1.5 var(--eq-font);position:relative;overflow:hidden;container:eq-app-shell/inline-size}.eq-app-shell-skip{top:var(--eq-space-2);z-index:3;height:var(--eq-h-m);padding-inline:var(--eq-space-3);border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-m);background:var(--eq-raised);box-shadow:var(--eq-shadow);color:var(--eq-ink);font-weight:var(--eq-weight-strong);opacity:0;pointer-events:none;transition:opacity var(--eq-dur) var(--eq-ease), translate var(--eq-dur-move) var(--eq-spring);align-items:center;text-decoration:none;display:inline-flex;position:absolute;inset-inline-start:var(--eq-space-2);translate:0 -4px}.eq-app-shell-skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;overflow:hidden}.eq-app-shell-skip:focus{opacity:1;pointer-events:auto;translate:0}.eq-app-shell-skip:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-app-shell-frame{box-sizing:border-box;grid-template:"header header header""nav main aside"minmax(0,1fr)"nav footer aside"/auto minmax(0,1fr) auto;height:100%;display:grid}.eq-app-shell-header{z-index:1;box-sizing:border-box;align-items:center;gap:var(--eq-space-2);min-width:0;min-height:var(--eq-h-l);padding-block:var(--eq-space-2);padding-left:max(var(--eq-space-3), env(safe-area-inset-left,0px));padding-right:max(var(--eq-space-3), env(safe-area-inset-right,0px));border-bottom:1px solid var(--eq-line);background:var(--eq-surface);-webkit-backdrop-filter:var(--eq-blur);backdrop-filter:var(--eq-blur);grid-area:header;display:flex}.eq-app-shell-header>.eq-app-shell-menu{width:var(--eq-h-s);flex:none;padding:0;display:none}.eq-app-shell-header-content{align-items:center;gap:var(--eq-space-3);flex:1;min-width:0;display:flex}.eq-app-shell-nav{--eq-sidebar-height:auto;grid-area:nav;min-height:0;display:flex}.eq-app-shell-main{box-sizing:border-box;overscroll-behavior:contain;min-width:0;min-height:0;scroll-padding-block:var(--eq-space-2);grid-area:main;overflow:auto}.eq-app-shell-main:focus{outline:none}.eq-app-shell-aside{box-sizing:border-box;width:var(--eq-app-shell-aside-width,18rem);border-inline-start:1px solid var(--eq-line);background:var(--eq-surface);grid-area:aside;min-height:0;overflow:auto}.eq-app-shell-footer{box-sizing:border-box;min-width:0;padding:var(--eq-space-2) var(--eq-space-4);border-top:1px solid var(--eq-line);color:var(--eq-ink-2);font-size:var(--eq-text-s);grid-area:footer}.eq-drawer.eq-app-shell-drawer{width:min(18rem, calc(100vw - var(--eq-space-6)));padding:var(--eq-space-3);gap:var(--eq-space-2)}.eq-app-shell-drawer-header{justify-content:space-between;align-items:center;gap:var(--eq-space-2);padding-inline-start:var(--eq-space-2);display:flex}.eq-app-shell-drawer-nav{--eq-sidebar-height:auto;flex:1;min-height:0;overflow:auto}@container eq-app-shell not (min-width:30rem){.eq-app-shell[data-collapse-below=s]>.eq-app-shell-frame{overscroll-behavior:contain;scroll-padding-block:var(--eq-space-2);grid-template:"header""main"1fr"aside""footer"/minmax(0,1fr);overflow:auto}.eq-app-shell[data-collapse-below=s]>.eq-app-shell-frame>.eq-app-shell-nav{display:none}.eq-app-shell[data-collapse-below=s]>.eq-app-shell-frame>.eq-app-shell-header{position:sticky;top:0}.eq-app-shell[data-collapse-below=s]>.eq-app-shell-frame>.eq-app-shell-header>.eq-app-shell-menu{display:inline-flex}.eq-app-shell[data-collapse-below=s]>.eq-app-shell-frame>.eq-app-shell-main{min-height:auto;overflow:visible}.eq-app-shell[data-collapse-below=s]>.eq-app-shell-frame>.eq-app-shell-aside{border-inline-start:0;border-top:1px solid var(--eq-line);width:auto;overflow:visible}}@container eq-app-shell not (min-width:48rem){.eq-app-shell[data-collapse-below=m]>.eq-app-shell-frame{overscroll-behavior:contain;scroll-padding-block:var(--eq-space-2);grid-template:"header""main"1fr"aside""footer"/minmax(0,1fr);overflow:auto}.eq-app-shell[data-collapse-below=m]>.eq-app-shell-frame>.eq-app-shell-nav{display:none}.eq-app-shell[data-collapse-below=m]>.eq-app-shell-frame>.eq-app-shell-header{position:sticky;top:0}.eq-app-shell[data-collapse-below=m]>.eq-app-shell-frame>.eq-app-shell-header>.eq-app-shell-menu{display:inline-flex}.eq-app-shell[data-collapse-below=m]>.eq-app-shell-frame>.eq-app-shell-main{min-height:auto;overflow:visible}.eq-app-shell[data-collapse-below=m]>.eq-app-shell-frame>.eq-app-shell-aside{border-inline-start:0;border-top:1px solid var(--eq-line);width:auto;overflow:visible}}@container eq-app-shell not (min-width:64rem){.eq-app-shell[data-collapse-below=l]>.eq-app-shell-frame{overscroll-behavior:contain;scroll-padding-block:var(--eq-space-2);grid-template:"header""main"1fr"aside""footer"/minmax(0,1fr);overflow:auto}.eq-app-shell[data-collapse-below=l]>.eq-app-shell-frame>.eq-app-shell-nav{display:none}.eq-app-shell[data-collapse-below=l]>.eq-app-shell-frame>.eq-app-shell-header{position:sticky;top:0}.eq-app-shell[data-collapse-below=l]>.eq-app-shell-frame>.eq-app-shell-header>.eq-app-shell-menu{display:inline-flex}.eq-app-shell[data-collapse-below=l]>.eq-app-shell-frame>.eq-app-shell-main{min-height:auto;overflow:visible}.eq-app-shell[data-collapse-below=l]>.eq-app-shell-frame>.eq-app-shell-aside{border-inline-start:0;border-top:1px solid var(--eq-line);width:auto;overflow:visible}}}
