/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./frontend/src/scss/pages/support-mom/story.scss ***!
  \*****************************************************************************************************************************************/
html {
  --theme-buy-bg: #FFFFFF;
  --theme-btn-primary-hover: #E0A6B2;
  --theme-btn-primary-active: #D497A3;
  --theme-primary-color: #DE8696;
  --theme-ui-primary-color: #E5C1C8;
  --theme-ui-primary-color-hover: #E36279;
  --theme-ui-primary-color-active: #A44F5E;
  --theme-secondary-bg: #FFFFFF;
  --theme-header-border: #FDF7F8;
  --theme-text-color: #585858;
  --theme-button-shadow: .7rem .7rem 1.8rem #AC818966;
  --theme-black: rgba(88, 88, 88, 1);
  --theme-black-075: rgba(88, 88, 88, .75);
  --theme-black-05: rgba(88, 88, 88, .5);
  --theme-black-03: rgba(88, 88, 88, .3);
  --theme-black-005: rgba(88, 88, 88, .05);
  --theme-product-hero-bg: #FDF7F8;
  --theme-modal-overlay: rgba(198, 176, 180, 0.4);
  --theme-primary-bg: #FFFFFF;
  --theme-subfilter-bg: #FFFFFF;
  --theme-article-content-bg: rgba(255, 255, 255, 0.75);
}

html[data-theme=dark-theme] {
  --theme-buy-bg: #D0E5FF;
  --theme-btn-primary-hover: #008589;
  --theme-btn-primary-active: #007E83;
  --theme-primary-color: #20A7AB;
  --theme-ui-primary-color: #20A7AB;
  --theme-ui-primary-color-hover: #008589;
  --theme-ui-primary-color-active: #007E83;
  --theme-secondary-bg: #3B4D64;
  --theme-header-border: #6C7B8F;
  --theme-text-color: #FFFFFF;
  --theme-button-shadow: 7px 7px 18px 0px #20A7AB3D;
  --theme-black: rgba(40, 58, 81, 1);
  --theme-black-075: rgba(40, 58, 81, .75);
  --theme-black-05: rgba(40, 58, 81, .5);
  --theme-black-03: rgba(40, 58, 81, .3);
  --theme-black-005: rgba(40, 58, 81, .05);
  --theme-product-hero-bg: #394A5F;
  --theme-modal-overlay: rgba(40, 58, 81, .5);
  --theme-primary-bg: #4E5F74;
  --theme-subfilter-bg: #3B4D64;
  --theme-article-content-bg: rgba(57, 74, 95, 0.75);
}

.sm-story {
  padding: 4rem 4rem 6rem;
  display: grid;
  grid-gap: 5.6rem;
}
@media (max-width: 667px) {
  .sm-story {
    padding: 2.4rem 1.6rem 4rem;
    grid-gap: 4rem;
  }
}
.sm-story h1, .sm-story h2, .sm-story h3, .sm-story p {
  padding: 0;
}
.sm-story h1, .sm-story h2 {
  font-size: 4.8rem;
  line-height: 6.2rem;
}
@media (max-width: 667px) {
  .sm-story h1, .sm-story h2 {
    font-size: 2.8rem;
    line-height: 3.64rem;
  }
}
.sm-story .sm-story__page-title {
  margin: 0;
  text-align: center;
  font-size: 6.4rem;
  line-height: 7rem;
}
@media (max-width: 667px) {
  .sm-story .sm-story__page-title {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}
.sm-story__diagnosis {
  margin-left: -4rem;
  margin-right: 0;
  padding: 3.2rem 4rem;
  background: #FDF7F8;
  display: grid;
  grid-gap: 1.2rem;
}
@media (max-width: 667px) {
  .sm-story__diagnosis {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    padding: 2rem 1.6rem;
  }
}
.sm-story__block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4rem;
  align-items: stretch;
}
@media (max-width: 667px) {
  .sm-story__block {
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    align-items: start;
  }
}
.sm-story__block--single {
  align-items: start;
}
@media (min-width: 667px) {
  .sm-story__block--media-left .sm-story__media {
    order: -1;
  }
}
.sm-story__text {
  display: grid;
  grid-gap: 1.6rem;
  align-content: start;
}
.sm-story__author {
  font-weight: 500;
  color: var(--theme-black);
}
.sm-story__media {
  position: relative;
  overflow: hidden;
}
.sm-story__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 667px) {
  .sm-story__media {
    order: -1;
    position: static;
  }
  .sm-story__media img {
    position: static;
    height: auto;
  }
}
.sm-story__block--single .sm-story__media {
  position: static;
  align-self: start;
}
.sm-story__block--single .sm-story__media img {
  position: static;
  height: auto;
}