/*$box-shadow: (*/
/**/ /*"sm": 0 0 0.375rem 0 rgba(46, 38, 61, 0.18), //*/
/**/ /*"md": 0 0 0.625rem 0 rgba(46, 38, 61, 0.2), //*/
/**/ /*"lg": 0 0 1rem 0 rgba(46, 38, 61, 0.22) //
);*/
/*
1 colore bottone
2 bordo/hover
3 testo
*/
/*$box-shadow: (*/
/**/ /*"sm": 0 0 0.375rem 0 rgba(46, 38, 61, 0.18), //*/
/**/ /*"md": 0 0 0.625rem 0 rgba(46, 38, 61, 0.2), //*/
/**/ /*"lg": 0 0 1rem 0 rgba(46, 38, 61, 0.22) //
);*/
/*
1 colore bottone
2 bordo/hover
3 testo
*/
.tutorial-slide {
  padding: 0 1rem 1rem 2rem;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  height: auto;
}

[data-swiper-key=Tutorial] .custom-swiper-prev {
  left: 0 !important;
}

[data-swiper-key=Tutorial] .custom-swiper-next {
  right: 0 !important;
}

.tutorial-row {
  display: flex;
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
}
.tutorial-row--leftImage {
  display: inline-flex;
  flex-direction: row !important;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem 0;
}
.tutorial-row--rightImage {
  display: inline-flex;
  flex-direction: row-reverse !important;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem 0;
}
.tutorial-row__image {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
.tutorial-row__image svg {
  width: 100%;
  height: 100%;
  display: block;
}
.tutorial-row__text {
  flex: 1;
}

.user-avatar-gradient stop:first-child {
  stop-color: var(--primary-light);
}

.user-avatar-gradient stop:last-child {
  stop-color: var(--primary);
}

.MissionRectangle,
.missionDetail {
  fill: var(--primary-light);
}

.plusSvg {
  fill: var(--secondary);
}

/*# sourceMappingURL=Tutorial.css.map */