.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%;height:calc(var(--space-mobile-headers) + 20px);background-color:var(--color-layout);z-index:99999;border-top:1px solid #0000009d;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-bottom:20px;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{background-color:var(--color-secondary-layout);width:180px;height:100vh;top:var(--space-mobile-headers);left:var(--space-layout);border-top-left-radius:var(--radius-lg);z-index:9999;flex-direction:column;align-items:center;display:flex;position:fixed}.secondary-sidebar p{color:var(--color-gray-100)}.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{min-height:var(--space-mobile-headers);max-height:var(--space-mobile-headers);width:100%;left:0;top:var(--space-mobile-headers);border-top:1px solid #0000009d;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:sticky}.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}.ss-button-p{min-width:50px;max-width:50px}}