@layer arche.base;@layer arche.components{:root{--arche-page-inline:max(var(--arche-layout-gutter), (100% - var(--arche-layout-width-page)) / 2)}:root:has(.arche-app-shell){--arche-app-shell-header-height:3.5rem}:root:has(.arche-app-shell[data-sticky]){scroll-padding-top:var(--arche-app-shell-header-height)}.arche-app-shell{min-height:100dvh;color:var(--arche-color-text);background:var(--arche-color-bg);flex-direction:column;display:flex}.arche-app-shell__header{align-items:stretch;gap:var(--arche-spacing-6);box-sizing:border-box;min-height:var(--arche-app-shell-header-height);padding-inline:var(--arche-spacing-4) var(--arche-spacing-3);background:var(--arche-color-surface);border-bottom:1px solid var(--arche-color-border-subtle);display:flex}.arche-app-shell:not([data-sticky])>.arche-app-shell__header{position:relative}.arche-app-shell__header>:is(.arche-app-shell__brand,.arche-app-shell__actions,.arche-app-shell__menu){margin-block-end:-1px}.arche-app-shell[data-width=page]>.arche-app-shell__header{padding-inline:var(--arche-page-inline)}.arche-app-shell[data-sticky]>.arche-app-shell__header{z-index:var(--arche-z-index-sticky);position:sticky;top:0}.arche-app-shell__menu{flex:none;align-items:center;display:none}.arche-app-shell__brand{min-width:0;color:var(--arche-color-text-strong);border-radius:var(--arche-radius-md);flex:0 auto;align-self:center;align-items:center;text-decoration:none;display:flex}.arche-app-shell__wordmark{min-width:0;font-family:var(--arche-font-family-sans);font-size:var(--arche-font-size-md);font-weight:var(--arche-font-weight-extrabold);font-stretch:var(--arche-font-width-condensed);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--arche-color-text-strong);text-shadow:var(--arche-glow-text);margin-inline-end:-.1em;line-height:1}.arche-app-shell__nav{align-items:center;gap:var(--arche-spacing-1);min-width:0;margin-block-end:-1px;margin-inline:calc(-1 * var(--arche-spacing-1));padding-inline:var(--arche-spacing-1);overscroll-behavior-x:contain;scrollbar-width:none;flex:auto;display:flex;overflow-x:auto}.arche-app-shell__nav::-webkit-scrollbar{display:none}.arche-app-shell__actions{align-self:center;align-items:center;gap:var(--arche-spacing-2);flex:none;margin-inline-start:auto;display:flex}.arche-app-shell__search{align-items:center;display:flex}.arche-app-shell__search .arche-app-shell__search-icon{display:none}.arche-app-shell__shortcut{font:var(--arche-typography-label);letter-spacing:var(--arche-typography-label-letter-spacing);text-transform:var(--arche-typography-label-text-transform);color:var(--arche-color-text-subtle);margin-inline-start:var(--arche-spacing-2)}.arche-app-shell__menu[data-menu=fullscreen]{margin-inline-start:auto}.arche-app-shell__actions+.arche-app-shell__menu[data-menu=fullscreen]{margin-inline-start:0}.arche-app-shell__link{align-items:center;gap:var(--arche-spacing-2);font-weight:var(--arche-font-weight-medium);color:var(--arche-color-text-muted);border-radius:var(--arche-radius-md);transition:color var(--arche-duration-fast) var(--arche-easing-standard), background-color var(--arche-duration-fast) var(--arche-easing-standard);text-decoration:none;display:flex;position:relative}.arche-app-shell__link:hover,.arche-app-shell__link[aria-current]{color:var(--arche-color-text-strong)}.arche-app-shell__link:hover{background:var(--arche-color-hover)}.arche-app-shell__link:active{background:var(--arche-color-press)}.arche-app-shell__link-label{min-width:0}.arche-app-shell__nav .arche-app-shell__link{box-sizing:border-box;white-space:nowrap;flex:none;height:2.25rem;padding-inline:.625rem}.arche-app-shell__nav .arche-app-shell__link[aria-current]:after{content:"";inset-inline:.625rem;bottom:calc((2.25rem - var(--arche-app-shell-header-height)) / 2);background:var(--arche-color-selected);height:2px;box-shadow:var(--arche-glow-selected);position:absolute}:is(.arche-app-shell__sidebar,.arche-app-shell__drawer,.arche-app-shell__menu-sidebar) .arche-app-shell__link{box-sizing:border-box;min-height:2.5rem;margin-inline:calc(-1 * var(--arche-spacing-3));padding:var(--arche-spacing-2) var(--arche-spacing-3)}:is(.arche-app-shell__sidebar,.arche-app-shell__drawer,.arche-app-shell__menu-sidebar) .arche-app-shell__link[aria-current]:after{content:"";inset-block:var(--arche-spacing-2);background:var(--arche-color-selected);width:2px;box-shadow:var(--arche-glow-selected);position:absolute;inset-inline-start:0}.arche-app-shell__body{flex:auto;grid-template-columns:minmax(0,1fr);display:grid}.arche-app-shell__body:has(>.arche-app-shell__sidebar){grid-template-columns:15rem minmax(0,1fr)}.arche-app-shell__sidebar{border-inline-end:1px solid var(--arche-color-border-subtle)}.arche-app-shell__sidebar-content{align-content:start;gap:var(--arche-spacing-4);box-sizing:border-box;max-height:100dvh;padding:var(--arche-spacing-4);overscroll-behavior-y:contain;display:grid;position:sticky;top:0;overflow-y:auto}.arche-app-shell[data-sticky] .arche-app-shell__sidebar-content{top:var(--arche-app-shell-header-height);max-height:calc(100dvh - var(--arche-app-shell-header-height))}.arche-app-shell__main{min-width:0}.arche-app-shell__drawer-nav{gap:var(--arche-spacing-1);display:grid}.arche-app-shell__drawer-sidebar{gap:var(--arche-spacing-4);display:grid}.arche-app-shell__drawer-nav+.arche-app-shell__drawer-sidebar{margin-top:var(--arche-spacing-4);padding-top:var(--arche-spacing-4);border-top:1px solid var(--arche-color-border)}.arche-dialog[data-size].arche-app-shell__menu-layer:not([data-width=page]){--arche-dialog-inline:var(--arche-spacing-2)}.arche-dialog[data-size].arche-app-shell__menu-layer>.arche-dialog__body{padding-block-end:var(--arche-spacing-4)}.arche-app-shell__menu-content{gap:var(--arche-spacing-6);box-sizing:border-box;flex-direction:column;min-height:100%;display:flex}.arche-app-shell__menu-nav{flex:1 0 auto;align-content:safe center;display:grid}.arche-app-shell__menu-list{margin:0;padding:0;list-style:none}.arche-app-shell__menu-item{border-top:1px solid var(--arche-color-border);transition:border-color var(--arche-duration-fast) var(--arche-easing-standard)}.arche-app-shell__menu-item:last-child{border-bottom:1px solid var(--arche-color-border)}.arche-app-shell__menu-item:has(>.arche-app-shell__link:is(:hover,:focus-visible)){border-top-color:var(--arche-color-text-strong)}.arche-app-shell__menu-list .arche-app-shell__link{margin-inline:calc(-1 * var(--arche-spacing-3));padding:.625rem var(--arche-spacing-3);font:var(--arche-typography-menu);font-stretch:var(--arche-typography-menu-font-width);letter-spacing:var(--arche-typography-menu-letter-spacing);text-transform:var(--arche-typography-menu-text-transform);overflow-wrap:anywhere;color:var(--arche-color-text-strong);text-shadow:var(--arche-glow-text);display:flex}.arche-app-shell__menu-list .arche-app-shell__link:is(:hover,:active){background:0 0}.arche-app-shell__menu-list .arche-app-shell__link[aria-current]{color:var(--arche-color-selected)}.arche-app-shell__menu-list .arche-app-shell__link[aria-current]:after{content:"";background:var(--arche-color-selected);width:2px;box-shadow:var(--arche-glow-selected);position:absolute;inset-block:.625rem;inset-inline-start:0}.arche-app-shell__menu-sidebar{gap:var(--arche-spacing-4);display:grid}.arche-app-shell__footer{justify-content:space-between;align-items:center;gap:var(--arche-spacing-2) var(--arche-spacing-6);padding:var(--arche-spacing-8) var(--arche-spacing-4);border-top:1px solid var(--arche-color-border-subtle);flex-wrap:wrap;margin-block-start:var(--arche-spacing-16);display:flex}.arche-app-shell[data-width=page]>.arche-app-shell__footer{padding-inline:var(--arche-page-inline)}:is(.arche-app-shell__footer-text,.arche-app-shell__menu-footer){font:var(--arche-typography-label);letter-spacing:var(--arche-typography-label-letter-spacing);text-transform:var(--arche-typography-label-text-transform);color:var(--arche-color-text-subtle)}.arche-app-shell__footer-nav{gap:0 var(--arche-spacing-4);flex-wrap:wrap;display:flex}.arche-app-shell__footer-nav .arche-app-shell__link{min-height:1.5rem;font-size:var(--arche-font-size-xs);font-weight:var(--arche-font-weight-regular);text-underline-offset:.25em;transition:color var(--arche-duration-fast) var(--arche-easing-standard), text-decoration-color var(--arche-duration-fast) var(--arche-easing-standard);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.arche-app-shell__footer-nav .arche-app-shell__link:is(:hover,:active){background:0 0}.arche-app-shell__footer-nav .arche-app-shell__link:hover{text-decoration-color:currentColor}@media (width<48rem){.arche-app-shell__header{gap:var(--arche-spacing-2);padding-inline:var(--arche-spacing-2)}.arche-app-shell__actions{gap:var(--arche-spacing-1)}.arche-app-shell__brand{padding-block:var(--arche-spacing-2)}.arche-app-shell__wordmark{white-space:normal;overflow-wrap:anywhere}.arche-app-shell__menu{display:flex}.arche-app-shell__nav,.arche-app-shell__sidebar{display:none}.arche-app-shell__body:has(>.arche-app-shell__sidebar){grid-template-columns:minmax(0,1fr)}.arche-app-shell__search .arche-app-shell__search-button{display:none}.arche-app-shell__search .arche-app-shell__search-icon{display:inline-flex}.arche-app-shell__footer{margin-block-start:var(--arche-spacing-12)}}@media (forced-colors:active){.arche-app-shell__link[aria-current]:after,.arche-app-shell__nav .arche-app-shell__link[aria-current]:after,:is(.arche-app-shell__sidebar,.arche-app-shell__drawer,.arche-app-shell__menu-sidebar) .arche-app-shell__link[aria-current]:after,.arche-app-shell__menu-list .arche-app-shell__link[aria-current]:after{forced-color-adjust:none;box-shadow:none;background:highlight}.arche-app-shell__footer-nav .arche-app-shell__link{text-decoration-color:currentColor}}}
