.#{$prefix}checkout-c {
  &-box {
    @include clearfix();

    position: relative;
    display: block;
  }

  &-inner {
    @include border();

    width: 16px;
    height: 16px;
    border-radius: $radius-size;
    background: $background-color-write;
    float: left;

    &-checked {
      @include border(all, $brand-c-default);

      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAAXNSR0IArs4c6QAAAIRJREFUGBl9kE0KgzAUhCOCqBF6BRc9Rg/jHbxkqejOCnqObrowfiMJCv48+JK8N5MJxJibcs4l8IVHfOVDTNFGeEIJxjDM1oNf6HNo4Od3K1MFKt1UL9MHNpMXaoYzvGFvaumtf2RNiBgM8IcJlNTBZgpuhi9QKVlJRdAOO2IPqtOfWADjgJGjYN/vtgAAAABJRU5ErkJggg==) $brand-c-default no-repeat center center;
    }

    &-disable {
      @include border(all, $border-color);

      background: $background-color-disable;
    }
  }

  &-status {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 0;
  }

  &-text {
    font-size: 14px;
    color: $text-color-default;
    float: left;
    line-height: 16px;
    margin-left: 8px;
    word-wrap: break-word;
    width: calc(100% - 24px);
  }

  &-inline {
    display: inline-block;
    margin-right: 15px;
  }

  &-slide {
    width: 100%;
    margin-left: 8px;
    overflow: -hidden;

    &-wrap {
      width: 100%;
      height: auto;
      margin-top: 12px;
      padding: 16px;
      position: relative;
      background: $background-color-open;

      @include border(left, $button-color-default, 1px, dashed);

      &::before {
        @include border(left, $button-color-default, 1px, dashed);

        content: '';
        position: absolute;
        left: -1px;
        top: -13px;
        height: 12px;
        width: 1px;
      }
    }
  }
}