@import '../common/abstracts/variable';
@import '../common/abstracts/mixin';

.wot-theme-dark {
  @include b(drop-item) {
    color: $-dark-color;

    @include e(tip) {
      color: $-dark-color3;
    }
  }
}

@include b(drop-item) {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  overflow: hidden;
  font-size: $-drop-menu-item-fs;
  color: $-drop-menu-item-color;

  .wd-drop-item__popup {
    position: absolute;
    max-height: 90%;
  }

  @include e(option) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: $-drop-menu-item-height;
    padding: 0 $-drop-menu-side-padding;
    line-height: $-drop-menu-item-height;
    transition: color 0.2s;

    @include when(active) {
      color: $-drop-menu-item-color-active;
    }
  }

  @include e(title) {
    display: block;
  }

  @include e(tip) {
    display: inline-block;
    margin-left: 2px;
    font-size: $-drop-menu-item-fs-tip;
    color: $-drop-menu-item-color-tip;
  }

  @include edeep(icon) {
    display: block;
    font-size: $-drop-menu-option-check-size;
  }

  @include e(modal) {
    position: fixed;
    right: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
  }
}