@import "../../vars";
  @import "../../mixins";
  
  .result-content {
     padding-top: 20px; 
  }
  
  .result-content-page {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
  
      // &--hidden {
      //     display: none;
      // }
  }
  
  .result-item {
          max-width: 315px;
          width: 100%;
          height: 550px;
          margin-top: 20px;
          transition: box-shadow 0.2s ease;
      
          &:not(:nth-child(4n)) {
              margin-right: 6px;
          }
  
          &:hover {
              box-shadow: 0px 5px 12.5px rgba(0, 0, 0, 0.15);
              border-radius: 10px;
          }
  }
  
  .result-viewed {
      padding-bottom: 121px;
  }