@import '../../common/style/press/ellipsis.scss';
@import '../../common/style/press/var.scss';

.press-picker-column {
  overflow: hidden;
  text-align: center;
  color: var(--picker-option-text-color, $picker-option-text-color);
  font-size: var(--picker-option-font-size, $picker-option-font-size);

  &__wrapper {
    transition-timing-function: cubic-bezier(.23, 1, .68, 1);
  }

  &__item {
    padding: 0 5px;

    &--selected {
      font-weight: var(--font-weight-bold, $font-weight-bold);
      color: var(
        --picker-option-selected-text-color,
        $picker-option-selected-text-color
      );
    }

    &--disabled {
      opacity: var(
        --picker-option-disabled-opacity,
        $picker-option-disabled-opacity
      );
    }
  }

  &__item-html {
    width: 100%;
    height: 100%;
  }
}