@import "../../../style/CommonStyle.module.less";
@import "../../../style/utils.module.less";

.home {
  height: 478px;
  background-color: #eaeaea;
  border-bottom: 1px solid #dadada;
  overflow: unset !important;
  width: 100%;
  > div {
    width: 100%;
    > div {
      width: 100%;
      padding: 19px 0px 19px 60px;
      display: flex;
      flex-direction: row;
      overflow-x: auto;
      overflow-y: unset !important;
      > div {
        flex: none;
        margin-right: 18px;
        &:last-child {
          margin-right: 0px;
        }
        &.addItem {
          flex: none;
          .size(@w:258px, @h:438px);
          > .displayBox {
            .size(@w: 198px, @h: 438px);
            background-color: @COLOR_WHITE;
            .border-solid(@size:1px, @color:#e4e4e4);
            border-radius: 12px;
            background-image: url("../../../../assets/images/btn/ic-more-nor@3x.png");
            background-size: 66px 66px;
            background-position: center center;
            background-repeat: no-repeat;
            &:focus {
              border: 4px solid @PRIMARY_COLOR_RED;
              box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);
              border-radius: 12px;
              background-image: url("../../../../assets/images/btn/ic-more-sel@3x.png");
            }
          }
        }
      }
    }
  }
}
