.cf-size{display:inline-flex;gap:3px;padding:3px;border-radius:12px;background:#eef3f6;box-shadow:0 0 0 1px #d5e2e8}
.cf-size button{border:0;border-radius:9px;padding:6px 10px;background:transparent;font:700 13px/1 Figtree,system-ui,sans-serif;color:#3e5562;cursor:pointer}
.cf-size button[aria-pressed="true"]{background:#17303c;color:#fff}
[data-frame="n"] .gx-ch,[data-frame="n"] .gx-cw{height:380px;min-height:380px}
[data-frame="g"] .gx-ch,[data-frame="g"] .gx-cw{height:620px;min-height:620px}
[data-frame="p"] .gx-ch,[data-frame="p"] .gx-cw{height:min(78vh,860px);min-height:min(78vh,860px)}
dialog.hm[data-frame="g"],dialog.es-dlg[data-frame="g"]{width:min(1440px,calc(100% - 12px))}
dialog.hm[data-frame="p"],dialog.es-dlg[data-frame="p"]{width:calc(100vw - 8px);max-height:calc(100dvh - 8px)}
dialog.hm .ch,dialog.es-dlg .es-ch{height:auto;min-height:0}
dialog.hm[data-frame="n"] .ch,dialog.es-dlg[data-frame="n"] .es-ch{min-height:320px}
dialog.hm[data-frame="g"] .ch,dialog.es-dlg[data-frame="g"] .es-ch{min-height:560px}
dialog.hm[data-frame="p"] .ch,dialog.es-dlg[data-frame="p"] .es-ch{min-height:min(74vh,820px)}
#dayChart[data-frame="g"] .modal__card{width:min(1440px,calc(100% - 16px));max-width:none}
#dayChart[data-frame="p"] .modal__card{width:calc(100vw - 12px);max-width:none}
#dayChart .day-ch{display:block;width:100%;background:#fff;border-radius:14px}
#dayChart[data-frame="n"] .day-ch{height:380px}
#dayChart[data-frame="g"] .day-ch{height:620px}
#dayChart[data-frame="p"] .day-ch{height:min(74vh,820px)}
#dayChart .chart-box{height:auto;background:transparent}
.gx-ch .ln,.ch .ln,.es-ch .ln,.day-ch .ln{stroke-linejoin:round;stroke-linecap:round}
.day-ch .gl{stroke:#e6eef2;stroke-width:1}
.day-ch .al{fill:#5c7380;font:600 13px Figtree,system-ui,sans-serif}
.day-ch .ln{fill:none;stroke-width:2.6}
.day-ch .ar{fill:url(#dayf)}
.day-ch .bd{fill:color-mix(in srgb,var(--ac,#3996c8) 16%,transparent)}
.day-ch .bar{opacity:.8}
.day-ch .av{stroke:var(--ac,#3996c8);stroke-width:1.2;stroke-dasharray:5 5;opacity:.7}
.day-ch .ex{fill:#fff;stroke:var(--ac,#3996c8);stroke-width:2}
.day-ch .xl{fill:#17303c;font:700 13px Figtree,system-ui,sans-serif}
.day-ch .cur{fill:var(--ac,#3996c8);stroke:#fff;stroke-width:2}
.day-ch .cx{stroke:#17303c;stroke-width:1;stroke-dasharray:3 3;opacity:0}
.day-ch .cd{fill:#fff;stroke:var(--ac,#3996c8);stroke-width:2.4;opacity:0}
@media (max-width:700px){
  [data-frame="g"] .gx-ch,[data-frame="g"] .gx-cw,dialog.hm[data-frame="g"] .ch,dialog.es-dlg[data-frame="g"] .es-ch,#dayChart[data-frame="g"] .day-ch{height:440px;min-height:440px}
  [data-frame="p"] .gx-ch,[data-frame="p"] .gx-cw{height:70vh;min-height:70vh}
}