/* Panel */

.panel {
  background-color: var(--colorWhite);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  border-bottom-left-radius: var(--borderRadiusMedium);
  border-bottom-right-radius: var(--borderRadiusMedium);
  display: flex;
  margin-bottom: var(--spacingXLarge);
  margin-top: var(--spacingXLarge);
  padding: var(--spacingXLarge);
}
  @media (min-width: 640px) and (max-width: 767px) {
    .panel {
      flex-direction: column;
    }
  }
  @media (max-width: 639px) {
    .panel {
      flex-direction: column;
      margin-top: var(--spacingMedium);
      padding: var(--spacingLarge);
    }
  }

.tabs + .panel {
  margin-top: 0;
}

.panel__primary {
  flex: 5;
  max-width: 100%;
}

.panel__secondary {
  margin-left: var(--spacingXLarge);
  flex: 2;
}
  @media (max-width: 767px) {
    .panel__secondary {
      margin-top: var(--spacingXLarge);
      margin-left: 0;
      width: 100%;
    }
  }
  @media (max-width: 767px) {
    .panel__secondary[class*="fb-order-1"] {
      margin-bottom: var(--spacingXLarge);
      margin-top: auto;
    }
  }

.panel__left {
  flex: 3;
}

.panel__right {
  flex: 3;
}

.panel__thirds {
  flex: 3;
}
  .panel__thirds:nth-of-type(2n+0) {
    margin-left: var(--spacingXLarge);
    margin-right: var(--spacingXLarge);
  }
  @media (max-width: 767px) {
    .panel__thirds {
      margin-left: 0;
      margin-right: 0;
    }
  }