import styled from 'styled-components';

export const LeftPaneSectionContainer = styled.div`
  width: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: var(--border-color);
  overflow-y: auto;

  .session-icon-button {
    padding: 30px 20px;
  }

  .module-avatar {
    height: 80px;
    display: flex;
    align-items: center;
  }

  // this is not ideal but it seems that nth-0last-child does not work
  #onion-path-indicator-led-id {
    margin: auto auto 0px auto;
    opacity: 1;
  }
`;