section.charts { padding: 0 0 120px 0; min-height: 100vh; }
section.charts canvas { width: 100%; }

section.indicators { padding: 48px 0 36px 0; }

.chart { cursor: pointer; }

.selection { display: inline-block; margin-bottom: 0px; }
.selection span { display: inline-block; font-size: 23px; line-height: 48px; margin-right: 24px; }
.selection div:hover { background-color: #444; color: var(--white); }
.options { display: inline-block; vertical-align: bottom; width: 100%; }
select { font-size: 23px; border: 2px solid #28282B; border-radius: 2px; vertical-align: top; margin: 4px;
  color: #28282B; cursor: pointer; padding: 4px 8px; width: 270px; }

.description { border-radius: 12px; position: relative; background-color: #BBB; max-width: calc(100% - 32px); padding: 12px; }
.buttons { width: 100%; display: inline-block; margin-left: -2px; margin-bottom: 8px; margin-top: -2px; }
.chart__button { font-size: 19px; background-color: var(--grey); display: inline-block; padding: 4px 12px; border-radius: 4px; margin: 4px; transition: .2s; cursor: pointer; }
.chart__button.active { background-color: #4AC2FD; }
.chart__button:hover{ background-color: #4AC2FD; }

.sub__desc { position: relative; background-color: var(--grey); border-radius: 8px; padding: 8px 12px 8px 96px; min-height: 120px; }
.sub__desc p { font-size: 19px; margin: 0; }
.sub__desc::before { position: absolute; top: 16px; left: 8px; content: ''; display: inline-block; width: 64px; height: 64px; background: url("icon/explanation.png") center center no-repeat; background-size: 100% 100%; opacity: .7; cursor: pointer; transition: .2s; }

.main__desc { }
.main__desc .title { font-size: 32px; line-height: 42px; display: inline-block; color: #444;  }
#info { font-size: 23px; display: inline-block; position: relative; vertical-align: top; }
#info::before { content: ''; display: inline-block; width: 42px; height: 42px; background: url("icon/infobutton.png") center center no-repeat; background-size: 100% 100%; opacity: .7; cursor: pointer; transition: .2s; margin: 4px 0 0 24px; }
#info:hover::before { opacity: 1; }