@import './reservePlan.scss';
@import './preControl.scss';
@import './planDetail.scss';
@import './preControl.1024.scss';

.tileview,
.tileview-container {
  width: 100%;
  height: 100%;
}

// control
// side control
.tile-sidepane-control {
  .evolution-group {
    padding: 12px 0;
    text-align: center;
    background: #f2f2f2;
    border-radius: 6px;

    &-item {
      width: 50px;
      height: 50px;
      padding: 2px 0;
      cursor: pointer;
      background: linear-gradient(180deg, white 0%, white 0%, #f2f2f2 100%, #f2f2f2 100%);

      &:hover,
      &.evolution-group-item-active {
        background: linear-gradient(180deg, #aeaeae 0%, #aeaeae 0%, #c9c9c9 100%, #c9c9c9 100%);
      }

      .ctl-item-img {
        margin-top: 8px;
      }
    }

    &.evolution-group-design {
      display: block;
      margin-top: 8px;
    }
  }

  .innate-control-evo-group {
    display: block;
    margin-top: 17rem;
  }
}

%plan-border-img {
  border-top: 50px solid;
  border-right: 50px solid;
  border-bottom: 50px solid;
  border-left: 50px solid;
  border-image-slice: 50 50 50 50;
  border-image-repeat: stretch;
}

.assist-card-video-modal {
  .amos-modal-container {
    top: 5%;
    width: 85%;
    height: 90%;
    background: rgba(51, 51, 51, 0.9);

    .amos-modal-content {
      height: 100%;
      max-height: 100%;
      padding: 2.5em 0 0;
      overflow: hidden;

      iframe {
        margin-top: 0;
      }
    }

    .amos-modal-close {
      color: red;
      background:linear-gradient(180deg,rgba(253,53,17,1) 0%,rgba(252,4,145,1) 100%);

      .amos-modal-close-x {
        width: 40px;
        height: 30px;
      }
    }
  }
}
