/* The desktop preference never changes the mobile menu or carousel. */
.desktop-layout-toggle {
  display: none;
}

@media (min-width: 821px) {
  .desktop-layout-toggle:not([hidden]) {
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 1000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #d7dfe9;
    border-radius: 50%;
    background: #fff;
    color: #192b43;
    box-shadow: 0 2px 8px #192b4314;
    cursor: pointer;
  }

  .desktop-layout-toggle:hover {
    background: #edf2f8;
    border-color: #aebdd0;
  }

  .desktop-layout-toggle:focus-visible {
    outline: 3px solid #2975c5;
    outline-offset: 3px;
  }

  .desktop-content-expanded .desktop-layout-toggle svg {
    transform: rotate(180deg);
  }

  .desktop-content-expanded #mobileMenu,
  .desktop-content-expanded #desktopGamesSlot {
    display: none;
  }

  .desktop-content-expanded .sidebar-layout > .content-area {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }
}

@media print {
  .desktop-layout-toggle:not([hidden]) {
    display: none;
  }
}