import styled from "styled-components";
export const Container = styled.div ``;
export const Content = styled.div `
  position: fixed;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 308px;
  height: 100vh;
  padding: 23px 26px 34px;
  top: 0;
  left: -308px;
  background: ${({ theme }) => theme.new?.burger?.contentBackground ?? "unset"};
  transition: 0.3s;
  z-index: 3;

  &.opened {
    left: 0;
  }
`;
export const Icon = styled.div `
  cursor: pointer;
`;
export const Overlay = styled.div `
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  left: 0;
  top: 0;
  background-color: ${({ theme }) => theme.new?.burger?.overlayBackground ?? "unset"};

  &.opened {
    display: block;
  }
`;
//# sourceMappingURL=burger-sidebar.styled.js.map