._wrapper_1oitk_1{top:calc(50% + (var(--navigation-rail-open-top,1rem) - 1rem) / 2);width:var(--navigation-rail-width);z-index:9;box-shadow:var(--studio-elevation-subtle);background:var(--es-color-background-elevation);border:.5px solid var(--es-color-border-tertiary);interpolate-size:allow-keywords;border-radius:999px;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),border-radius .35s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;left:1rem;overflow:hidden;transform:translateY(-50%)}._wrapper_1oitk_1[data-drawer-open=true]{--navigation-rail-width:48px;height:calc(100% - var(--navigation-rail-open-top,1rem) - 1rem);width:calc(var(--navigation-rail-width) + var(--drawer-panel-width));border-radius:var(--es-radius-surface)}._wrapper_1oitk_1[data-drawer-open=true][data-side-panel-open=true]{width:calc(var(--navigation-rail-width) + var(--side-panel-width) + var(--drawer-panel-width))}._wrapper_1oitk_1._wrapperMobile_1oitk_37[data-drawer-open=true]{border-radius:0;width:100%;height:100%;transition:none;inset:0;transform:none}._wrapper_1oitk_1._wrapperMobile_1oitk_37[data-drawer-open=false]{display:none}._wrapper_1oitk_1._wrapperMobile_1oitk_37{background:var(--mobile-screen-background);box-shadow:none;--edge-fade-mask:#000 0%, #000000e6 25%, #000000b3 40%, #00000073 55%, #00000038 70%, #00000014 85%, transparent 100%;--edge-fade-tint:var(--mobile-screen-background) 0%, color-mix(in srgb, var(--mobile-screen-background) 90%, transparent) 25%, color-mix(in srgb, var(--mobile-screen-background) 72%, transparent) 40%, color-mix(in srgb, var(--mobile-screen-background) 48%, transparent) 55%, color-mix(in srgb, var(--mobile-screen-background) 24%, transparent) 70%, color-mix(in srgb, var(--mobile-screen-background) 8%, transparent) 85%, transparent 100%;border:none}._wrapperMobile_1oitk_37 ._rail_1oitk_78,._wrapperMobile_1oitk_37 ._resizeHandle_1oitk_79,._wrapperMobile_1oitk_37 ._drawerHeader_1oitk_85,._wrapperMobile_1oitk_37 ._drawerCloseButton_1oitk_86,._wrapperMobile_1oitk_37 ._drawerFloatingCloseButton_1oitk_87{display:none}._wrapperMobile_1oitk_37 ._drawerPanel_1oitk_95{width:auto;top:0;left:0;right:0}._wrapperMobile_1oitk_37 ._drawerBodyFill_1oitk_102{padding-bottom:0}._wrapperMobile_1oitk_37 ._drawerPanel_1oitk_95,._wrapperMobile_1oitk_37 ._panelContent_1oitk_112{animation:none}._wrapperMobile_1oitk_37 ._drawerBody_1oitk_102{z-index:auto}._wrapperMobile_1oitk_37 ._drawerPanel_1oitk_95:before,._wrapperMobile_1oitk_37 ._drawerPanel_1oitk_95:after{content:"";z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute;left:0;right:0}._wrapperMobile_1oitk_37 ._drawerPanel_1oitk_95:before{background-image:linear-gradient(to bottom, var(--edge-fade-tint));height:calc(56px + 4rem);-webkit-mask-image:linear-gradient(to bottom, var(--edge-fade-mask));-webkit-mask-image:linear-gradient(to bottom, var(--edge-fade-mask));mask-image:linear-gradient(to bottom, var(--edge-fade-mask));top:0}._wrapperMobile_1oitk_37 ._drawerPanel_1oitk_95:after{background-image:linear-gradient(to top, var(--edge-fade-tint));height:7rem;-webkit-mask-image:linear-gradient(to top, var(--edge-fade-mask));-webkit-mask-image:linear-gradient(to top, var(--edge-fade-mask));mask-image:linear-gradient(to top, var(--edge-fade-mask));bottom:0}._wrapperMobile_1oitk_37 ._drawerPanel_1oitk_95:has(._drawerBodyFill_1oitk_102):after{display:none}._wrapperMobile_1oitk_37 ._drawerBody_1oitk_102:not(._drawerBodyFill_1oitk_102){padding-bottom:calc(7rem + var(--mobile-bar-clearance,0px));padding-top:calc(72px + 1.5rem)}._wrapperResizing_1oitk_172{transition:none}._rail_1oitk_78{width:var(--navigation-rail-width);border-right:1px solid #0000;flex-direction:column;flex-shrink:0;align-items:center;padding:0 4px;display:flex;position:relative;overflow:hidden}._wrapper_1oitk_1[data-drawer-open=true] ._rail_1oitk_78{border-right-color:var(--es-color-border-tertiary)}._navList_1oitk_192{flex-direction:column;flex:1;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}._spacer_1oitk_203{flex:1;min-height:0}._centerNavItem_1oitk_208{cursor:pointer;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}._centerNavItemButton_1oitk_218{--es-iconbutton-xs-icon-max-width:1rem}._sidePanel_1oitk_226{top:0;left:var(--navigation-rail-width);width:var(--side-panel-width);background:var(--es-color-background-elevation);border-right:.5px solid var(--es-color-border-tertiary);z-index:11;opacity:0;visibility:hidden;flex-direction:column;transition:opacity .25s cubic-bezier(.16,1,.3,1),visibility 0s linear .25s;display:flex;position:absolute;bottom:0;overflow:hidden}._sidePanelVisible_1oitk_245{opacity:1;visibility:visible;transition:opacity .25s cubic-bezier(.16,1,.3,1) .1s,visibility linear}._drawerPanel_1oitk_95{--drawer-header-height:56px;top:0;left:var(--navigation-rail-width);width:var(--drawer-panel-width);z-index:10;flex-direction:column;transition:left .35s cubic-bezier(.16,1,.3,1);animation:.3s cubic-bezier(.16,1,.3,1) .1s both _drawerFadeIn_1oitk_1;display:flex;position:absolute;bottom:0;overflow:hidden}._wrapper_1oitk_1[data-side-panel-open=true] ._drawerPanel_1oitk_95{left:calc(var(--navigation-rail-width) + var(--side-panel-width))}@keyframes _drawerFadeIn_1oitk_1{0%{opacity:0}}._resizeHandle_1oitk_79{cursor:ew-resize;z-index:4;width:8px;position:absolute;top:0;bottom:0;right:0}._panelContent_1oitk_112{height:100%;animation:.2s ease-out both _panelContentIn_1oitk_1}@keyframes _panelContentIn_1oitk_1{0%{opacity:0}}._drawerHeader_1oitk_85{background:var(--es-color-background-elevation);z-index:3;flex-shrink:0;align-items:center;gap:2px;height:48px;padding:0 8px 0 16px;display:flex;position:relative}._drawerHeaderShadow_1oitk_319:after{content:"";background:var(--es-color-border-tertiary,#ffffff1a);height:.5px;position:absolute;bottom:0;left:0;right:0}._drawerCloseButton_1oitk_86{margin-left:auto}._drawerFloatingCloseButton_1oitk_87{z-index:1;position:absolute;top:8px;right:8px}._drawerBody_1oitk_102{scrollbar-gutter:stable both-edges;z-index:0;flex:1;min-height:0;margin-right:8px;padding:0 8px 1rem 1rem;position:relative;overflow:auto}._drawerBodyFill_1oitk_102{scrollbar-gutter:auto;flex-direction:column;display:flex;overflow:hidden}._drawerBodyFill_1oitk_102>._panelContent_1oitk_112{flex-direction:column;flex:1;height:auto;min-height:0;display:flex}
