main.q1anduyb{width:100%;display:grid;grid-template:"dock deck" 1fr "dash dash" auto / auto 1fr}desk.q1anduyb{display:flex;overflow-y:auto;grid-area:1 / 1 / 1 / -1;padding:.5rem}dock.q1anduyb{display:flex;grid-area:dock;flex-direction:column;gap:.5rem;padding:.5rem;background-color:hsl(var(--base),8%);border-right-width:.0625rem;border-right-color:hsl(var(--base),24%);transition-duration:128ms;transition-property:transform;transform:translate(-100%)}deck.q1anduyb{display:flex;grid-area:deck;flex-direction:column;gap:.5rem;padding:.5rem;background-color:hsl(var(--base),8%);transition-duration:128ms;transition-property:transform;transform:translate(100%);text-transform:capitalize}dash.q1anduyb{gap:.5rem;display:flex;padding:.5rem;grid-area:dash;border-top-width:.0625rem;border-top-color:hsl(var(--base),24%)}.btn.q1anduyb{overflow:hidden;position:relative;padding:.5rem;border-radius:.25rem;color:hsl(var(--base),48%);transition-property:color,background-color}@media (hover){.btn.q1anduyb:hover{color:hsl(var(--base),56%);background-color:hsl(var(--base),16%)}}@container root (min-width: 24rem){main.q1anduyb{grid-template:"dock deck" 1fr "dock dash" auto / auto 1fr}desk.q1anduyb{grid-area:deck}dock.q1anduyb{z-index:1;transform:unset}deck.q1anduyb{width:12rem;border-right-width:.0625rem;border-right-color:hsl(var(--base),24%);transform:translate(-100%)}.menu.q1anduyb{display:none}}@container root (min-width: 48rem){main.q1anduyb{grid-template:"dock deck desk" 1fr "dock dash dash" auto / auto auto 1fr}desk.q1anduyb{grid-area:desk}deck.q1anduyb{transform:unset}}