/* demo/demo — основа: блок-основа этапа 1 (mycompetitors); сгенерировано tools/css_majority.py */
.tabs__panel { height:0;opacity:0;overflow:hidden;transition:opacity 1s ease,width 0s linear,height 0s linear;width:0 }
.tabs__panel--active { height:auto;opacity:1;overflow:visible;width:auto }
.demo { box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:36px;padding:32px;background:#fff }
.demo * { font-family:Roboto }
.demo__title { color:#060606;font-size:24px;margin-bottom:8px }
.demo__subtitle { color:#757575 }
.demo__tabs { margin-top:22px }
.demo__nav { gap:9px;margin-bottom:22px;align-items:center;display:flex }
.demo__nav-item { align-items:center;display:flex;border:1px solid #ddd;border-radius:30px;cursor:pointer;gap:8px;padding:10px 22px }
.demo__nav-item:hover { background:#f4fffa }
.demo__chart-title { color:#000;font-size:24px;font-weight:300;line-height:30px;margin-top:24px }
.demo__chart-text { color:#4f5a7c;font-size:14px;line-height:21px;margin-top:25px }
.demo__nav-item-icon { font-size:0 }
.demo__time-area { margin-top:16px;align-items:center;display:flex;gap:15px }
.demo__field { align-items:center;display:flex;gap:12px }
.demo__field-label { color:#060606;font-weight:300 }
.demo-select { position:relative }
.demo-select__box { background:#fff;border:1px solid #ddd;display:none;left:0;position:absolute;top:34px;width:100%;z-index:10 }
.demo-select_open { background:#f5f5f5 }
.demo-select_open .demo-select__box { display:flex;flex-direction:column }
.demo-select__box-item { color:#757575;cursor:pointer;font-size:13px;padding:10px }
.demo-select__box-item:hover { background:#eee }
.demo-select__head { align-items:center;border:1px solid #ddd;border-radius:5px;color:#757575;cursor:pointer;display:flex;font-size:13px;gap:12px;justify-content:space-between;min-width:200px;padding:9px 16px;transition:.1s ease }
.demo-select__head:hover { background:#f5f5f5 }
.demo-bf__settings { align-items:center;display:flex;gap:12px }
.demo-period { align-items:center;display:flex;gap:12px }
.demo-period__label { color:#060606;font-weight:300 }
.demo-period__buttons { display:flex }
.demo-period__button { position:relative }
.demo-period__button-input { height:1px;left:0;opacity:.01;overflow:hidden;position:absolute;top:0;visibility:hidden;width:1px }
.demo-period__button-text { background:#f5f5f5;border:1px solid #ddd;border-right:none;color:#757575;cursor:pointer;font-size:13px;font-weight:300;padding:9px 20px;transition:.1s ease }
.demo-period__button-text:hover { background:#e8effb }
.demo-period__button-input:checked+.demo-period__button-text { background:#6695e2;color:#fff }
.demo-period__buttons .demo-period__button:first-child .demo-period__button-text { border-bottom-left-radius:5px;border-top-left-radius:5px }
.demo-period__buttons .demo-period__button:last-child .demo-period__button-text { border-bottom-right-radius:5px;border-right:1px solid #ddd;border-top-right-radius:5px }
.demo-period__button-input:disabled+.demo-period__button-text { opacity:.5 }
.demo-period__button-input:disabled+.demo-period__button-text:hover { background:#f5f5f5;cursor:default }
.demo__nav-item.tabs__nav-btn--active { background:#f6fdfa;border-color:#e1f7ef;color:#27c58b }
.demo__nav-item.tabs__nav-btn--active:hover { background:#f6fdfa }
.demo__widget-choise { display:none }
.demo__out { color:#c45ff0;font-family:Inter;font-size:16px;font-weight:500;margin-top:18px;text-decoration:underline;text-underline-offset:2px }
.demo__out:hover { text-decoration:none }
.demo__widget-grid { display:flex }
.demo__widget { border:1px solid #ddd;margin-top:18px;padding:20px;position:relative }
.demo__widget-head { align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:15px }
.demo__widget-title { color:#060606;font-family:Roboto;font-weight:300 }
.demo__widget-area { align-items:flex-start;display:flex;gap:13px }
.demo__widget-charts { position:relative;width:100% }
.demo__widget-charts button { -webkit-user-select:none;background:rgba(40,44,52,.05);border:1px solid transparent;border-radius:6px;color:#2f5fd0;cursor:pointer;display:inline-block;font-size:.8rem;margin:0 8px 8px 0;padding:8px 16px;text-decoration:none!important;transition:background .25s,border-color .25s;-moz-user-select:none;user-select:none }
.demo__widget-charts body { font-family:Helvetica,Arial,sans-serif }
.demo__widget-charts body a { font-family:Helvetica,Arial,sans-serif }
.demo__widget-charts button:hover { background:rgba(40,44,52,.5) }
.demo__widget-charts #myChart { height:100%;width:100% }
.demo__widget-charts #myChart4 { height:100%;width:100% }
.demo__widget-legend { background:#f5f5f5;padding:15px;width:215px }
.demo__widget-legend-average { align-items:center;display:flex;gap:7px;margin-bottom:15px }
.demo__widget-legend .demo__widget-legend-average:last-child { margin-bottom:0 }
.demo__widget-legend-average-title { color:#4f5a7c;display:block;font-size:9px;font-weight:500;text-transform:uppercase }
.demo__widget-legend-average-nums { color:#4f5a7c;font-size:12px;font-weight:300 }
.demo__widget-legend-average-icon { font-size:0 }
.demo__widget-pie-chart { height:125px;width:125px }
.demo__widget-grid-pie { align-items:center;display:flex;gap:27px;justify-content:center;margin-top:12px }
.demo__widget-legend-piece { align-items:center;display:flex;gap:7px;margin-bottom:6px }
.demo__widget-legend .demo__widget-legend-piece:last-child { margin-bottom:0 }
.demo__widget-legend-piece-nums { color:#4f5a7c;font-weight:500;margin-left:auto }
.demo__widget-legend-piece-round { background:#ccc;border-radius:5px;display:inline-block;height:11px;min-width:11px }
.demo__widget-legend-piece-round_blue { background:#6695e2 }
.demo__widget-legend-piece-round_green { background:#27c58b }
.demo__widget-legend-piece-round_red { background:#e36b6b }
.demo__widget-legend-piece-round_gray { background:#98aab3 }
.demo__widget-grid-col-6 { width:50% }
.demo__compdata { border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.15);position:relative;width:480px }
.demo__compdata-head { padding:15px }
.demo__compdata-link { align-items:center;display:flex;gap:5px;margin-top:7px }
.demo__compdata-close { position:absolute;right:20px;top:20px }
.demo__compdata-link-text { color:#757575;font-size:12px }
.demo__compdata-title { color:#333;font-size:16px;font-weight:500;max-width:90% }
.demo__compdata-link-icon { font-size:0 }
.demo__compdata-list-category-title { color:#333;font-size:12px;font-weight:500;margin-bottom:5px;padding:12px 12px 0 }
.demo__compdata-list-item { border-bottom:1px solid #f5f5f5;display:flex;padding:12px 15px;width:100% }
.demo__compdata-list-item-title { color:#757575;font-size:12px;font-weight:300;width:50% }
.demo__compdata-list-item-value { color:#333;font-size:12px;width:50% }
.demo__compdata-list-item:first-child .demo__compdata-list-item-value { filter:blur(5px) }
.demo__compdata-box { align-items:flex-start;display:flex;gap:16px;margin-top:18px }
.demo__compdata-list-item_pt .demo__compdata-list-item-title { min-width:48px;width:48px }
.demo__compdata-list-item_pt .demo__compdata-list-item-value { flex-grow:1;width:auto }
.demo-bgroup { display:flex }
.demo-bgroup__item-input { height:1px;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:1px }
.demo-bgroup__item-cell { align-items:center;background:#f5f5f5;cursor:pointer;display:inline-flex;height:23px;justify-content:center;width:23px }
.demo-bgroup__item-cell svg { fill:#757575;width:11px }
.demo-bgroup__item-input:checked+.demo-bgroup__item-cell { background:#6695e2 }
.demo-bgroup__item-input:checked+.demo-bgroup__item-cell svg { fill:#fff }
.demo-bgroup .demo-bgroup__item:first-child .demo-bgroup__item-cell { border-bottom-left-radius:3px;border-top-left-radius:3px }
.demo-bgroup .demo-bgroup__item:last-child .demo-bgroup__item-cell { border-bottom-right-radius:3px;border-top-right-radius:3px }
.demo-calendar { align-items:center;background:#f5f5f5;border-bottom:1px solid #ddd;cursor:default;display:inline-flex;gap:16px;height:35px;opacity:.6;padding:8px 10px }
.demo-calendar__icon { font-size:0 }
.demo-calendar__text { color:#757575;font-size:13px }
@media screen and (max-width:1370px) {
  .demo__nav-item-text { font-size:14px }
  .demo__nav { flex-wrap:wrap }
  .demo__widget-area { flex-direction:column }
}
@media screen and (max-width:991px) {
  .demo-bf__settings { align-items:flex-start;flex-direction:column }
  .demo__time-area { align-items:flex-start;flex-direction:column }
  .demo__widget-charts { width:100% }
  .demo__widget-grid { flex-direction:column;gap:30px }
  .demo__compdata { width:100% }
  .demo__widget-grid-col-6 { width:100% }
  .demo__compdata-box { flex-direction:column }
}
@media screen and (max-width:767px) {
  .demo-period { align-items:flex-start;flex-direction:column }
  .demo__field { align-items:flex-start;flex-direction:column }
  .demo-period__button-text { padding:9px 16px }
  .demo { border:none;padding:15px;border-radius:20px;background:none }
}
@media screen and (max-width:574px) {
  .demo-period__buttons { flex-wrap:wrap }
  .demo-period__button { flex-grow:1 }
  .demo-period__buttons .demo-period__button:first-child .demo-period__button-text { border-radius:0 }
  .demo-period__buttons .demo-period__button:last-child .demo-period__button-text { border-radius:0 }
  .demo__widget-grid-pie { flex-direction:column }
  .demo__widget-legend { max-width:100% }
  .demo { padding:0;box-shadow:none }
}

/* ===== вручную (генератор этот раздел сохраняет) ===== */