.mdp-liker-box {
  font-size: initial;
  font-weight: initial;
  /** Layouts. */
}
.mdp-liker-box .mdp-liker-buttons button {
  outline: none;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  vertical-align: inherit;
  transition: 0.1s;
  transition-timing-function: ease-in-out;
  transform-origin: center center;
  border-radius: var(--mdp-liker-radius);
}
.mdp-liker-box .mdp-liker-buttons button:hover, .mdp-liker-box .mdp-liker-buttons button:focus {
  transform: scale(1.05);
  transition: 0.2s;
}
.mdp-liker-box .mdp-liker-buttons button:active {
  transform: scale(0.95);
}
.mdp-liker-box .mdp-liker-buttons button:disabled {
  cursor: default;
  transform: scale(0.9);
  opacity: 0.1;
}
.mdp-liker-box .mdp-liker-buttons button span {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.mdp-liker-box .mdp-liker-buttons button span.val-1, .mdp-liker-box .mdp-liker-buttons button span.val-2, .mdp-liker-box .mdp-liker-buttons button span.val-3 {
  display: none;
}
.mdp-liker-box .mdp-liker-buttons button span.mdp-liker-result {
  display: initial;
}
.mdp-liker-box .mdp-liker-buttons button.mdp-liker-results-hide span.mdp-liker-result {
  display: none;
}
.mdp-liker-box.style-border .mdp-liker-buttons button {
  background: transparent;
  border: var(--mdp-liker-border) solid var(--mdp-liker-bg-color);
  color: var(--mdp-liker-text-color);
  font-size: var(--mdp-liker-text-size);
  padding: var(--mdp-liker-padding);
}
.mdp-liker-box.style-border .mdp-liker-buttons button.mdp-active {
  background: transparent;
  border-color: var(--mdp-liker-bg-color-active);
  color: var(--mdp-liker-text-color-active);
}
.mdp-liker-box.style-border .mdp-liker-buttons button:hover {
  background: transparent;
  border-color: var(--mdp-liker-bg-color-hover);
  color: var(--mdp-liker-text-color-hover);
}
.mdp-liker-box.style-fill .mdp-liker-buttons button {
  background: var(--mdp-liker-bg-color);
  color: var(--mdp-liker-text-color);
  font-size: var(--mdp-liker-text-size);
  padding: var(--mdp-liker-padding);
}
.mdp-liker-box.style-fill .mdp-liker-buttons button.mdp-active {
  background: var(--mdp-liker-bg-color-active);
  color: var(--mdp-liker-text-color-active);
}
.mdp-liker-box.style-fill .mdp-liker-buttons button:hover {
  background: var(--mdp-liker-bg-color-hover);
  color: var(--mdp-liker-text-color-hover);
}
.mdp-liker-box.style-border-fill .mdp-liker-buttons button {
  background: transparent;
  color: var(--mdp-liker-text-color);
  border: var(--mdp-liker-border) solid var(--mdp-liker-bg-color);
  font-size: var(--mdp-liker-text-size);
  padding: var(--mdp-liker-padding);
}
.mdp-liker-box.style-border-fill .mdp-liker-buttons button.mdp-active {
  background: var(--mdp-liker-bg-color-active);
  border-color: var(--mdp-liker-bg-color-active);
  color: var(--mdp-liker-text-color-active);
}
.mdp-liker-box.style-border-fill .mdp-liker-buttons button:hover {
  background: var(--mdp-liker-bg-color-hover);
  border-color: var(--mdp-liker-bg-color-hover);
  color: var(--mdp-liker-text-color-hover);
}
.mdp-liker-box.style-fill-border .mdp-liker-buttons button {
  background: var(--mdp-liker-bg-color);
  color: var(--mdp-liker-text-color);
  border: var(--mdp-liker-border) solid var(--mdp-liker-bg-color);
  font-size: var(--mdp-liker-text-size);
  padding: var(--mdp-liker-padding);
}
.mdp-liker-box.style-fill-border .mdp-liker-buttons button.mdp-active {
  background: transparent;
  color: var(--mdp-liker-text-color-active);
  border-color: var(--mdp-liker-bg-color-active);
}
.mdp-liker-box.style-fill-border .mdp-liker-buttons button:hover {
  background: transparent;
  color: var(--mdp-liker-text-color-hover);
  border-color: var(--mdp-liker-bg-color-hover);
}
.mdp-liker-box.row-right > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mdp-liker-box.row-right > div .mdp-liker-description {
  max-width: 60%;
}
.mdp-liker-box.row-right > div .mdp-liker-buttons {
  text-align: right;
}
.mdp-liker-box.row-left > div {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.mdp-liker-box.row-left > div .mdp-liker-description {
  max-width: 60%;
}
.mdp-liker-box.bottom-left > div {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.mdp-liker-box.bottom-center > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.mdp-liker-box.bottom-right > div {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  text-align: right;
}
.mdp-liker-box.top-center > div {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  text-align: center;
}
.mdp-liker-box.top-left > div {
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
}
.mdp-liker-box.top-right > div {
  display: flex;
  align-items: flex-end;
  flex-direction: column-reverse;
  text-align: right;
}

.mdp-hidden {
  display: none !important;
}

.mdp-liker-msg {
  font-size: smaller;
  margin: 0;
  opacity: 1;
  overflow: hidden;
  display: block;
}

.mdp-liker-fade {
  animation-name: mdp-liker-fade;
  animation-duration: 3s;
  animation-fill-mode: both;
}

.mdp-liker-meta {
  display: flex;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  position: absolute;
}
.mdp-liker-meta .dashicons {
  font-size: 18px;
  margin-right: 10px;
  color: #ff2128;
}
.mdp-liker-meta .mdp-liker-post-icon {
  margin-right: 10px;
}

nav .mdp-liker-meta,
footer .mdp-liker-meta,
p .mdp-liker-meta,
.mdp-liker-top .mdp-liker-meta {
  display: none;
}

.mdp-liker-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mdp-liker-top .mdp-liker-post {
  margin-bottom: var(--mdp-liker-gutter);
}
.mdp-liker-top .mdp-liker-post-image {
  display: flex;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.mdp-liker-top h1.mdp-liker-post-title,
.mdp-liker-top h2.mdp-liker-post-title,
.mdp-liker-top h3.mdp-liker-post-title,
.mdp-liker-top h4.mdp-liker-post-title,
.mdp-liker-top h5.mdp-liker-post-title,
.mdp-liker-top h6.mdp-liker-post-title {
  margin: var(--mdp-liker-gutter) 0 0 0;
}
.mdp-liker-top h1.mdp-liker-post-title a,
.mdp-liker-top h2.mdp-liker-post-title a,
.mdp-liker-top h3.mdp-liker-post-title a,
.mdp-liker-top h4.mdp-liker-post-title a,
.mdp-liker-top h5.mdp-liker-post-title a,
.mdp-liker-top h6.mdp-liker-post-title a {
  text-decoration: none;
}
.mdp-liker-top .mdp-liker-post-rating {
  display: flex;
  align-items: center;
  font-size: var(--mdp-liker-size);
  line-height: var(--mdp-liker-size);
  margin: var(--mdp-liker-gutter) 0 0 0;
}
.mdp-liker-top .mdp-liker-post-rating .dashicons {
  width: var(--mdp-liker-size);
  height: var(--mdp-liker-size);
  font-size: var(--mdp-liker-size);
  line-height: var(--mdp-liker-size);
  display: flex;
  align-items: center;
  color: #ff2128;
}
.mdp-liker-top .mdp-liker-post-value {
  font-size: var(--mdp-liker-size);
  line-height: var(--mdp-liker-size);
  margin: 0 calc( var( --mdp-liker-size ) / 2 );
  white-space: nowrap;
}

.mdp-liker-cols-1 > div {
  flex-basis: 100%;
}

.mdp-liker-cols-2 > div {
  flex-basis: calc( 50% - var( --mdp-liker-gutter )/2 );
}

.mdp-liker-cols-3 > div {
  flex-basis: calc( 33% - var( --mdp-liker-gutter )/3 );
}

.mdp-liker-cols-4 > div {
  flex-basis: calc( 25% - var( --mdp-liker-gutter )/4 );
}

.mdp-liker-cols-5 > div {
  flex-basis: calc( 20% - var( --mdp-liker-gutter )/5 );
}

.mdp-liker-cols-6 > div {
  flex-basis: calc( 16% - var( --mdp-liker-gutter )/6 );
}

.mdp-liker-cols-7 > div {
  flex-basis: calc( 14% - var( --mdp-liker-gutter )/7 );
}

.mdp-liker-cols-8 > div {
  flex-basis: calc( 12% - var( --mdp-liker-gutter )/8 );
}

.mdp-liker-cols-9 > div {
  flex-basis: calc( 11% - var( --mdp-liker-gutter )/9 );
}

.mdp-liker-cols-10 > div {
  flex-basis: calc( 10% - var( --mdp-liker-gutter )/10 );
}

.mdp-liker-cols-11 > div {
  flex-basis: calc( 9% - var( --mdp-liker-gutter )/11 );
}

.mdp-liker-cols-12 > div {
  flex-basis: calc( 8% - var( --mdp-liker-gutter )/12 );
}

@media (max-width: 767px) {
  .mdp-liker-top > div {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (max-width: 500px) {
  .mdp-liker-post {
    display: flex;
    flex-wrap: wrap;
  }

  .mdp-liker-post-image {
    width: 100%;
    max-width: 100%;
  }

  .mdp-liker-post-content {
    width: 100%;
  }
}
@keyframes mdp-liker-fade {
  0% {
    opacity: 1;
    height: 2em;
  }
  50% {
    opacity: 0.8;
  }
  80% {
    height: 2em;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}