@use "lab-layout-v3.utils" as *;
@use "lab-layout-v2.variables" as *;

@include media(false, $main-min-width + $consoles-min-width) {
  @include layout(true) {
    --lab-consoles-width: 0px;
    --lab-main-width: var(--lab-container-width);

    --lab-consoles-display: none;
  }
}

@include media($main-min-width + $consoles-min-width, $main-min-width + $consoles-max-width) {
  @include layout(true) {
    --lab-main-width: #{$main-min-width};
    --lab-consoles-width: calc(var(--lab-container-width) - var(--lab-main-width));
  }
}

@include media($main-min-width + $consoles-max-width, $main-max-width + $consoles-max-width) {
  @include layout(true) {
    --lab-main-width: calc(var(--lab-container-width) - var(--lab-consoles-width));
    --lab-consoles-width: #{$consoles-min-width}
  }
}

@include media($main-max-width + $consoles-max-width) {
  @include layout(true) {
    --lab-main-width: #{$main-max-width};
    --lab-consoles-width: #{$consoles-max-width};
  }
}