@import 'mixin';
@import 'extend';
@import 'variables';
.#{$namespace}-switch-field {
  display: none;
}

.#{$namespace}-switch {
  color: $primary-color;
  border: 1px solid darken($primary-color, 5%);
  display: inline-block;
  @include border-radius(4px);
  @extend %clearfix;
  span.option {
    @include user-select;
    font-size: 13px;
    font-weight: bold;
    padding: 1px 20px;
    text-align: center;
    display: inline-block;
    line-height: 25px;
    margin: 0px;
    float: left;
    cursor: pointer;
    border-right: 1px solid darken($primary-color, 5%);
    //@include box-shadow(0, 2px, 5px, $primary-color);
    -moz-box-shadow: 0 1px 2px $primary-color, 0 -1px 2px $primary-color;
    -webkit-box-shadow: 0 1px 2px $primary-color, 0 -1px 2px $primary-color;
    box-shadow: 0 1px 2px $primary-color, 0 -1px 2px $primary-color;
    @extend %transition03s;
    &.active {
      background-color: $primary-color;
      color: #fff;
      @include box-shadow-none('none');
    }
    &:last-child {
      border-right: none;
    }
  }
}