@use 'media-query' as *;

$grid-sidebar-sidebar-1-column-start: sidebar-1-start;
$grid-sidebar-sidebar-1-column-end: sidebar-1-end;
$grid-sidebar-sidebar-2-column-start: sidebar-2-start;
$grid-sidebar-sidebar-2-column-end: sidebar-2-end;


@mixin grid-sidebar-sidebar-1($is-open: false) {
  display: none;
  @include media-query-min('l') {
    display: unset;
    
    
    
    
    grid-row: span 300;
    grid-column: $grid-sidebar-sidebar-1-column-start /
      $grid-sidebar-sidebar-1-column-end;
    margin-block-end: 0;
    @if ($is-open == true) {
      width: 264px;
      max-width: 264px;
    } @else {
      width: 64px;
      max-width: 64px;
    }
  }
}

@mixin grid-sidebar-sidebar-2($is-open: false) {
  display: none;
  @include media-query-min('l') {
    
    
    
    
    grid-row: span 300;
    margin-block-end: 0;
    @if ($is-open == true) {
      grid-column: $grid-sidebar-sidebar-2-column-start /
        $grid-sidebar-sidebar-2-column-end;
      display: unset;
      width: 320px;
      max-width: 320px;
      margin-inline-start: -24px;
    }
  }
  @media (min-width: 1535px) {
    margin-inline-start: -32px;
  }
}