:host {
  display: block;
  max-width: var(--element-max-width);
  min-width: var(--element-min-width);
  margin: 10px auto;
}
:host .wrapper {
  margin-top: 15px;
  background-color: var(--card-bg-color);
  background-image: var(--card-bg-image);
  background-size: cover;
  background-position: 0% top;
  background-size: 300%;
  padding: 20px;
  border-radius: var(--card-border-radius);
  box-shadow: var(--card-box-shadow);
}
:host .wrapper .title {
  padding: 10px 0;
  color: rgba(255, 255, 255, 0.95);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
}
:host .wrapper .content {
  padding: 10px;
}
:host .wrapper .content .date {
  text-align: right;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
:host .wrapper .content img {
  margin-right: 30px;
  max-width: 300px;
  float: left;
  box-shadow: var(--card-content-box-shadow);
}
:host .wrapper .content .body {
  color: rgba(255, 255, 255, 0.8);
}
:host .tags {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
  margin-right: -5px;
}
:host .tags .tag {
  background-color: var(--card-bg-color);
  background-image: var(--card-bg-image);
  background-size: cover;
  background-position: 0% top;
  box-shadow: var(--card-box-shadow);
  border-radius: var(--card-border-radius);
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  flex: 1;
}
:host .tags .tag::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  border-radius: var(--card-border-radius);
  opacity: 0;
  transition: opacity 0.3s;
}
:host .tags .tag:hover::after {
  opacity: 0.1;
}
:host .tags .tag img {
  height: 30px;
  margin-right: 10px;
}
:host .tags .tag ftb-user-photo,
:host .tags .tag ftb-player-photo,
:host .tags .tag ftb-stadium-photo {
  height: 30px;
  width: 30px;
  margin-right: 10px;
  border-radius: 10px;
  padding: 1px;
  background: rgba(255, 255, 255, 0.8);
}
:host .tags .tag.team ftb-team-logo {
  height: 30px;
  --placeholder-fill: rgba(255, 255, 255, 0.7);
  margin-right: 10px;
}
:host .tags .tag.game ftb-team-logo {
  height: 30px;
  --placeholder-fill: rgba(255, 255, 255, 0.7);
}
:host .tags .tag.game ftb-team-logo:first-of-type {
  margin-right: 10px;
}
:host .tags .tag.game ftb-team-logo:last-of-type {
  margin-left: 10px;
}
:host code {
  background-color: #20526a;
  padding: 5px;
  border-radius: 5px;
}
:host blockquote {
  margin: 0;
  border-left: 3px solid rgba(200, 204, 208, 0.55);
  padding: 5px 15px;
}
:host blockquote p {
  padding: 5px 0;
  margin: 0;
}
:host a {
  text-decoration: underline;
  cursor: pointer;
  color: lightblue;
}
:host h1,
:host h2,
:host h3,
:host h4,
:host h5,
:host h6 {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 16px;
  padding: 0;
  margin: 0;
}