.dialog.map-legend-dialog{border:1px solid var(--button-border-color);margin-inline:1rem;& .dialog-main{min-width:unset;max-width:unset;& .dialog-contents{gap:var(--gap);grid-template-columns:auto auto auto auto;align-items:center;display:grid}}}main{gap:var(--gap);display:grid;& #control_buttons{gap:var(--gap);align-items:flex-end;font-size:small}& #map_area{border:1px solid var(--button-border-color);height:50dvh}& #control_area{justify-content:space-between;gap:var(--gap);display:flex;&.is-hourly #control_area_daily_button_container,&.is-daily #control_area_hourly_buttons_container{display:none}& #control_area_hourly_buttons_container{gap:var(--gap);display:flex}}& #message_area{& svg{vertical-align:middle}}}@media (width<=1024px){#control_area .button-text{display:none}}