.sidebar{max-width:var(--space-layout);align-items:center;gap:var(--space-3);height:100vh;padding:var(--space-10)0;background-color:#0000;flex-direction:column;display:flex;position:fixed;top:0;left:0}.buttons-container{margin-top:150px}.sidebar-button{width:50px;height:50px;max-height:none;margin-bottom:var(--space-6);justify-content:center;align-items:center;padding:0;display:flex}@media (max-width:768px){.sidebar{min-width:100%;min-height:var(--space-mobile-headers);max-height:var(--space-mobile-headers);background-color:var(--color-layout);z-index:99999;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:auto;bottom:0}.buttons-container{all:unset;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:100%;margin-left:30px;margin-right:30px;display:flex}.sidebar-button{all:unset;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:100%;display:flex}.sidebar-button:hover{background:#0000000d}}
.secondary-sidebar{left:var(--space-layout);background-color:var(--color-secondary-layout);border-top-left-radius:var(--radius-lg);flex-direction:column;align-items:center;width:180px;height:100vh;display:flex;position:fixed}.logo{margin-top:20px;padding:5px}.secondary-sidebar-buttons{gap:var(--space-2);flex-direction:column;width:100%;margin-top:60px;display:flex}.secondary-sidebar-button{all:unset;justify-content:flex-start;align-items:flex-start;gap:var(--space-2);cursor:pointer;flex:1;width:100%;margin-top:4px;padding:5px 0;transition:all .2s;display:flex}.secondary-sidebar-button-icon{flex-shrink:0;width:20px;height:20px;margin-left:30px}.secondary-sidebar-button:hover{background:#0000000d}.secondary-sidebar-button.active{font-weight:var(--font-weight-semibold);background:#0000001a}@media (max-width:768px){.secondary-sidebar{width:150px;padding:0 var(--space-2)}.secondary-sidebar-button{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-2)}.secondary-sidebar{min-height:var(--space-mobile-headers);max-height:var(--space-mobile-headers);border-radius:0;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex;position:relative;left:0}.secondary-sidebar-buttons{all:unset;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:100%;margin-left:30px;margin-right:30px;display:flex}.secondary-sidebar-button{justify-content:center;align-items:center;height:100%;margin:0;padding:0;display:flex}}