@include export-module('co-tile-layout') {
  .co-tile {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    position: relative;
    flex-shrink: 1;
    flex-grow: 1;
    min-width: 300px;
    max-width: 368px;
    transition: all 0.14s ease-out;
    &:hover {
      .open-icon {
        opacity: 1;
        transition: all .2s ease;
      }
      .extended-shadow-wrapper {
        display: grid;
      }
      //z-index: 1;
      box-shadow: 0px 0px 13px -2px rgba(0, 0, 0, 0.2);
    }
    &.small {
      min-width: 150px;
      max-width: 150px;
      .tile-top, .tile-bottom {
        height: 25px;
      }
      .tile-extra-bottom {
        min-height: 20px;
        padding: 10px 0;
        .main {
          font-size: 13px;
          padding: 0 10px;
        }
      }
      .tile-wrapper {
        padding: 15px;
      }
      .image {
        height: 70px;
      }
      .no-image-wrapper {
        .no-image {
          height: 60px;
          width: 60px;
        }
        span {
          font-size: 10px;
        }
      }
    }
  }
}
