main{gap:var(--gap);flex-direction:column;display:flex;& fieldset{padding:var(--gap);& legend:before{content:"◆";margin-inline-end:var(--gap)}& label{display:block}& details+.selected-value,& .selected-value+details{margin-top:var(--gap)}& summary{margin-block-end:var(--gap-half)}&:has(#init_report_place_gps:checked) #report_place_map_area{display:none}& #report_place_map_area{& label:has(#update_place),& #report_place_map{margin-top:var(--gap)}& #report_place_map{border:1px solid var(--button-border-color);height:min(50dvh,calc(100dvw - var(--gap-double)*2))}}& :has(>.ol-viewport){margin-inline:var(--gap-double)}& details{& summary{background-color:var(--button-background-color);color:var(--button-text-color)}&.is-disabled{pointer-events:none;-webkit-user-select:none;user-select:none;& summary{background-color:color-mix(in srgb,var(--button-background-color)60%,#fff 40%);color:color-mix(in srgb,var(--button-text-color)60%,#fff 40%)}}&:has(input:checked){& summary{background-color:var(--button-secondary-background-color);color:var(--button-secondary-text-color)}}& .clear-button{margin-block-end:var(--gap)}}& .selected-value{margin-inline-start:2rem;display:none}& details:has(input:checked)+.selected-value{display:initial}}}