.side_nav{background-color:#fff;border-right:1px solid #0000001a;flex-direction:column;flex-shrink:0;width:250px;height:100%;padding:16px 12px;display:flex;overflow-y:auto}.side_nav_rail{width:74px}.side_nav_drawer_component{height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;overflow-y:auto}.side_nav_drawer{z-index:1001;background-color:#fff;flex-direction:column;flex-shrink:0;width:240px;height:100%;padding:16px 12px;transition:left .3s ease-in-out;display:flex;position:fixed;top:0;left:-250px;overflow-y:auto;box-shadow:2px 0 5px #0003}.side_nav_drawer.open{left:0}.overlay{opacity:0;visibility:hidden;z-index:1000;background-color:#00000080;width:100vw;height:100vh;transition:opacity .3s ease-in-out;position:fixed;top:0;left:0}.overlay.show{opacity:1;visibility:visible}.side_nav::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px;height:10px}.side_nav_drawer::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px;height:10px}.side_nav::-webkit-scrollbar-track{margin-top:12px;margin-bottom:12px}.side_nav_drawer::-webkit-scrollbar-track{margin-top:12px;margin-bottom:12px}
.box{cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:24px;width:100%;height:36px;padding:8px 12px;transition:background-color .3s;display:flex}.box-icon-only{justify-content:center;gap:0;padding-left:0;padding-right:0}.icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;display:flex}.label{color:#000;font-size:14px}.selected{background-color:var(--color-interactive-background-primary-faded)}.deselected{background-color:#0000}.deselected:hover{background-color:var(--color-interactive-background-gray-default)}.selected:hover{background-color:var(--color-interactive-background-primary-faded)}.nav_item img{object-fit:cover;max-width:100%;height:auto}