._container[data-v-e782d790]{
    display: flex;
    flex-direction: row;
    width: calc(100% - 50px);
    position: relative;
}
._container._mobile[data-v-e782d790]{
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}
.map_next_select[data-v-e782d790]{
    text-align: left;
    width: 140px;
    background-color:transparent;
    margin-right: 5px;
    padding-top: 37px;
    margin-left: 10px;
}
.map_next_select._mobile[data-v-e782d790]{
    padding-top: 30px;
    width: 100%;
}
.map_next_display[data-v-e782d790]{
    width: calc(100% - 140px);
    padding: auto;
    display: flex;
    flex-direction: column;
    align-items:flex-end;
    overflow-x: visible;
    overflow-y: visible;
    height: fit-content;
    min-height: 50%;
    padding-bottom: 5px;
    position:relative;
}
.map_next_display._mobile[data-v-e782d790]{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items:flex-start;
    overflow-y: scroll;
}
.map_next_display_inner[data-v-e782d790]{
    width:100%;
    display: flex;
    flex-direction: column;
    align-items:center;
    overflow-y: visible;
    position: relative;
}
.map_next_display_inner._mobile_right[data-v-e782d790]{
    position: absolute;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    right: 0px;
    background-color:white
}
.map_next_display_inner._mobile_left[data-v-e782d790]{
    position: relative;
    width: calc(100% - 100px);
    overflow-y: scroll;
    right: 0px;
    background-color:white
}
.select_group[data-v-e782d790]{
    margin-bottom: 20px;  
    width: 160px;
}
.select_group.rowed[data-v-e782d790]{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; 
    justify-content:flex-start;
}
.select_group.columned[data-v-e782d790]{
    display:flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.select_group_minor[data-v-e782d790]{
    margin-bottom: 10px;
}
.select_group._mobile[data-v-e782d790]{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap; 
    width: 100%;
}
.select_group_name[data-v-e782d790]{
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 300;
    height: 28px;
}
.select_item[data-v-e782d790]{
    font-size: 14px;
    font-weight: 300;
    cursor: pointer;
    line-height: 28px;
    transition: all 0.2s linear;
    background:transparent;
    width:50%;
    overflow: hidden;
}
.select_item._mobile[data-v-e782d790]{
    width:20%;
}
.select_item.overflow[data-v-e782d790]{
    overflow: visible;
    white-space:nowrap;
}
.select_item[data-v-e782d790]:hover{
    color: #000
}
.select_item[data-v-e782d790]:before{
    position: absolute;
    content:"   ";
    width:5px;
    height:5px;
    border-radius:50%;
    background: #fff;
    font-size: 30px;
    line-height:25px;
    display:inline-block;
    align-self: center;
    justify-self: center;
    transform: translate(-10px, 10px);
    transition: all 0.2s linear;
}
.select_item.active[data-v-e782d790]:before{
    background: #cb2020;
}
.display_row[data-v-e782d790]{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: fit-content;
    flex: 0 0 auto
}
.display_row.city_name[data-v-e782d790]{
    position: sticky;
    top: 0px;
}
.display_cell[data-v-e782d790]{
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.display_cell.y_name[data-v-e782d790]{
    justify-content: flex-start;
}
.y_name[data-v-e782d790], .x_name[data-v-e782d790]{
    font-size:14px;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.y_name[data-v-e782d790]{
    width:120px;
    padding-left: 10px;
    overflow-x:visible;
    text-overflow: ellipsis;
    white-space:nowrap;
    position: relative;
    left: 0px;
    background-color: #fff;
    text-align:left;
    display:flex;
    flex-direction: row;
}
.y_name._mobile[data-v-e782d790]{
    display:none;
}
.y_name_ratio[data-v-e782d790]{
    width: 15px;
    margin-right: 10px;
    text-align:right;
    color: #888888;
}
.y_name.expand .y_name_ratio[data-v-e782d790]{
    width: 28px;
    text-align: center;
}
.y_name_text[data-v-e782d790]{
    text-align:left;
    width: 86px !important;
    overflow:hidden;
    text-overflow: ellipsis;
}
.x_name[data-v-e782d790]{
    overflow:visible;
    /* width:26px; */
    /* margin-bottom: 8px; */
    display:flex;
    flex-direction: column;
    padding-bottom: 0px;
    position: relative;
    /* justify-content: space-between; */
    justify-content: flex-end;
    align-items: center;
}
.x_name_text[data-v-e782d790]{
    writing-mode:tb;
    /* height:55px; */
    /* line-height:30px; */
    white-space:nowrap;
    text-align: top;
    text-align:right;
    height:58px;
    /* line-height:100% */
}
.x_name_ratio[data-v-e782d790]{
    padding-top: 4px;
    font-size:14px;
    font-weight: 300;
    color: #888888;
    opacity:0.8;
    width: 14px;
    white-space:nowrap;
    overflow:visible;
}
.x_name.expand .x_name_ratio[data-v-e782d790]{
    text-align: center;
    transform: translateX(-50%) scale(1);
    color: #525252;
}
.x_name.expand .x_name_text[data-v-e782d790],
.x_name.expand .x_name_ratio[data-v-e782d790],
.y_name.expand .y_name_text[data-v-e782d790],
.y_name.expand .y_name_ratio[data-v-e782d790]
{
    color: #525a7cd5;
    font-weight:400;
}
.x_name.expand[data-v-e782d790],
.x_name.expand .x_name_ratio[data-v-e782d790]
{
    font-weight:400;
    opacity:1;
}
.y_name.expand[data-v-e782d790]{
    /* font-size:18px; */
    font-weight:400;
    /* padding-top: 3px; */
}
.y_name.current[data-v-e782d790], .x_name.current[data-v-e782d790]{
    color: #cb2020 !important;
}
.y_name.current > *[data-v-e782d790], .x_name.current > *[data-v-e782d790] {
    color: #cb2020 !important;
}
.box[data-v-e782d790]{
    width: 100%;
    height:auto;
    /* min-width: 22px; */
    /* height: 26px; */
    /* padding-bottom: 100%; */
    border: 4px solid white;
    background: #eee;
    cursor: pointer;
    transition: all 0.2s linear;
    line-height:0px;
}
.box img[data-v-e782d790]{
    width: 100%;
    object-fit: contain;
    opacity:0;
    aspect-ratio: 1/1;
}
.box_empty[data-v-e782d790]{
    background: #fff;
    position: relative;
    border: 4px solid white;
}
.box_empty[data-v-e782d790]:before{
    content: " ";
    position: absolute;
    /* z-index: -1; */
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #efefef;
}
.box.filled[data-v-e782d790]{
    background: #aaa
}
.box.expandX[data-v-e782d790]:not(.filled),
.box.expandY[data-v-e782d790]:not(.filled)
 {
    background: rgb(225, 225, 233)
}
.box.expandX.filled[data-v-e782d790],
.box.expandY.filled[data-v-e782d790]
{
    background: rgb(143, 153, 182)
}
.box.expandX.expandY[data-v-e782d790]:not(.filled)
{
    background: rgb(215, 215, 225)
}
.box.expandX.expandY.filled[data-v-e782d790]
{
    background: rgb(143, 153, 195)
}