.demonstration-plan-bar {
  align-items: center;
  background: #fff;
  border: 1px solid #dfe3ee;
  border-radius: 12px;
  bottom: 20px;
  box-shadow: 0 12px 35px rgba(31, 45, 71, .18);
  display: flex;
  gap: 14px;
  padding: 10px 12px;
  position: fixed;
  right: 20px;
  z-index: 1045;
}
.demonstration-plan-bar__label { align-items: center; display: flex; gap: 9px; white-space: nowrap; }
.demonstration-plan-bar__label > i { color: #435ebe; font-size: 1.2rem; }
.demonstration-plan-bar__label span { color: #667085; display: block; font-size: .7rem; line-height: 1; text-transform: uppercase; }
.demonstration-plan-bar__label strong { color: #25324b; display: block; font-size: .88rem; margin-top: 3px; }
.demonstration-plan-bar__options { background: #f2f4f8; border-radius: 9px; display: flex; gap: 3px; padding: 3px; }
.demonstration-plan-bar__option { background: transparent; border: 0; border-radius: 7px; color: #667085; font-size: .78rem; font-weight: 600; padding: 7px 10px; transition: background .15s ease, color .15s ease, box-shadow .15s ease; }
.demonstration-plan-bar__option:hover { color: #435ebe; }
.demonstration-plan-bar__option.is-active { background: #435ebe; box-shadow: 0 3px 8px rgba(67, 94, 190, .24); color: #fff; }
body.theme-dark .demonstration-plan-bar { background: #1e1e2d; border-color: #343447; }
body.theme-dark .demonstration-plan-bar__label strong { color: #f3f4f8; }
body.theme-dark .demonstration-plan-bar__label span { color: #a9aec1; }
body.theme-dark .demonstration-plan-bar__options { background: #29293b; }
@media (max-width: 575.98px) {
  .demonstration-plan-bar { align-items: stretch; bottom: 10px; flex-direction: column; gap: 8px; left: 10px; padding: 9px; right: 10px; }
  .demonstration-plan-bar__label { justify-content: center; }
  .demonstration-plan-bar__options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .demonstration-plan-bar__option { overflow: hidden; padding: 7px 4px; text-overflow: ellipsis; white-space: nowrap; }
}