main{line-break:strict;gap:.5rem;display:grid;container:main-container/inline-size;& #logo_nied{text-align:center;& img{background-color:#fff;max-width:100%}}& .category-title{gap:var(--gap);align-items:center;&:not(:has(span)):before,& span:before{content:"◆";margin-inline-end:var(--gap)}&:not(:first-of-type){margin-block-start:var(--gap-double)}}& .value_label{margin-inline-start:2rem}& 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)}}& .category-menu{padding:var(--gap);gap:var(--gap);grid-template-columns:auto 1fr;display:grid;& .category-menu-text{gap:var(--gap);align-items:center;min-width:20rem}& .category-menu-items{flex-grow:1;& label{border:1px solid var(--bulma-border);background-color:var(--button-background-color);border-radius:var(--bulma-control-radius);padding:.5rem 1rem;box-shadow:0 .0625em .125em #3333330d,0 .125em .25em #3333330d;&:has(+label){border-bottom-left-radius:unset;border-bottom-right-radius:unset}&+label{border-top-left-radius:unset;border-top-right-radius:unset;border-block-start:none}}}& .category-menu-text[id^=cat2],& .category-menu-text[id^=cat3]{display:none}& .category-menu-items:has([value=rain_1]:checked)~.category-menu-text[id^=cat2_rain_1],& .category-menu-items:has([value=flood_2]:checked)~.category-menu-text[id^=cat2_flood_2],& .category-menu-items:has([value=flood_2_2]:checked)~.category-menu-text[id^=cat3_flood_2_2],& .category-menu-items:has([value=flood_2_3]:checked)~.category-menu-text[id^=cat3_flood_2_3],& .category-menu-items:has([value=flood_2_4]:checked)~.category-menu-text[id^=cat3_flood_2_4],& .category-menu-items:has([value=flood_2_5]:checked)~.category-menu-text[id^=cat3_flood_2_5],& .category-menu-items:has([value=flood_2_6]:checked)~.category-menu-text[id^=cat3_flood_2_6],& .category-menu-items:has([value=flood_3]:checked)~.category-menu-text[id^=cat2_flood_3],& .category-menu-items:has([value=volcano_1]:checked)~.category-menu-text[id^=cat2_volcano_1]{display:flex}& .category-menu-items[id^=cat2],& .category-menu-items[id^=cat3]{display:none}& .category-menu-items:has([value=rain_1]:checked)~.category-menu-items[id^=cat2_rain_1],& .category-menu-items:has([value=flood_2]:checked)~.category-menu-items[id^=cat2_flood_2],& .category-menu-items:has([value=flood_2_2]:checked)~.category-menu-items[id^=cat3_flood_2_2],& .category-menu-items:has([value=flood_2_3]:checked)~.category-menu-items[id^=cat3_flood_2_3],& .category-menu-items:has([value=flood_2_4]:checked)~.category-menu-items[id^=cat3_flood_2_4],& .category-menu-items:has([value=flood_2_5]:checked)~.category-menu-items[id^=cat3_flood_2_5],& .category-menu-items:has([value=flood_2_6]:checked)~.category-menu-items[id^=cat3_flood_2_6],& .category-menu-items:has([value=flood_3]:checked)~.category-menu-items[id^=cat2_flood_3],& .category-menu-items:has([value=volcano_1]:checked)~.category-menu-items[id^=cat2_volcano_1]{display:block}}}& label{display:block}& .label-group{display:flex;&>label{flex:none;&:not(:first-child){border-inline-start:none}& input{display:none}}}& .x-columns{gap:var(--gap);align-items:center}& #send_time_category_container:has(.is-active[data-time=now])+#send_time_container{display:none}& #send_time_container{& input{width:unset}}& #map_area{height:min(50dvh,calc(100dvw - var(--gap-double)*2));border:1px solid var(--button-border-color)}& #comment{field-sizing:content;min-height:3lh;max-height:50dvh;padding:var(--gap);line-height:1.5;&.is-overflow{background-color:#fee;border-color:red}}& #text_count.is-overflow{color:red}& #pict_area{gap:var(--gap);display:grid;& label>input[type=file]{display:none}& label:has(>input[type=file]){text-align:center}& .pict-container img{border:1px solid var(--button-border-color);max-width:100%}}& #prepare_button{margin-block-start:var(--gap-double)}}@container main-container (width<=640px){main details .category-menu{grid-template-columns:1fr}}#category_dialog,#submit_dialog{line-break:strict;& p,& dl{margin-block:0}& dt{&:before{content:"「"}&:after{content:"」"}}& .title{font-size:large;&:before{content:"◆";margin-inline-end:var(--gap)}&:not(:first-child){border-block-start:1px solid var(--button-border-color);margin-block-start:var(--gap-double);padding-block-start:var(--gap-double)}&+*{margin-block-start:var(--gap-double)}}& .comment-and-image-container{border-block-start:1px solid var(--button-border-color);margin-block-start:var(--gap-double);padding-block-start:var(--gap-double)}& dt{margin-block-end:var(--gap-half);dd+&{margin-block-start:var(--gap-half)}}& dd{margin-inline-start:var(--gap-double);line-height:1.5}& .image-container img{max-width:100%}& .submit-button{text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;margin:0 var(--gap)var(--gap);padding:.75rem 1rem;line-height:1;text-decoration:none;display:block}}