.toggler--close {
  position: absolute;
  height: 50px;
  width: 50px;
  top: 50px;
  max-width: 1060px;
  cursor: pointer; }
  @supports (-ms-ime-align: auto) {
    .toggler--close {
      left: 50%;
      transform: translateX(-50%);
      width: 70vw;
      max-width: unset; } }
  .toggler--close::before, .toggler--close::after {
    content: '';
    position: absolute;
    top: 25px;
    right: 0;
    width: 50px;
    border-bottom: 0.5px solid #ffffff; }
    @media (min-width: 651px) and (max-width: 1024px) {
      .toggler--close::before, .toggler--close::after {
        top: 75px;
        right: 80px; } }
    @media screen and (max-width: 650px) {
      .toggler--close::before, .toggler--close::after {
        top: 75px;
        right: 55px; } }
  .toggler--close::before {
    transform: rotate(135deg); }
  .toggler--close::after {
    transform: rotate(45deg); }
    @media screen and (-ms-high-contrast: none) {
      .toggler--close::after {
        transform: rotate(40deg); } }
    @supports (-ms-ime-align: auto) {
      .toggler--close::after {
        transform: rotate(50deg); } }

.toolbar-tray-open .toggler--close,
.toolbar-horizontal .toggler--close,
.toolbar-fixed .toggler--close {
  top: 100px; }

.toggler--close-menu {
  position: relative;
  top: 0;
  width: 50px;
  max-width: 1008px;
  cursor: pointer; }
  @media (max-width: 1024px) {
    .toggler--close-menu::before, .toggler--close-menu::after {
      top: 50%;
      right: 0;
      width: 40px; } }

.toolbar-tray-open .toggler--close-menu,
.toolbar-horizontal .toggler--close-menu,
.toolbar-fixed .toggler--close-menu {
  top: 0; }

.toggler--main-menu-mobile {
  position: relative;
  height: 20px;
  width: 30px;
  border-bottom: 1px solid white;
  margin: auto;
  cursor: pointer;
  z-index: 1; }
  @media (min-width: 1280px) {
    .toggler--main-menu-mobile {
      display: none; } }
  .toggler--main-menu-mobile::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0.5px solid white; }
  .toggler--main-menu-mobile::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    border: 0.5px solid white; }

.toggler--disabled {
  display: none; }