import styled from "styled-components";
import { Row } from "../grid";
import { NavLink as L } from "react-router-dom";
export const Header = styled.header `
  position: absolute;
  left: 0;
  right: 0;
  top: 0;

  width: 100%;
  height: 72px;

  display: flex;
  align-items: center;

  z-index: 10;

  @media (max-width: 1023px) {
    height: 48px;
    padding: 0 8px;
  }
`;
export const Nav = styled.nav `
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;

  display: flex;
  justify-content: space-between;
  align-items: center;

  @media (max-width: 1023px) {
    touch-action: none;

    .ui-header__burger-wrapper {
      margin-left: unset;

      + div {
        height: 100vh;
        touch-action: none;
      }
    }
  }
`;
export const Logo = styled(L) `
  width: 111px;
  height: 36.54px;

  > img {
    height: 100%;
    width: auto;
  }

  @media (max-width: 1023px) {
    height: 32px;
    width: auto;
  }
`;
export const LangSwitcher = styled(Row) `
  margin: unset;
  justify-content: flex-end;
  max-width: 176px;

  @media (max-width: 1023px) {
    justify-content: flex-start;
    max-width: 158px;
  }
`;
export const LangLink = styled.a `
  text-decoration: unset;
  cursor: pointer;

  font-family: Bold;
  font-size: 14px;
  line-height: 24px;

  color: #ece3d0;
  &.active {
    color: #1d2325;
  }

  @media (max-width: 1023px) {
    font-size: 12px;
  }
`;
export const SimpleLink = styled.a `
  text-decoration: unset;
  color: #1d2325;
  font-family: Bold;
  font-size: 14px;
  line-height: 24px;
`;
export const Link = styled(L) `
  text-decoration: unset;
  color: #1d2325;
  font-family: Bold;
  font-size: 14px;
  line-height: 24px;

  &.active {
    color: #E8662D;
  }
`;
export const Links = styled(Row) `
  justify-content: center;

  ${Link}, ${SimpleLink} {
    margin-right: 24px;
    :last-of-type {
      margin-right: 0;
    }
  }
`;
//# sourceMappingURL=styled.js.map