.bottom-navigation {
  width: 90%;
  max-width: 1266px;
  margin: 0 auto;
  position: relative; }
  .bottom-navigation:before, .bottom-navigation:after {
    content: '';
    position: absolute;
    top: -5%;
    display: block;
    width: 86px;
    height: 110%;
    z-index: 1; }
  .bottom-navigation:before {
    left: -4px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0.5) 30%, #FFFFFF 100%); }
  .bottom-navigation:after {
    right: -4px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0.5) 30%, #FFFFFF 100%); }
  .bottom-navigation li {
    flex-shrink: 0;
    margin: 0 clamp(1.3rem, -1.5rem + 7vw, 4.4rem) 0 0; }
    .bottom-navigation li:last-child {
      margin-right: 0; }
  .bottom-navigation a {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5;
    padding: 0; }
  .bottom-navigation .menu__item {
    padding: 2px; }
  .bottom-navigation .menu__link--active-trail {
    color: #E94E24; }
  .bottom-navigation .menu {
    position: relative;
    display: flex;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; }
    .bottom-navigation .menu::-webkit-scrollbar {
      display: none; }
  .bottom-navigation .menu__link--badge {
    display: flex; }
    .bottom-navigation .menu__link--badge svg:hover {
      border: 1px solid #E94E24;
      border-radius: 4px; }
      .bottom-navigation .menu__link--badge svg:hover path {
        fill: #E94E24; }
      .bottom-navigation .menu__link--badge svg:hover path:nth-child(1) {
        fill: transparent; }
  .bottom-navigation .nav-arrow {
    position: absolute;
    top: 50%;
    display: flex;
    padding: 0.3em 0.45em;
    margin: 0;
    background: transparent;
    border: none;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2; }
    .bottom-navigation .nav-arrow.left {
      left: 0;
      transform: translateY(-50%) scale(-1); }
    .bottom-navigation .nav-arrow.right {
      right: 0; }
    .bottom-navigation .nav-arrow svg path {
      stroke: #E94E24; }
  .bottom-navigation.hide-left:before,
  .bottom-navigation.hide-left .nav-arrow.left {
    display: none; }
  .bottom-navigation.hide-right:after,
  .bottom-navigation.hide-right .nav-arrow.right {
    display: none; }

/*# sourceMappingURL=bottom-navigation.css.map */