@keyframes show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.transition {
  color: red;
  animation-name: show;
  animation-duration: 0.5s; }

/**
* all mixin must be wrote in here
*/
/**
* Const here
*/
/**
* Color here
*/
/**
* Font here
*/
/**
* Const here
*/
/**
* Color here
*/
/**
* Font here
*/
.recent-items {
  width: 100%;
  margin-top: 20px; }
  .recent-items__title {
    font-size: 1.2em;
    padding: 10px 0;
    margin-bottom: 10px;
    color: #FC4C02; }
    @media (max-width: 1024px) {
      .recent-items__title {
        margin-bottom: 0; } }
  .recent-items__content {
    border: 2px solid #d1d3d4;
    border-radius: 10px;
    overflow: hidden; }
    .recent-items__content .loading {
      background: white;
      text-align: center; }
      .recent-items__content .loading img {
        width: 22em; }
    .recent-items__content__product {
      border-left: 2px solid #d1d3d4; }
  .recent-items .slick-list {
    margin-left: -2px; }