@import "~assets/less/mixins.less";

.s-cell {
  .relative();
  .seperator();
  .flex(@direction: row);
  overflow: hidden;
  width: 100%;
  // touch-action: none;
  &__content {
    .flex(@direction: column, @justifyContent: center);
    .flexGrow();
    .font(14px);
    padding: 0 @lenNormal;
    // touch-action: none;
    transition: transform 150ms ease-in-out;
    &-title {
      color: @colorBlack;
    }
    &-subtitle {
      .font(12px);
      color: @colorGray;
    }
  }
  &__accessory {
    .flex(@justifyContent: center, @alignItems: center);
    .size(40px, 100%);
  }
  &__right {
    .absolute(auto, 0, 0, auto);
    height: 100%;
    transform: translate3d(100%, 0, 0);
    transition: transform 150ms ease-in-out;
    &-btn {
      .flex-inline(row, center, center);
      height: 100%;
      padding: 0 10px;
      background-color: teal;
    }
  }
}