.list-group {
  margin-bottom: calc(20px + 20 * ((100vw - 600px) / 800)); }
  @media screen and (max-width: 600px) {
    .list-group {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1400px) {
    .list-group {
      margin-bottom: 40px; } }
  .list-group .list-group--item {
    display: flex;
    flex-wrap: nowrap;
    padding-top: calc(10px + 10 * ((100vw - 600px) / 800));
    padding-bottom: calc(10px + 10 * ((100vw - 600px) / 800));
    border-bottom: 1px solid #909197; }
    @media screen and (max-width: 600px) {
      .list-group .list-group--item {
        padding-top: 10px; } }
    @media screen and (min-width: 1400px) {
      .list-group .list-group--item {
        padding-top: 20px; } }
    @media screen and (max-width: 600px) {
      .list-group .list-group--item {
        padding-bottom: 10px; } }
    @media screen and (min-width: 1400px) {
      .list-group .list-group--item {
        padding-bottom: 20px; } }
    .compact-interface .list-group .list-group--item {
      padding-top: calc(5px + 5 * ((100vw - 600px) / 800));
      padding-bottom: calc(5px + 5 * ((100vw - 600px) / 800)); }
      @media screen and (max-width: 600px) {
        .compact-interface .list-group .list-group--item {
          padding-top: 5px; } }
      @media screen and (min-width: 1400px) {
        .compact-interface .list-group .list-group--item {
          padding-top: 10px; } }
      @media screen and (max-width: 600px) {
        .compact-interface .list-group .list-group--item {
          padding-bottom: 5px; } }
      @media screen and (min-width: 1400px) {
        .compact-interface .list-group .list-group--item {
          padding-bottom: 10px; } }
    .list-group .list-group--item:first-of-type {
      border-top: 1px solid #909197; }
    .list-group .list-group--item label {
      width: 300px; }
    .list-group .list-group--item span {
      flex-grow: 1; }

/*# sourceMappingURL=../../_maps/components/class/class--list-group.css.map */