:root{--height-rows:1.25rem;--width-columns:185px}.chart-mkr{font-weight:600;background:linear-gradient(transparent 60%,#ffb1b5 55%)}.chart-flag{font-size:1.2rem;max-width:940px;margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.chart-flag__btn{border:1px solid #666;border-radius:8px;padding:0 1rem;line-height:2rem;height:2rem;text-align:center;cursor:pointer}.chart-ctx{width:48%;margin-top:36px}.chart-data{width:48%}.chart-wrap{box-shadow:rgba(0,0,0,.19) 0px 10px 20px,rgba(0,0,0,.23) 0px 6px 6px;background-color:#fffaef;border-radius:8px;margin:12px auto;width:940px;display:flex;flex-wrap:nowrap;justify-content:center;height:auto;position:relative}.data-head{display:inline-block;font-weight:400;font-size:24px;padding-left:16px;height:48px;line-height:48px;margin:0 auto;text-align:center;position:absolute;top:0;left:50%;transform:translateX(-50%)}.data-lst{margin:0 0 0 4px;padding:46px 0;display:grid;gap:20px;grid-template-rows:var(--height-rows) var(--height-rows) var(--height-rows) var(--height-rows);grid-template-columns:var(--width-columns) var(--width-columns)}.data-lst p{border-style:solid;border-width:0 0 0 1rem;padding-left:8px;font-size:1rem;text-align:left;line-height:1.5rem;height:24px;margin:16px 0}.chart-data__detail{margin:3rem 0 0;padding:0 16px 24px 0}#area{display:block;box-sizing:border-box;height:400px;width:400px}@media(max-width:767px){.chart-wrap{box-shadow:rgba(0,0,0,.19) 0px 10px 20px,rgba(0,0,0,.23) 0px 6px 6px;background-color:#fffaef;border-radius:8px;margin:0 auto;width:372px;display:block;height:auto}#area{height:372px;width:100%}.chart-ctx{margin-top:12px;width:100%;padding-top:46px}.chart-data{width:100%;height:auto;margin-top:2rem}.data-head{display:block;font-weight:400;font-size:24px;height:48px;line-height:48px;text-align:center;position:absolute;top:0;left:50%;transform:translateX(-50%)}.data-lst{margin:0;padding:0 12px;display:grid;gap:20px 0px;grid-template-rows:var(--height-rows) var(--height-rows) var(--height-rows) var(--height-rows);grid-template-columns:var(--width-columns) var(--width-columns)}.chart-data__detail{padding:0 16px 24px}}.bg-on{background-color:#b5fe83}.bg-on-y{background-color:#ffe61b}.border-red{border-color:#ff6384}.border-turq{border-color:#4bc0c0}.border-blond{border-color:#ffcd56}.border-gray{border-color:#c9cbcf}.border-blue{border-color:#36a2eb}.border-green{border-color:#1ec01e}.border-yellow{border-color:#fdfb92}.border-purple{border-color:#c978cf}.border-iris{border-color:#7878c3}