.delivery-plans-board {
  display: grid;
  overflow-x: hidden;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none; }
  .delivery-plans-board .scrolling-button,
  .delivery-plans-board .scrolling-button .bolt-button {
    width: 24px; }
  .delivery-plans-board .scrolling-button .bolt-button {
    padding: 5px 10px; }
  .delivery-plans-board .button-left,
  .delivery-plans-board .button-right {
    margin-bottom: 8px;
    position: sticky;
    z-index: 2; }
  .delivery-plans-board .button-left {
    left: 160px;
    grid-column-start: 1; }
  .delivery-plans-board .button-right {
    right: 0; }
  .delivery-plans-board .collapse-teams-button {
    margin-bottom: 8px;
    margin-right: 1px;
    justify-content: left;
    z-index: 4; }
  .delivery-plans-board .bolt-button.collapse-teams-button {
    padding: 2px 10px; }
  .delivery-plans-board .month-header {
    background: rgba( 218, 218, 218 ,  1 );
    background: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
    border-color: rgba( 255, 255, 255 ,  1 );
    border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
    border-style: solid;
    border-width: 0 1px;
    padding: 4px;
    margin-bottom: 8px;
    text-align: center;
    height: 24px;
    z-index: 2; }
  .delivery-plans-board .row-spacer {
    grid-column: 1;
    height: 8px; }
  .delivery-plans-board .team-header,
  .delivery-plans-board .team-background-header,
  .delivery-plans-board .collapse-teams-button {
    background: rgba( 244, 244, 244 ,  1 );
    background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
    grid-column: 1;
    left: 0;
    position: sticky;
    z-index: 3; }
  .delivery-plans-board .team-header,
  .delivery-plans-board .team-background-header {
    min-width: 160px; }
  .delivery-plans-board .team-header {
    background: rgba( 244, 244, 244 ,  1 );
    background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
    border-color: rgba( 218, 218, 218 ,  1 );
    border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
    border-style: solid;
    border-width: 1px; }
    .delivery-plans-board .team-header .team-header-info {
      min-width: 0; }
      .delivery-plans-board .team-header .team-header-info .team-header-info-margin-top {
        margin-top: 8px; }
    .delivery-plans-board .team-header .bolt-button.icon-only.subtle {
      padding: 4px; }
  .delivery-plans-board .team-background-header {
    background: rgba(255, 255, 255, 1);
    background: var(--callout-background-color,rgba(255, 255, 255, 1)); }
  .delivery-plans-board .team-background {
    background: repeating-linear-gradient(-45deg, rgba( 244, 244, 244 ,  1 ), rgba( 244, 244, 244 ,  1 ) 1px, transparent 1px, transparent 7px);
    background: repeating-linear-gradient(-45deg, rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ), rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ) 1px, transparent 1px, transparent 7px);
    border-color: rgba( 218, 218, 218 ,  1 );
    border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
    border-style: solid;
    border-width: 1px 0 1px 0; }
  .delivery-plans-board .iteration-header {
    margin: 2px 0;
    padding: 8px;
    z-index: 1; }
    .delivery-plans-board .iteration-header .second-row {
      justify-content: space-between;
      height: 20px; }
      .delivery-plans-board .iteration-header .second-row .iteration-dates {
        color: rgba(0, 0, 0, .55);
        color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
      .delivery-plans-board .iteration-header .second-row .bolt-button {
        padding: 4px; }
  .delivery-plans-board .iteration-background {
    background: rgba( 244, 244, 244 ,  1 );
    background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
    z-index: 1; }
    .delivery-plans-board .iteration-background.highlighted {
      background: rgba( 218, 218, 218 ,  1 );
      background: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ); }
  .delivery-plans-board .timeline-marker {
    border-left: 3px solid;
    width: 3px;
    z-index: 1; }
    .delivery-plans-board .timeline-marker.raised {
      z-index: 2; }
    .delivery-plans-board .timeline-marker.today-marker {
      border-left-color: rgba(0, 120, 212, 1);
      border-left-color: var(--communication-background,rgba(0, 120, 212, 1)); }
  .delivery-plans-board .timeline-marker-label {
    height: 24px; }
    .delivery-plans-board .timeline-marker-label .bolt-pill {
      border-radius: 0 120px 120px 0; }
    .delivery-plans-board .timeline-marker-label .today-marker {
      background-color: rgba(0, 120, 212, 1);
      background-color: var(--communication-background,rgba(0, 120, 212, 1));
      color: rgba(255, 255, 255, 1);
      color: var(--text-on-communication-background,rgba(255, 255, 255, 1)); }
      .delivery-plans-board .timeline-marker-label .today-marker.hover {
        background-color: rgba( 0, 103, 181 ,  1 );
        background-color: rgba( var(--palette-primary-darkened-6,0, 103, 181) ,  1 ); }
  .delivery-plans-board .focusable-board-item:focus {
    outline: none; }

.bolt-focus-visible .delivery-plans-board .focusable-board-item:focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
  animation: ms-focus-shadow-with-border-pulse 4s ease-in-out infinite;
  box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.23), 0 0 0 1px rgba(0, 120, 212, 1);
  box-shadow: 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)), 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); }
  @media (forced-colors: active) {
    .bolt-focus-visible .delivery-plans-board .focusable-board-item:focus {
      animation: none; } }
  @media screen and (-ms-high-contrast: active) {
    .bolt-focus-visible .delivery-plans-board .focusable-board-item:focus {
      border-color: highlight;
      box-shadow: none; } }