/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'yarn build' command.
 * @preserve
 */

.m-side-tab {
  position: relative;
  border-bottom: 0.0625rem solid var(--color-extended-neutrals-n-700);
}

@media (min-width: 1025px) {
  .m-side-tab {
    width: 24rem;
  }
}

.m-side-tab--active {
  border-bottom-color: currentColor;
}

.m-side-tab__container {
  display: grid;
  gap: 2rem;
}

.m-side-tab__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 2rem 0;
  cursor: pointer;
  color: inherit;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  gap: 1.5rem;
}

.m-side-tab__icons {
  display: flex;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.m-side-tab__icon {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.m-side-tab--active .m-side-tab__icon--add {
  display: none;
}

.m-side-tab__icon--remove {
  display: none;
}

.m-side-tab--active .m-side-tab__icon--remove {
  display: inline;
}

.m-side-tab__pictures {
  position: relative;
}

@media (min-width: 1025px) {
  .m-side-tab__pictures {
    position: absolute;
    top: 0;
    left: calc(100% + 4rem);
  }
}

.m-side-tab__background-image {
  display: none;
}

@media (min-width: 769px) {
  .m-side-tab__background-image {
    display: block;
  }
}

.m-side-tab__footer {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 3rem;
}

@media (min-width: 1025px) {
  .m-side-tab__footer {
    padding-left: 3rem;
  }
}

.m-side-tab__footer ul {
  padding-left: 1.625rem;
}

.m-side-tab__footer ul > li:nth-child(n + 2) {
  margin-top: 0.9375rem;
}

.m-side-tab__graph-image {
  width: 100%;
  max-width: 25rem;
}

@media (min-width: 769px) {
  .m-side-tab__graph-image {
    position: absolute;
    z-index: 1;
    right: 2rem;
    bottom: 2rem;
  }
}