/* Native media capture is intentionally a separate mobile action: browsers
   may replace file browsing when `capture` is present. */
.mobile-file-picker {
  display: none !important;
}

@media (hover: none) and (pointer: coarse) {
  .mobile-file-picker {
    display: flex !important;
  }
}

@media (max-width: 62.5em) {
  .dropmenu-current {
    .icon.cur {
      display: none;
    }
  }
}

@media (max-width: 50em) {
  #logozone,
  #mainlogo {
    width: 5em !important;
  }
}

@media (max-width: 40.625em) {
  .dropmenu-current {
    .icon.cur {
      display: inline !important;
      font-size: 1em;
      opacity: 1 !important;
    }
  }
  span.dropmenu-label {
    display: none;
  }
}

/* *************** Global grid ***************
******************************************** */

@media (orientation: portrait) {
  #profile-panel {
    grid-area: initial;
    overflow: hidden;
    width: calc(100% * var(--profile-open));
    height: calc(100% - var(--header-height));
    position: absolute;
    top: var(--header-height);
    left: 0;
  }
}