@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

.checkbox-group {
  input[type='checkbox'] ~ label {
    margin-bottom: 0.4em;
  }

  .checkbox-wrapper {
    padding-left: 29px;
    display: none;
  }

  .acc {
    width: calc(100% - 30px);
  }

  .acc a {
    position: relative;
    display: block;
    @include focus-visible;
    padding: 0 0.2em;
    margin: 0 -0.2em;
    border-radius: var(--border-radius-xs);
    text-decoration: none;

    &::before {
      @include icon-checkbox-liste;
      position: absolute;
      font-family: 'Icons', sans-serif;
      font-size: var(--icon-size);
      line-height: 1;
      right: -3px;
      top: 50%;
      margin-top: calc(var(--icon-size) / -2);
    }
  }
}