@keyframes loadingSpin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
	p {
		font-size: 1.4em;

		//	Tablet
	    .minWidth(768px, {
	    	font-size: 1.6em;
	    });

	    //	Desktop
	    .minWidth(1280px, {
	    	font-size: 1.8em;
	    });
	}
*/
.EditorWidget .c-popular-content:after {
  content: 'Popular Content';
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 1.4rem;
  background: #9B9B9B;
  color: white;
  display: block;
  padding: 0.5rem 1rem;
}
.c-popular-content__title {
  font-size: 2rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
}
@media all and (min-width: 768px) {
  .c-popular-content__title {
    font-size: 2rem;
  }
}
@media all and (min-width: 1280px) {
  .c-popular-content__title {
    font-size: 2.4rem;
  }
}
@media all and (min-width: 1280px) {
  .c-popular-content__title {
    margin-bottom: 2.4rem;
  }
}
.c-popular-content__title::before {
  background: #F0634F;
  content: '';
  display: inline-block;
  height: 2rem;
  border-radius: 1rem;
  margin-right: 1rem;
  position: relative;
  top: 0.3rem;
  width: 0.5rem;
}
@media all and (max-width: 599px) {
  .c-popular-content__items {
    overflow: -moz-scrollbars-none;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
  }
}
.c-popular-content__items__inner {
  display: flex;
  margin: 0 -0.2rem;
}
@media all and (min-width: 600px) {
  .c-popular-content__items__inner {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media all and (min-width: 1280px) {
  .c-popular-content__items__inner {
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem;
  }
}
.c-popular-content__item {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.2rem;
  width: 14rem;
}
@media all and (min-width: 600px) {
  .c-popular-content__item {
    width: auto;
    flex-wrap: nowrap;
    flex-basis: calc(50% - 3rem);
    padding: 0;
    align-items: center;
    gap: 1rem;
  }
}
@media all and (min-width: 1280px) {
  .c-popular-content__item {
    flex-basis: calc(33.3333% - 3rem);
    gap: 1.6rem;
  }
  .c-popular-content__item:nth-child(-n+3) {
    margin-top: 0;
  }
}
.c-popular-content__item__image-wrapper {
  flex-basis: 100%;
  overflow: clip;
}
@media all and (min-width: 600px) {
  .c-popular-content__item__image-wrapper {
    flex-basis: 50%;
    padding: 0;
  }
}
.c-popular-content__item__image {
  width: 100%;
}
.c-popular-content__item__image img {
  border-radius: .8rem;
}
@media all and (min-width: 600px) {
  .c-popular-content__item__image--placeholder {
    transform: scale(1.2);
  }
}
@media all and (min-width: 1280px) {
  .c-popular-content__item__image--placeholder {
    transform: scale(1.5);
  }
}
.c-popular-content__item__contents {
  position: relative;
  flex-basis: 100%;
  padding-top: 1rem;
}
@media all and (min-width: 600px) {
  .c-popular-content__item__contents {
    flex-basis: 50%;
    padding: 0;
  }
}
.c-popular-content__item__title {
  font-size: 2rem;
  margin: 0.5rem 0 0;
}
.c-popular-content__item__title span {
  white-space: nowrap;
}
.c-popular-content__item__title .i-arrow-right {
  color: #BE3E34;
  font-size: 1.4rem;
  margin-left: .2rem;
  margin-bottom: -0.2rem;
}
@media all and (min-width: 1280px) {
  .c-popular-content__item__title .i-arrow-right {
    font-size: 1.6rem;
  }
}
.c-popular-content__item__link {
  color: #252424;
}
.c-popular-content__item__link:hover,
.c-popular-content__item__link:focus,
.c-popular-content__item__link:active {
  color: #BE3E34;
}