/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-eden-film-plot {
  display: flex;
  flex-direction: column;
}
.wp-block-eden-film-plot .plot-title {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  line-height: 1.2rem;
}
.wp-block-eden-film-plot .plot-text-container {
  font-size: 1rem;
  line-height: 1.2rem;
  color: #aaaaaa;
  max-height: 6rem;
  overflow: hidden;
  position: relative;
  transition: height 250ms ease-in-out;
}
.wp-block-eden-film-plot .plot-text-more-button {
  display: none;
  justify-content: flex-end;
}
.wp-block-eden-film-plot .plot-text-more-button .plot-text-more-button__link {
  cursor: pointer;
  font-size: 0.8rem;
  text-decoration: none;
  color: var(--wp--preset--text-primary);
}
.wp-block-eden-film-plot .plot-text-more-button .plot-text-more-button__link:hover {
  color: var(--wp--preset--color--secondary);
}

body.single .wp-block-eden-film-plot .plot-text-more-button__link.link {
  display: none;
}
body.single .wp-block-eden-film-plot .plot-text-more-button__link.action {
  display: block;
}

body:not(.single) .wp-block-eden-film-plot .plot-text-more-button__link.link {
  display: block;
}
body:not(.single) .wp-block-eden-film-plot .plot-text-more-button__link.action {
  display: none;
}

/*# sourceMappingURL=style-index.css.map*/