/* Illustrated feed themes share the same class in the composer and published card. */
.feed-bg-joy,
.feed-bg-sad,
.feed-bg-rain,
.feed-bg-inspiration,
.feed-bg-love-story,
.feed-bg-feelings,
.feed-bg-night,
.feed-bg-colors {
  background-color: #17213b;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.feed-bg-joy {
  background-color: #713247;
  background-image: linear-gradient(90deg, rgba(45, 24, 55, .08), rgba(49, 24, 58, .35) 24%, rgba(49, 24, 58, .35) 76%, rgba(45, 24, 55, .08)), url('https://data.ghepdoi.us/assets/feed-themes/b19ae73487545d07-joy.svg');
}

.feed-bg-sad {
  background-color: #202f53;
  background-image: linear-gradient(90deg, rgba(15, 30, 57, .06), rgba(15, 30, 57, .26) 24%, rgba(15, 30, 57, .26) 76%, rgba(15, 30, 57, .06)), url('https://data.ghepdoi.us/assets/feed-themes/8d8cb6feb59a162a-sad.svg');
}

.feed-bg-rain {
  background-color: #15394b;
  background-image: linear-gradient(90deg, rgba(9, 33, 49, .04), rgba(9, 33, 49, .31) 24%, rgba(9, 33, 49, .31) 76%, rgba(9, 33, 49, .04)), url('https://data.ghepdoi.us/assets/feed-themes/cef869df313fe2fa-rain.svg');
}

.feed-bg-inspiration {
  background-color: #44315c;
  background-image: linear-gradient(90deg, rgba(28, 22, 58, .03), rgba(28, 22, 58, .25) 24%, rgba(28, 22, 58, .25) 76%, rgba(28, 22, 58, .03)), url('https://data.ghepdoi.us/assets/feed-themes/98becba4c2f26781-inspiration.svg');
}

.feed-bg-love-story {
  background-color: #632845;
  background-image: linear-gradient(90deg, rgba(54, 17, 40, .04), rgba(54, 17, 40, .28) 24%, rgba(54, 17, 40, .28) 76%, rgba(54, 17, 40, .04)), url('https://data.ghepdoi.us/assets/feed-themes/fe7e319a39e87a7a-love-story.svg');
}

.feed-bg-feelings {
  background-color: #3d345c;
  background-image: linear-gradient(90deg, rgba(32, 27, 57, .04), rgba(32, 27, 57, .3) 24%, rgba(32, 27, 57, .3) 76%, rgba(32, 27, 57, .04)), url('https://data.ghepdoi.us/assets/feed-themes/e8f79ecf35b2fb69-feelings.svg');
}

.feed-bg-night {
  background-color: #101e3a;
  background-image: linear-gradient(90deg, rgba(8, 17, 38, .02), rgba(8, 17, 38, .24) 24%, rgba(8, 17, 38, .24) 76%, rgba(8, 17, 38, .02)), url('https://data.ghepdoi.us/assets/feed-themes/3648a5c0a6cbc310-night.svg');
}

.feed-bg-colors {
  background-color: #30213f;
  background-image: linear-gradient(90deg, rgba(29, 20, 49, .08), rgba(29, 20, 49, .38) 24%, rgba(29, 20, 49, .38) 76%, rgba(29, 20, 49, .08)), url('https://data.ghepdoi.us/assets/feed-themes/77b3dd7c4ae42af9-colors.svg');
}

.feed-bg-post-card:is(.feed-bg-joy, .feed-bg-sad, .feed-bg-rain, .feed-bg-inspiration, .feed-bg-love-story, .feed-bg-feelings, .feed-bg-night, .feed-bg-colors) {
  isolation: isolate;
}

.feed-bg-post-card:is(.feed-bg-joy, .feed-bg-sad, .feed-bg-rain, .feed-bg-inspiration, .feed-bg-love-story, .feed-bg-feelings, .feed-bg-night, .feed-bg-colors) .feed-bg-post-text {
  color: #fff;
  text-shadow: 0 2px 2px rgba(10, 12, 28, .6), 0 4px 18px rgba(10, 12, 28, .78);
}

.feed-composer-stage.has-bg-effect:is(.feed-bg-joy, .feed-bg-sad, .feed-bg-rain, .feed-bg-inspiration, .feed-bg-love-story, .feed-bg-feelings, .feed-bg-night, .feed-bg-colors) textarea {
  color: #fff !important;
  text-shadow: 0 2px 2px rgba(10, 12, 28, .64), 0 4px 16px rgba(10, 12, 28, .8) !important;
}

.feed-composer-stage.has-bg-effect:is(.feed-bg-joy, .feed-bg-sad, .feed-bg-rain, .feed-bg-inspiration, .feed-bg-love-story, .feed-bg-feelings, .feed-bg-night, .feed-bg-colors) textarea::placeholder {
  color: rgba(255, 255, 255, .9) !important;
}

@media (max-width: 480px) {
  .feed-bg-post-card:is(.feed-bg-joy, .feed-bg-sad, .feed-bg-rain, .feed-bg-inspiration, .feed-bg-love-story, .feed-bg-feelings, .feed-bg-night, .feed-bg-colors) {
    padding-inline: 1.1rem;
  }

  .feed-bg-post-card:is(.feed-bg-joy, .feed-bg-sad, .feed-bg-rain, .feed-bg-inspiration, .feed-bg-love-story, .feed-bg-feelings, .feed-bg-night, .feed-bg-colors) .feed-bg-post-text {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}