.dock-scrim{z-index:60;background:#00000047;position:fixed;inset:0}.dock-panel{z-index:61;background:hsl(var(--background));width:auto;max-height:min(92dvh,100dvh - 2.5rem);padding-bottom:env(safe-area-inset-bottom);border:none;border-radius:1.25rem 1.25rem 0 0;flex-direction:column;display:flex;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -10px 44px -10px #00000061}.dock-grab{touch-action:none;flex-shrink:0;height:1.5rem;position:relative}.dock-grab-bar{background:hsl(var(--border));border-radius:9999px;width:2.5rem;height:.25rem;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}@media (width>=768px){.dock-panel{max-height:none;width:var(--dock-w,24rem);z-index:40;background:hsl(var(--secondary));max-width:none;box-shadow:none;border:none;border-radius:1rem;padding-bottom:0;inset:3.5rem 1rem 1.5rem auto;overflow:hidden}}.dock-body{flex:1;min-height:0;overflow-y:auto}.dock-header{border-bottom:1px solid hsl(var(--border)/.6);flex-shrink:0;align-items:center;gap:.5rem;min-height:3.5rem;padding:0 .5rem 0 1rem;display:flex}.dock-resize{display:none}@media (width>=768px){.dock-resize{cursor:col-resize;z-index:5;touch-action:none;width:8px;display:block;position:absolute;top:0;bottom:0;left:0}.dock-resize:before{content:"";background:hsl(var(--border));opacity:0;border-radius:9999px;width:3px;height:2.5rem;transition:opacity .15s;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.dock-panel--resizing .dock-resize:before,.dock-resize:hover:before{opacity:1}.dock-panel--resizing{-webkit-user-select:none;user-select:none}}.dock-slide-enter-active,.dock-slide-leave-active{transition:transform .26s cubic-bezier(.32,.72,0,1)}.dock-slide-enter-from,.dock-slide-leave-to{transform:translateY(100%)}@media (width>=768px){.dock-slide-enter-active,.dock-slide-leave-active{transition:transform .22s}.dock-slide-enter-from,.dock-slide-leave-to{transform:translate(100%)}}.dock-fade-enter-active,.dock-fade-leave-active{transition:opacity .2s}.dock-fade-enter-from,.dock-fade-leave-to{opacity:0}