.calendar-block {
  --items-pad-top: 2;
  --items-pad-bottom: 2;
  --item-border-width: 2px;
  --item-margin-top: 0;
  --item-margin-bottom: 0;
  --item-pad-top: 1;
  --item-pad-bottom: 1;
  --details-border-width: 0;
  --abstract-pad-top: 1;
  --abstract-pad-bottom: 0;
  --timeslot-align: left;
  --border-image: var(--default-gradient-to-bottom) 1;

  @media screen and (min-width: 960px) {
    --items-pad-top: 0;
    --items-pad-bottom: 0;
    --item-border-width: 0;
    --item-margin-top: 1;
    --item-margin-bottom: 1;
    --details-border-width: 2px;
    --timeslot-align: right;
    // --abstract-pad-top: 0;
  }

  &.advisory {
    --border-image: var(--advisory-gradient-to-bottom) 1;
  }
  &.connect {
    --border-image: var(--connect-gradient-to-bottom) 1;
  }
  &.gov {
    --border-image: var(--gov-gradient-to-bottom) 1;
  }

  .inner-wrapper {}

  .block-header {}
  .block-heading {}
  .block-abstract {
    padding-top: calc(var(--baseline) * 4);
  }

  .block-items {
    justify-content: center;
  }
  .block-item {
    border-left: var(--item-border-width) solid var(--default-primary-50);
    border-image: var(--border-image);
    padding-top:  calc(var(--baseline) * var(--items-pad-top));
    padding-bottom:  calc(var(--baseline) * var(--items-pad-bottom));
    background-color: var(--background-color-dark);
    gap: 0;
    align-items: center;

    &:not(:last-child) {
      margin-bottom: calc(var(--baseline) * 1);
    }
  }
  .item-timeslot {
    margin-top:  calc(var(--baseline) * var(--item-margin-top));
    margin-bottom:  calc(var(--baseline) * var(--item-margin-bottom));
    padding-top:  calc(var(--baseline) * var(--item-pad-top));
    padding-bottom:  calc(var(--baseline) * var(--item-pad-bottom));
    text-align: var(--timeslot-align);
  }
  .item-start {}
  .item-end {}
  .item-details {
    border-left: var(--details-border-width) solid var(--default-primary-50);
    border-image: var(--border-image);
    margin-top:  calc(var(--baseline) * var(--item-margin-top));
    margin-bottom:  calc(var(--baseline) * var(--item-margin-bottom));
    padding-top:  calc(var(--baseline) * var(--item-pad-top));
    padding-bottom:  calc(var(--baseline) * var(--item-pad-bottom));
  }
  .item-heading {}
  .item-abstract {
    padding-top:  calc(var(--baseline) * var(--abstract-pad-top));
    padding-bottom:  calc(var(--baseline) * var(--abstract-pad-bottom));
  }
}