:root{--sidebar-width:calc(300px + env(safe-area-inset-left));--sidebar-mobile-bar-height:56px}@media (max-width:1700px){:root{--sidebar-width:calc(280px + env(safe-area-inset-left))}}@media (max-width:1300px){:root{--sidebar-width:calc(220px + env(safe-area-inset-left))}}@media (min-width:1001px){:root:has(.sidebar--collapsed){--sidebar-width:calc(68px + env(safe-area-inset-left))}}.sidebar{--sidebar-padding-top:40px;--sidebar-padding-bottom:40px;--sidebar-padding-left:calc(16px + env(safe-area-inset-left));--sidebar-padding-right:8px;z-index:var(--z-index-mobile-menu);width:calc(300px + env(safe-area-inset-left));width:var(--sidebar-width);background-color:var(--evergreen-800);border:0 solid #0000;border-right-width:8px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:flex-start;height:100dvh;transition:width .2s,border-right-width .2s;display:flex;position:sticky;top:0;overflow:hidden}@media (max-width:1300px){.sidebar{--sidebar-padding-top:24px;--sidebar-padding-bottom:24px;--sidebar-padding-left:calc(6px + env(safe-area-inset-left));--sidebar-padding-right:3px;gap:var(--spacing-xl);border-right-width:3px}}@media (min-width:1001px){.sidebar--collapsed{--sidebar-padding-left:calc(12px + env(safe-area-inset-left));--sidebar-padding-right:12px;border-right-width:0;overflow:visible}.sidebar--collapsed .sidebar__top,.sidebar--collapsed .sidebar__bottom{scrollbar-gutter:auto;overflow:visible}.sidebar--collapsed .sidebar__top{-webkit-mask-image:none;mask-image:none}}@media (max-width:1000px){.sidebar{--sidebar-padding-top:16px;--sidebar-padding-bottom:24px;top:56px;top:var(--sidebar-mobile-bar-height);width:min(320px,85vw);height:calc(100dvh - 56px);height:calc(100dvh - var(--sidebar-mobile-bar-height));box-shadow:10px 0 40px 0 rgb(var(--black-rgb), .3);visibility:hidden;overscroll-behavior:contain;align-items:stretch;transition:transform .25s;position:fixed;left:0;transform:translate(-105%)}.sidebar--open{visibility:visible;transform:translate(0)}}.sidebar__collapse-handle{top:0;left:calc((300px + env(safe-area-inset-left)) - 4px);left:calc(calc(300px + env(safe-area-inset-left)) - 4px);left:calc(var(--sidebar-width) - 4px);z-index:1;cursor:w-resize;background:0 0;border:none;width:8px;height:100dvh;padding:0;transition:left .2s;display:none;position:fixed}.sidebar--collapsed .sidebar__collapse-handle{cursor:e-resize}@media (min-width:1001px){.sidebar__collapse-handle{display:block}}.sidebar__collapse-handle:before{content:"";border-radius:var(--radius-pill);background-color:var(--lime-500);opacity:0;pointer-events:none;width:4px;transition:opacity .2s;position:absolute;top:0;bottom:0;right:2px;-webkit-mask-image:linear-gradient(#0000 36px,#000 80px);mask-image:linear-gradient(#0000 36px,#000 80px)}.sidebar__collapse-handle:hover:before,.sidebar__collapse-handle:focus-visible:before{opacity:1}.sidebar__top{gap:var(--spacing-3xl);width:100%;min-height:0;padding:var(--sidebar-padding-top) var(--sidebar-padding-right) var(--spacing-3xl) var(--sidebar-padding-left);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable both-edges;flex-direction:column;flex:1;transition:scrollbar-color .2s;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}