<commit_before>@import "../../core/style/variables";
@import "../../core/style/shadows";
@import "../../core/style/default-theme";

$sidenav-mobile-width: 320px !default;
$sidenav-desktop-width: 400px !default;
$sidenav-min-space: 56px !default;

md-sidenav-container {
  overflow-x: hidden;
  padding-left: 0;
  transition: none;
  will-change: padding-left;
  &.md-pushed {
    transition: $swift-ease-in;
    padding-left: $sidenav-mobile-width;
  }
}

md-sidenav {
  box-sizing: border-box;
  position: fixed;
  z-index: $z-index-sidenav;

  width: $sidenav-mobile-width;
  max-width: $sidenav-mobile-width;
  bottom: 0;
  overflow: auto;

  &.md-closed {
    visibility: hidden;
    transition: transform 0.2s ease-in;
  }
  &.md-closed-add,
  &.md-closed-remove {
  }

  &.md-closed-add.md-closed-add-active,
  &.md-closed-remove.md-closed-remove-active {
    transition: $swift-ease-out;
  }

  &.md-style-side-add,
  &.md-style-side-remove {
    display: inherit;
  }

  &.md-style-side,
  &.md-style-side.md-closed,
  &.md-style-side.md-closed.md-sidenav-left,
  &.md-style-side.md-closed.md-sidenav-right,
  &.md-style-side-remove.md-closed {
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  &.md-style-side-remove-active {
    transition: width $swift-ease-in-duration $swift-ease-in-timing-function,
    min-width $swift-ease-in-duration $swift-ease-in-timing-function;
    width: 0;
    min-width: 0;
  }

  &.md-closed.md-style-side-add {
    width: 0;
    min-width: 0;
    transform: translate3d(0%, 0, 0);
  }

  &.md-closed.md-style-side-add-active {
    transition: width $swift-ease-in-duration $swift-ease-in-timing-function,
    min-width $swift-ease-in-duration $swift-ease-in-timing-function;
    width: $sidenav-mobile-width;
    min-width: $sidenav-mobile-width;
    transform: translate3d(0%, 0, 0);
  }

  @extend .md-sidenav-left;
}

.md-sidenav-left {
  left: 0;
  top: 0;
  will-change: transform;
  transform: translate3d(0%, 0, 0);
  &.md-closed {
    transform: translate3d(-100%, 0, 0);
  }
}

.md-sidenav-right {
  left: 100%;
  top: 0;
  will-change: transform;
  transform: translate3d(-100%, 0, 0);
  &.md-closed {
    transform: translate3d(0%, 0, 0);
  }
}

@media screen and (min-width: $layout-breakpoint-sm) {
  md-sidenav {
    max-width: $sidenav-desktop-width;
  }
}

@media screen and (max-width: $sidenav-desktop-width + $sidenav-min-space) {
  md-sidenav {
    width: calc(100% - #{$sidenav-min-space});
    min-width: calc(100% - #{$sidenav-min-space});
    max-width: calc(100% - #{$sidenav-min-space});
  }
}

@media screen and (-ms-high-contrast: active) {
  .md-sidenav-left {
    border-right: 1px solid #fff;
  }
  .md-sidenav-right {
    border-left: 1px solid #fff;
  }
}

md-sidenav {
  background-color: md-color($md-background, A100); //'{{background-color}}';
}
<commit_msg>chore: remove unused animation styles<commit_after>@import "../../core/style/variables";
@import "../../core/style/shadows";
@import "../../core/style/default-theme";

$sidenav-mobile-width: 320px !default;
$sidenav-desktop-width: 400px !default;
$sidenav-min-space: 56px !default;

md-sidenav-container {
  overflow-x: hidden;
  padding-left: 0;
  transition: none;
  will-change: padding-left;
  &.md-pushed {
    transition: $swift-ease-in;
    padding-left: $sidenav-mobile-width;
  }
}

md-sidenav {
  box-sizing: border-box;
  position: fixed;
  z-index: $z-index-sidenav;

  width: $sidenav-mobile-width;
  max-width: $sidenav-mobile-width;
  bottom: 0;
  overflow: auto;

  &.md-closed {
    visibility: hidden;
    transition: transform 0.2s ease-in;
  }

  &.md-closed-add.md-closed-add-active,
  &.md-closed-remove.md-closed-remove-active {
    transition: $swift-ease-out;
  }


  &.md-style-side,
  &.md-style-side.md-closed,
  &.md-style-side.md-closed.md-sidenav-left,
  &.md-style-side.md-closed.md-sidenav-right,
  &.md-style-side-remove.md-closed {
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }



  @extend .md-sidenav-left;
}

.md-sidenav-left {
  left: 0;
  top: 0;
  will-change: transform;
  transform: translate3d(0%, 0, 0);
  &.md-closed {
    transform: translate3d(-100%, 0, 0);
  }
}

.md-sidenav-right {
  left: 100%;
  top: 0;
  will-change: transform;
  transform: translate3d(-100%, 0, 0);
  &.md-closed {
    transform: translate3d(0%, 0, 0);
  }
}

@media screen and (min-width: $layout-breakpoint-sm) {
  md-sidenav {
    max-width: $sidenav-desktop-width;
  }
}

@media screen and (max-width: $sidenav-desktop-width + $sidenav-min-space) {
  md-sidenav {
    width: calc(100% - #{$sidenav-min-space});
    min-width: calc(100% - #{$sidenav-min-space});
    max-width: calc(100% - #{$sidenav-min-space});
  }
}

@media screen and (-ms-high-contrast: active) {
  .md-sidenav-left {
    border-right: 1px solid #fff;
  }
  .md-sidenav-right {
    border-left: 1px solid #fff;
  }
}

md-sidenav {
  background-color: md-color($md-background, A100); //'{{background-color}}';
}

{'fraction_non_alphanumeric': 0.18595787362086258, 'fraction_numerical': 0.024874623871614845, 'mean_word_length': 3.03071948261924, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7649786', 'n_tokens_mistral': 2144, 'n_tokens_neox': 2025, 'n_words': 335}