@prefix: deye-common-container;

.@{prefix} {
  &- {
    &root {
      position: relative;
    }

    &mode-flex {
      display: flex;

      &.@{prefix}-direction-row {
        flex-direction: row;

        > * {
          flex: 1;
          overflow: hidden;
        }
      }

      &.@{prefix}-direction-column {
        flex-direction: column;
      }
    }

    &mode-grid {

    }
  }
}