/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/story-feed/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.
 */
/**
 * Breakpoints & Media Queries
 */
/**
*  Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
 * Long content fade mixin
 *
 * Creates a fading overlay to signify that the content is longer
 * than the space allows.
 */
/**
 * Breakpoint mixins
 */
/**
 * Focus styles.
 */
/**
 * Applies editor left position to the selector passed as argument
 */
/**
 * Styles that are reused verbatim in a few places
 */
/**
 * Allows users to opt-out of animations via OS-level preferences.
 */
/**
 * Reset default styles for JavaScript UI based pages.
 * This is a WP-admin agnostic reset
 */
/**
 * Reset the WP Admin page styles for Gutenberg-like pages.
 */
.em-search-input {
  --em-search-input-min-height: 45px;
  --em-search-input-border-color: #c1c1c1;
  position: relative;
  max-width: 100%;
}
.em-search-input__input {
  border: 0;
  border-bottom: 1px solid var(--em-search-input-border-color) !important;
  color: #878787;
  width: 100%;
  min-height: var(--em-search-input-min-height) !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 3rem;
  font-size: 0.875rem;
  max-width: 100%;
}
.em-search-input__input::-moz-placeholder {
  color: #878787;
}
.em-search-input__input::placeholder {
  color: #878787;
}
.em-search-input__wrapper {
  position: relative;
  max-width: 100%;
}
.em-search-input__icon {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  cursor: pointer;
  background-color: transparent;
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  border: none;
  width: 36px;
  height: 36px;
}
.em-search-input__icon[data-icon=search] {
  background-image: url("data:image/svg+xml,%3Csvg width=%2717%27 height=%2717%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg transform=%27translate%281 1%29%27 stroke=%27currentColor%27 stroke-width=%271.5%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%276.4%27 cy=%276.4%27 r=%276.4%27/%3E%3Cpath d=%27M14.933 14.933l-4.008-4.008%27/%3E%3C/g%3E%3C/svg%3E");
}
.em-search-input__icon[data-icon=clear] {
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2714%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg stroke=%27currentColor%27 stroke-width=%271.5%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2.05 11.95l9.9-9.9M2.05 2.05l9.9 9.9%27/%3E%3C/g%3E%3C/svg%3E");
}

.em-button-select {
  position: relative;
}
.em-button-select__buttons {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
.em-button-select__buttons[data-orientation=horizontal] {
  flex-direction: row;
  align-items: center;
}
.em-button-select__buttons[data-orientation=vertical] {
  flex-direction: column;
  align-items: flex-start;
}
.em-button-select__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  cursor: pointer;
  min-height: 45px;
  border: 1px solid #c1c1c1;
  padding: 0 1rem;
  white-space: nowrap;
}
.em-button-select__button:hover {
  background: #fafafa;
}
.em-button-select__button[disabled] {
  background: #fafafa;
  cursor: auto;
}

.em-icon-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  background-color: #fff;
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  height: 45px;
  width: 45px;
}
.em-icon-button[disabled] {
  opacity: 0.6;
  background-color: #eee;
  cursor: auto;
}
.em-icon-button[data-icon=grid] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27currentColor%27 class=%27bi bi-grid-3x3-gap-fill%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2z%27/%3E%3C/svg%3E");
}
.em-icon-button[data-icon=list] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27currentColor%27 class=%27bi bi-list-ul%27 viewBox=%270 0 16 16%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z%27/%3E%3C/svg%3E");
}

.em-select {
  max-width: 100%;
}

.em-block-story-feed {
  position: relative;
  min-height: 50vh;
}
.em-block-story-feed__filters {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
  margin-bottom: 3rem;
}
@media (min-width: 782px) {
  .em-block-story-feed__filters {
    gap: 3rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.em-block-story-feed__filters > * {
  align-self: flex-end;
}
.em-block-story-feed__layout-select {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
@media (min-width: 1280px) {
  .em-block-story-feed__layout-select {
    grid-column: 4;
  }
}
.em-block-story-feed__posts {
  display: grid;
  gap: 3rem;
  grid-template-columns: 1fr;
}
@media (min-width: 782px) {
  .em-block-story-feed__posts {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 960px) {
  .em-block-story-feed__posts {
    grid-template-columns: repeat(3, 1fr);
  }
}
.em-block-story-feed__posts[data-layout=list] {
  gap: 0;
}
@media (min-width: 782px) {
  .em-block-story-feed__posts[data-layout=list] {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 960px) {
  .em-block-story-feed__posts[data-layout=list] {
    grid-template-columns: 1fr;
  }
}
.em-block-story-feed__more {
  margin-top: 2rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.em-block-story-feed__more:empty {
  margin-top: 0;
}
.em-block-story-feed__error-message {
  padding: 4rem;
  border: dashed 1px #d8000c;
  background-color: rgba(216, 0, 12, 0.1);
  border-radius: 10px;
  text-align: center;
}
.em-block-story-feed__error-message,
.em-block-story-feed__error-message h1,
.em-block-story-feed__error-message h2,
.em-block-story-feed__error-message h3,
.em-block-story-feed__error-message h4,
.em-block-story-feed__error-message p {
  color: #d8000c;
}
.em-block-story-feed__neutral-message {
  padding: 4rem;
  text-align: center;
}

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