@charset "UTF-8";
/* ********************************************************************************************************************************************* */
/* **************************************************                  공통사항                 ************************************************* */
/* ********************************************************************************************************************************************* */
:root {
  --filter-color-007bff: invert(30%) sepia(86%) saturate(3189%) hue-rotate(201deg) brightness(105%) contrast(104%);
  --filter-color-DBDBDB: invert(92%) sepia(1%) saturate(3630%) hue-rotate(194deg) brightness(119%) contrast(72%);
  --filter-color-primary: invert(21%) sepia(13%) saturate(2233%) hue-rotate(184deg) brightness(96%) contrast(93%);
  --color-primary: #2A3A61;
  --color-secondary: #0d6efd;
  --color-success: #198754;
  --color-danger: #dc3545;
  --color-warning: #ffc107;
  --color-info: #0dcaf0;
  --primary-100:#2a3a61;
  --primary-200:#3c4a73;
  --primary-300: #4f5a79;
  /* --primary-300:#57648f; */
  --secondary-100:#007bff;
  --secondary-200: #3d8dff;
  --secondary-300:#69a9ff;
  /* --secondary-200:#69a9ff; */
  /* --secondary-300:#e0ffff; */
  --accent-100:#cddc39;
  --accent-200:#667b00;
  --bg-100:#E9E9E9;
  --bg-200:#F5F5F5;
  --bg-300:#FFFFFF;
}

.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd),
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay),
.css-after {
  /*테이블내 조회된 데이터 없을시*/
  /*datepicker ui design*/
  /*배경색*/
  /* =Set Class */
  /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
  /* 딤드레이어 */
  /* 한줄 말줄임*/
  /* 두줄 말줄임*/
  /* 세줄 말줄임*/
  /* margin, padding */
  /* color */
  /* font */
  /* 툴팁 */
  /* 추가 버튼 */
  /*타깃 내 레이아웃 박스*/
  /*버스쉘터타깃 승하차 명수 표시*/
  /*체크박스형태 버튼내 아이콘 포함시*/
  /* ********************************************************************************************************************************************* */
  /* **************************************************  header :  스크롤바 포함 크기 width 100px ************************************************* */
  /* ********************************************************************************************************************************************* */
  /* 로고 위치 변경 */
  /*로고 위치 변경*/
  /* ********************************************************************************************************************************************* */
  /* **************************************************                   MAIN                   ************************************************* */
  /* ********************************************************************************************************************************************* */
  /* ************************
  * 지도 컨트롤, 툴 버튼, 퀵메뉴
  ************************ */
  /* 지도 상의 축적 위치 변경 */
  /*지도 하단 시/군/구*/
  /*지도 하단 장소검색*/
  /*지도 확대 축소 버튼*/
  /* ************************
  * 매체POI 창
  ************************ */
  /* ************************
  * 장소검색 창
  ************************ */
  /* ************************
  * 지도 지역명표시 & 장소검색
  ************************ */
  /* ************************
  * 지도 내 버블
  ************************ */
  /*장소명칭 버블*/
  /*매체정보 버블 및 포이*/
  /*매체포이*/
  /*매체정보 버블*/
  /* ************************
  * 예상송출 판넬
  ************************ */
  /* .transmission-panel .pagination{margin:0; padding: 8px 0; box-shadow: 0 -1px 2px 0px rgba(0,0,0,.15);} */
  /* ************************
  * 유동인구 range 판넬
  ************************ */
  /* ************************
  * 캠페인타깃 .target-wrap > .taget-media & .taget-setting > .taget-control > .target-content > .target-header & .target-body & .target-footer
  ************************ */
  /*target-media - 매체선택, target-setting - 타깃설정*/
  /*캠페인 타깃 구분선*/
  /*캠페인 드롭다운 타이틀, 선택된 명칭*/
  /*매체유형*/
  /* ************************
  * 소재
  ************************ */
  /*material size*/
  /* 소재 비활성화 */
  /* 레이어 팝업-소재 상세정보, 수정하기, 신규소재등록 / 김현숙 */
  /* 소재 변경 스케쥴 */
  /*소재승인현황*/
  /* .disabled-hr::after{content: " "; display: block; height: 1px; width: 100%; background: red; position: absolute; top:38px; left: 0;} */
  /* ************************
  * 캠페인리스트
  ************************ */
  /* .--vertical i{rotate: 90deg;} */
  /*캠페인리스트 펼침/닫침*/
  /*캠페인리스트 내 청약그룹*/
  /*캠페인 기간 툴팁표시*/
  /* .period-section.--NextYear .fill,
  .period-section.--NextYear .tooltiptext {background-color: #cddc39; color: #000} */
  /*캠페인리스트 종합 판넬*/
  /* ************************
  * 사이드패널
  ************************ */
  /*공통내용*/
  /*사이드패널 내 아코디언*/
  /*사이드패널 내 섹션구분*/
  /*필터항목*/
  /* .map_left_filters .sidepanel-body{overflow-y: hidden;} */
  /*
  .map_left_filters_container .map_left_filters .filters-sidebar .filters-group label,
  .map_left_filters_container .map_left_filters .filters-sidebar .filters-group input{cursor: pointer;}
  */
  /*필터링된 목록*/
  /*
  .item-list {border-bottom: 1px solid rgb(227, 227, 227); background: #fff;  display: block;  position: relative;  margin: 12px 0;  box-sizing: border-box;  background: #fff;  border-radius: 2px;  border: 1px solid #e7e7e7;  cursor: pointer;  text-decoration: none;  border-bottom-width: 2px;  border-bottom-color: #d8d8d8;  border-bottom-style: solid;  box-shadow: 0 5px 5px rgb(0 0 0/7%);  width: 100%;}
  */
  /* 리스트 로딩중 */
  /* 텍스트 깜빡이는 효과 */
  /*유동인구리스트*/
  /* 유동인구 필터 인구범위 구간 지정 */
  /*미디어상세정보*/
  /* ************************
  * 매체분석창
  ************************ */
  /* .campaign-wrap.hide ~ .analysis-wrap,
  .sidepanel-wrap.hide ~ .analysis-wrap {width: 100%;}
  .campaign-wrap ~ .analysis-wrap,
  .sidepanel-wrap ~ .analysis-wrap{width: calc(100% - 530px);} */
  /* ************************
  * modal-overlay 안이 아닌 다른 div에 modal이 포함되었을때
  ************************ */
  /* ************************
  * 모달창-소재선택팝업창
  ************************ */
  /*모달 소재 선택팝업창에만 해당*/
  /*기본소재부분*/
  /*소재추가부분*/
  /*셋톱 배치도*/
  /*셋탑그룹별 색상 바뀌었는데~~~*/
  /* ************************
  * 이미지 슬라이드
  ************************ */
  /* ************************
  * 캠페인외 페이지
  ************************ */
  /*페이지구분 처리를 위한 네비*/
  /*유동인구 재생*/
  /*페이지 퀵메뉴 핀버튼*/
  /* ********************************************************************************************************************************************* */
  /* **************************************************              MEDIA QUERY                 ************************************************* */
  /* ********************************************************************************************************************************************* */
  /*세로형 소재등록시 템플릿모드 -- 기존내용 끌어와 합쳐줘야함*/
  /*추후 css-before 제거시 하단 css는 제거해도 무방함*/
  /*여기까지*/
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal body,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) body,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) body,
.css-after body {
  overflow-y: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .data-none,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .data-none,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .data-none,
.css-after .data-none {
  height: 500px;
  background-color: var(--bg-100);
}
.daterangepicker {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 5px 10px 0px rgba(0, 0, 0, 0.15);
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  -moz-appearance: auto;
       appearance: auto;
  -webkit-appearance: auto;
}

input[name=daterange] {
  padding-right: 24px !important;
  width: 100%;
  vertical-align: baseline;
  background-image: url(../images/icon/icon-calendar.png);
  background-size: 16px auto;
  background-position: right center;
  background-repeat: no-repeat;
  outline: none;
}

input[name=calendar] {
  padding-right: 24px !important;
  width: 100%;
  vertical-align: baseline;
  background-image: url(../images/icon/icon-calendar.png);
  background-size: 16px auto;
  background-position: right center;
  background-repeat: no-repeat;
  outline: none;
}

.daterange-single {
  display: inline-block;
  max-width: 150px;
  width: auto;
}

.daterangepicker .drp-selected {
  display: none;
}

.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .form-check-label .icon-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .form-check-label .icon-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .form-check-label .icon-container,
.css-after .form-check-label .icon-container {
  margin-right: 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .dropdown-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .dropdown-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .dropdown-header,
.css-after .dropdown-header {
  font-size: 12px;
  padding: 4px 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .bg-100,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .bg-100,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .bg-100,
.css-after .bg-100 {
  background-color: var(--bg-100);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .bg-200,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .bg-200,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .bg-200,
.css-after .bg-200 {
  background-color: var(--bg-200);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .bg-300,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .bg-300,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .bg-300,
.css-after .bg-300 {
  background-color: var(--bg-300);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .blind,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .blind,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .blind,
.css-after .blind {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  margin: -1px;
  color: transparent;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .dimmed,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .dimmed,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .dimmed,
.css-after .dimmed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .eps,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .eps,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .eps,
.css-after .eps {
  display: inline-block !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .eps2, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .eps3,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .eps2,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .eps3,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .eps2,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .eps3,
.css-after .eps2,
.css-after .eps3 {
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .eps2,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .eps2,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .eps2,
.css-after .eps2 {
  -webkit-line-clamp: 2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .eps3,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .eps3,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .eps3,
.css-after .eps3 {
  -webkit-line-clamp: 3;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .break-words,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .break-words,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .break-words,
.css-after .break-words {
  word-wrap: break-word;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .whitespace-normal,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .whitespace-normal,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .whitespace-normal,
.css-after .whitespace-normal {
  white-space: normal;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .whitespace-pre-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .whitespace-pre-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .whitespace-pre-wrap,
.css-after .whitespace-pre-wrap {
  white-space: pre-wrap;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .block,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .block,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .block,
.css-after .block {
  display: block !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .inline_block,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .inline_block,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .inline_block,
.css-after .inline_block {
  display: inline-block !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .opacity-0,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .opacity-0,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .opacity-0,
.css-after .opacity-0 {
  opacity: 0 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .opacity-045,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .opacity-045,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .opacity-045,
.css-after .opacity-045 {
  opacity: 0.45 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .posi-sticky,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .posi-sticky,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .posi-sticky,
.css-after .posi-sticky {
  position: sticky;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt0,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt0,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt0,
.css-after .mt0 {
  margin-top: 0px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt5,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt5,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt5,
.css-after .mt5 {
  margin-top: 5px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt10,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt10,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt10,
.css-after .mt10 {
  margin-top: 10px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mtm14,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mtm14,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mtm14,
.css-after .mtm14 {
  margin-top: -14px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt15,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt15,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt15,
.css-after .mt15 {
  margin-top: 15px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt20,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt20,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt20,
.css-after .mt20 {
  margin-top: 20px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt25,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt25,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt25,
.css-after .mt25 {
  margin-top: 25px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt30,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt30,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt30,
.css-after .mt30 {
  margin-top: 30px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mtm30,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mtm30,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mtm30,
.css-after .mtm30 {
  margin-top: -30px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt40,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt40,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt40,
.css-after .mt40 {
  margin-top: 40px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt50,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt50,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt50,
.css-after .mt50 {
  margin-top: 50px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt60,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt60,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt60,
.css-after .mt60 {
  margin-top: 60px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt70,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt70,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt70,
.css-after .mt70 {
  margin-top: 70px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt80,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt80,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt80,
.css-after .mt80 {
  margin-top: 80px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt90,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt90,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt90,
.css-after .mt90 {
  margin-top: 90px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mt100,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mt100,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mt100,
.css-after .mt100 {
  margin-top: 100px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb90,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb90,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb90,
.css-after .mb90 {
  margin-bottom: 90px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb-1,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb-1,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb-1,
.css-after .mb-1 {
  margin-bottom: -1px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb-5,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb-5,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb-5,
.css-after .mb-5 {
  margin-bottom: -5px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb0,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb0,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb0,
.css-after .mb0 {
  margin-bottom: 0px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb10,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb10,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb10,
.css-after .mb10 {
  margin-bottom: 10px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb15,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb15,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb15,
.css-after .mb15 {
  margin-bottom: 15px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb20,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb20,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb20,
.css-after .mb20 {
  margin-bottom: 20px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb30,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb30,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb30,
.css-after .mb30 {
  margin-bottom: 30px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb40,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb40,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb40,
.css-after .mb40 {
  margin-bottom: 40px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb50,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb50,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb50,
.css-after .mb50 {
  margin-bottom: 50px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb60,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb60,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb60,
.css-after .mb60 {
  margin-bottom: 60px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb70,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb70,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb70,
.css-after .mb70 {
  margin-bottom: 70px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb80,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb80,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb80,
.css-after .mb80 {
  margin-bottom: 80px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mb90,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mb90,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mb90,
.css-after .mb90 {
  margin-bottom: 90px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mtb50,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mtb50,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mtb50,
.css-after .mtb50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mtb100,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mtb100,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mtb100,
.css-after .mtb100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .ml2,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .ml2,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .ml2,
.css-after .ml2 {
  margin-left: 2px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .ml3,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .ml3,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .ml3,
.css-after .ml3 {
  margin-left: 3px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .ml5,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .ml5,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .ml5,
.css-after .ml5 {
  margin-left: 5px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .ml10,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .ml10,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .ml10,
.css-after .ml10 {
  margin-left: 10px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .ml20,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .ml20,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .ml20,
.css-after .ml20 {
  margin-left: 20px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mr2,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mr2,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mr2,
.css-after .mr2 {
  margin-right: 2px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mr5,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mr5,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mr5,
.css-after .mr5 {
  margin-right: 5px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mr10,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mr10,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mr10,
.css-after .mr10 {
  margin-right: 10px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mr15,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mr15,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mr15,
.css-after .mr15 {
  margin-right: 15px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mr20,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mr20,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mr20,
.css-after .mr20 {
  margin-right: 20px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .mr40,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .mr40,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .mr40,
.css-after .mr40 {
  margin-right: 40px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pd8,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pd8,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pd8,
.css-after .pd8 {
  padding: 8px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pt0,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pt0,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pt0,
.css-after .pt0 {
  padding-top: 0px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pt10,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pt10,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pt10,
.css-after .pt10 {
  padding-top: 10px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pt20,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pt20,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pt20,
.css-after .pt20 {
  padding-top: 20px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pt30,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pt30,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pt30,
.css-after .pt30 {
  padding-top: 30px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pt40,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pt40,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pt40,
.css-after .pt40 {
  padding-top: 40px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pt50,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pt50,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pt50,
.css-after .pt50 {
  padding-top: 50px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pt60,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pt60,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pt60,
.css-after .pt60 {
  padding-top: 60px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pt70,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pt70,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pt70,
.css-after .pt70 {
  padding-top: 70px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pt80,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pt80,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pt80,
.css-after .pt80 {
  padding-top: 80px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pb5,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pb5,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pb5,
.css-after .pb5 {
  padding-bottom: 5px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pb10,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pb10,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pb10,
.css-after .pb10 {
  padding-bottom: 10px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pb20,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pb20,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pb20,
.css-after .pb20 {
  padding-bottom: 20px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pb30,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pb30,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pb30,
.css-after .pb30 {
  padding-bottom: 30px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pb40,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pb40,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pb40,
.css-after .pb40 {
  padding-bottom: 40px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pb50,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pb50,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pb50,
.css-after .pb50 {
  padding-bottom: 50px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pb60,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pb60,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pb60,
.css-after .pb60 {
  padding-bottom: 60px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pb70,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pb70,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pb70,
.css-after .pb70 {
  padding-bottom: 70px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pb80,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pb80,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pb80,
.css-after .pb80 {
  padding-bottom: 80px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .pb90,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .pb90,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .pb90,
.css-after .pb90 {
  padding-bottom: 90px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w90,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w90,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w90,
.css-after .w90 {
  width: 90px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w100,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w100,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w100,
.css-after .w100 {
  width: 100px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w110,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w110,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w110,
.css-after .w110 {
  width: 110px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w120,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w120,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w120,
.css-after .w120 {
  width: 120px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w130,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w130,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w130,
.css-after .w130 {
  width: 130px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w170,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w170,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w170,
.css-after .w170 {
  width: 170px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w174,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w174,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w174,
.css-after .w174 {
  width: 174px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w180,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w180,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w180,
.css-after .w180 {
  width: 180px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w200,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w200,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w200,
.css-after .w200 {
  width: 200px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w220,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w220,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w220,
.css-after .w220 {
  width: 220px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w240,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w240,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w240,
.css-after .w240 {
  width: 240px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w250,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w250,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w250,
.css-after .w250 {
  width: 250px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w270,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w270,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w270,
.css-after .w270 {
  width: 270px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w280,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w280,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w280,
.css-after .w280 {
  width: 280px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w290,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w290,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w290,
.css-after .w290 {
  width: 290px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w300,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w300,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w300,
.css-after .w300 {
  width: 300px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w350,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w350,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w350,
.css-after .w350 {
  width: 350px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w390,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w390,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w390,
.css-after .w390 {
  width: 390px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w420,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w420,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w420,
.css-after .w420 {
  width: 420px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w445,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w445,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w445,
.css-after .w445 {
  width: 445px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w600,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w600,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w600,
.css-after .w600 {
  width: 600px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .w800,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .w800,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .w800,
.css-after .w800 {
  width: 800px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .wp20,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .wp20,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .wp20,
.css-after .wp20 {
  width: 20% !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .wp25,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .wp25,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .wp25,
.css-after .wp25 {
  width: 25% !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .wp50,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .wp50,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .wp50,
.css-after .wp50 {
  width: 50% !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .wp100,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .wp100,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .wp100,
.css-after .wp100 {
  width: 100% !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .white,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .white,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .white,
.css-after .white {
  color: #fff !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .bk,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .bk,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .bk,
.css-after .bk {
  color: #111 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .gr,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .gr,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .gr,
.css-after .gr {
  color: #666 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .gray2,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .gray2,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .gray2,
.css-after .gray2 {
  color: #222 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .gray5,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .gray5,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .gray5,
.css-after .gray5 {
  color: #a7a7a7 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .base3,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .base3,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .base3,
.css-after .base3 {
  color: #333 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .orange,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .orange,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .orange,
.css-after .orange {
  color: #fe7a00 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .purple,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .purple,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .purple,
.css-after .purple {
  color: #8c88ff !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .deeppurple,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .deeppurple,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .deeppurple,
.css-after .deeppurple {
  color: #5c59b9 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .blue,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .blue,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .blue,
.css-after .blue {
  color: #1877f2 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .red,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .red,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .red,
.css-after .red {
  color: #ed1c24 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .green,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .green,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .green,
.css-after .green {
  color: #08a432 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .lightblue,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .lightblue,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .lightblue,
.css-after .lightblue {
  color: #79cfff !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .lightgreen,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .lightgreen,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .lightgreen,
.css-after .lightgreen {
  color: #61cd9a !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .deepblue,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .deepblue,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .deepblue,
.css-after .deepblue {
  color: #0011f6 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fw_700,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fw_700,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fw_700,
.css-after .fw_700 {
  font-weight: 700 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fw_600,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fw_600,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fw_600,
.css-after .fw_600 {
  font-weight: 600 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fw_500,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fw_500,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fw_500,
.css-after .fw_500 {
  font-weight: 500 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fw_400,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fw_400,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fw_400,
.css-after .fw_400 {
  font-weight: 400 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fw_300,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fw_300,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fw_300,
.css-after .fw_300 {
  font-weight: 300 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_38,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_38,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_38,
.css-after .fs_38 {
  font-size: 36px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_34,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_34,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_34,
.css-after .fs_34 {
  font-size: 34px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_32,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_32,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_32,
.css-after .fs_32 {
  font-size: 32px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_30,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_30,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_30,
.css-after .fs_30 {
  font-size: 30px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_20,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_20,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_20,
.css-after .fs_20 {
  font-size: 20px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_18,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_18,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_18,
.css-after .fs_18 {
  font-size: 18px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_16,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_16,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_16,
.css-after .fs_16 {
  font-size: 16px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_15,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_15,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_15,
.css-after .fs_15 {
  font-size: 15px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_14,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_14,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_14,
.css-after .fs_14 {
  font-size: 14px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_13,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_13,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_13,
.css-after .fs_13 {
  font-size: 13px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_12,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_12,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_12,
.css-after .fs_12 {
  font-size: 12px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_11,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_11,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_11,
.css-after .fs_11 {
  font-size: 11px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_10,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_10,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_10,
.css-after .fs_10 {
  font-size: 10px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .fs_9,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .fs_9,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .fs_9,
.css-after .fs_9 {
  font-size: 9px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .tooltip-bottom.help,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .tooltip-bottom-right.help,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .tooltip-bottom.help,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .tooltip-bottom-right.help,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .tooltip-bottom.help,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .tooltip-bottom-right.help,
.css-after .tooltip-bottom.help,
.css-after .tooltip-bottom-right.help {
  filter: none !important;
  opacity: 0.5;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .tooltip-bottom.help:hover,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .tooltip-bottom-right.help:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .tooltip-bottom.help:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .tooltip-bottom-right.help:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .tooltip-bottom.help:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .tooltip-bottom-right.help:hover,
.css-after .tooltip-bottom.help:hover,
.css-after .tooltip-bottom-right.help:hover {
  opacity: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .tooltip-bottom.help .tooltiptext,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .tooltip-bottom.help .tooltiptext,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .tooltip-bottom.help .tooltiptext,
.css-after .tooltip-bottom.help .tooltiptext {
  margin-top: 4px;
  font-size: 12px;
  padding: 8px 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .tooltip-bottom-right .tooltiptext,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .tooltip-bottom-right .tooltiptext,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .tooltip-bottom-right .tooltiptext,
.css-after .tooltip-bottom-right .tooltiptext {
  top: 100%;
  right: 0;
  margin-top: 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .tooltip-bottom-right .tooltiptext::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .tooltip-bottom-right .tooltiptext::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .tooltip-bottom-right .tooltiptext::after,
.css-after .tooltip-bottom-right .tooltiptext::after {
  bottom: 100%;
  right: 4px;
  border-color: transparent transparent #222 transparent;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-plus .more-btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-plus .more-btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-plus .more-btn,
.css-after .btn-plus .more-btn {
  height: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-plus .more-btn:hover *,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-plus .more-btn:hover *,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-plus .more-btn:hover *,
.css-after .btn-plus .more-btn:hover * {
  opacity: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-plus .more-btn *,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-plus .more-btn *,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-plus .more-btn *,
.css-after .btn-plus .more-btn * {
  opacity: 0.45;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .scrollBox-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .scrollBox-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .scrollBox-wrap,
.css-after .scrollBox-wrap {
  display: flex;
  border: 1px solid #ccc;
  width: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .scrollBox,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .scrollBox,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .scrollBox,
.css-after .scrollBox {
  border-right: 1px solid #E2E2E3;
  height: 100%;
  flex: 1;
  background-color: var(--bg-300);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .scrollBox:last-child,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .scrollBox:last-child,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .scrollBox:last-child,
.css-after .scrollBox:last-child {
  border-right: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .scrollBox .selected,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .scrollBox .selected,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .scrollBox .selected,
.css-after .scrollBox .selected {
  color: #009C96;
  font-weight: 700;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .scrollBox > ul,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .scrollBox > ul,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .scrollBox > ul,
.css-after .scrollBox > ul {
  overflow-y: auto;
  width: 100%;
  min-height: 100%;
  height: 160px;
  display: flex;
  align-content: flex-start;
  flex-direction: column;
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .scrollBox > ul > li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .scrollBox > ul > li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .scrollBox > ul > li,
.css-after .scrollBox > ul > li {
  position: relative;
  padding: 4px 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .scrollBox .title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .scrollBox .title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .scrollBox .title,
.css-after .scrollBox .title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 16px 16px 8px;
  font-size: var(--font-md);
  font-weight: 500;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .selectedBox,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .selectedBox,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .selectedBox,
.css-after .selectedBox {
  border-top: 1px solid #ddd;
  margin-top: 16px;
  padding-top: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .scrollBox-wrap .pagination,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .scrollBox-wrap .pagination,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .scrollBox-wrap .pagination,
.css-after .scrollBox-wrap .pagination {
  margin: 0;
  padding: 8px 0;
  box-shadow: 0 -1px 2px 0px rgba(0, 0, 0, 0.15);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .scrollBox > ul > li .floor,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .scrollBox > ul > li .floor,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .scrollBox > ul > li .floor,
.css-after .scrollBox > ul > li .floor {
  background-color: rgba(0, 0, 0, 0.015);
  margin: 4px -8px -4px;
  padding: 4px 8px;
  color: #666;
  font-size: 11px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .custom-btn-type .form-check-label .icon-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .custom-btn-type .form-check-label .icon-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .custom-btn-type .form-check-label .icon-container,
.css-after .custom-btn-type .form-check-label .icon-container {
  margin-right: 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .custom-btn-type .form-check-input:checked + label .icon-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .custom-btn-type .form-check-input:checked + label .icon-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .custom-btn-type .form-check-input:checked + label .icon-container,
.css-after .custom-btn-type .form-check-input:checked + label .icon-container {
  filter: invert(100);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-expand,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-expand,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-expand,
.css-after .btn-expand {
  display: inline-flex;
  padding: 4px;
  min-width: 26px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .help,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .help,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .help,
.css-after .help {
  display: inline-block;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url(../images/icon/icons-32.png);
  background-size: 960px auto;
  background-position: -32px -144px;
  cursor: pointer;
  filter: var(--filter-color-DBDBDB);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .help:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .help:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .help:hover,
.css-after .help:hover {
  filter: var(--filter-color-007bff);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .poi,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .poi,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .poi,
.css-after .poi {
  opacity: 0.2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .poi:hover, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .poi.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .poi:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .poi.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .poi:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .poi.active,
.css-after .poi:hover,
.css-after .poi.active {
  opacity: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .poi:hover i, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .poi.active i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .poi:hover i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .poi.active i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .poi:hover i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .poi.active i,
.css-after .poi:hover i,
.css-after .poi.active i {
  filter: var(--filter-color-007bff);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .circle,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .circle,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .circle,
.css-after .circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 4px;
  border-radius: 50rem;
  background-color: #F1F2F6;
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .circle:active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .circle:active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .circle:active,
.css-after .circle:active {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.45);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .circle.download,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .circle.download,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .circle.download,
.css-after .circle.download {
  border: 1px solid #eee;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .circle.download:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .circle.download:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .circle.download:hover,
.css-after .circle.download:hover {
  background-color: #fff;
  border: 1px solid #ddd;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .circle.download:active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .circle.download:active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .circle.download:active,
.css-after .circle.download:active {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .circle.delete:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .circle.delete:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .circle.delete:hover,
.css-after .circle.delete:hover {
  background-color: #fff;
  border: 1px solid #ddd;
  opacity: 1;
  transform: scale(1.1);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .hover-text:hover i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .hover-text:hover i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .hover-text:hover i,
.css-after .hover-text:hover i {
  width: auto;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .hover-text:hover i span,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .hover-text:hover i span,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .hover-text:hover i span,
.css-after .hover-text:hover i span {
  background-image: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .hover-text:hover .text-blind,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .hover-text:hover .text-blind,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .hover-text:hover .text-blind,
.css-after .hover-text:hover .text-blind {
  color: #fff;
  font-size: inherit;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-reset,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-reset,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-reset,
.css-after .btn-reset {
  border-color: transparent;
  display: inline-flex;
  align-items: center;
  gap: var(--gap-sm);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-reset i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-reset i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-reset i,
.css-after .btn-reset i {
  transform: rotate(27.5deg);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-reset i.spin,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-reset i.spin,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-reset i.spin,
.css-after .btn-reset i.spin {
  animation: spinner-border 0.5s linear infinite;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-reset i + *,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-reset i + *,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-reset i + *,
.css-after .btn-reset i + * {
  margin-left: 2px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-reset:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-reset:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-reset:hover,
.css-after .btn-reset:hover {
  color: #666;
}
.body-wrap {
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  min-width: 1280px;
  overflow: hidden;
}

.min-initial {
  min-width: initial;
}

header {
  display: flex;
  background-color: var(--primary-100);
}

header > section:first-of-type {
  width: 100px;
}

nav {
  padding: 0 8px;
  flex: 1;
}

nav > a {
  position: relative;
  display: block;
  color: #fff;
  padding-top: 16px;
  padding-bottom: 8px;
  word-break: keep-all;
  text-align: center;
  cursor: pointer;
}

nav > a > * {
  opacity: 0.3;
}

nav > a:hover > *, nav > a.active > * {
  opacity: 1;
}

nav .icon-container {
  display: block;
  margin: 0 auto 1px;
}

nav .alarm_expose::after {
  position: absolute;
  top: 16px;
  right: 8px;
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50rem;
  background-color: var(--secondary-200);
  opacity: 1;
}

header .user, header .logo {
  padding: 16px 8px;
  text-align: center;
}

main .user, main .logo {
  padding: 16px 8px;
  text-align: center;
}

.user {
  background-color: rgba(0, 0, 0, 0.2);
}

.user > a {
  display: block;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.user .icon-container {
  display: block;
  margin: 0 auto 2px;
}

.user_name {
  display: flex;
  align-items: center;
}

.user_name span {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  flex: 1;
}

.user_name::after {
  display: inline-block;
  content: "";
  width: 8px;
  margin-left: 2px;
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.user_page {
  position: absolute;
  z-index: 1;
  color: #000;
  width: 110px;
  background-color: #fff;
  display: none;
}

.user_page li {
  padding: 8px;
  border-bottom: 1px solid #ccc;
}

.user_page li:hover {
  background-color: #f9f9f9;
}

.user_page li:last-child {
  border: 0;
}

[class*=sub-menu] {
  display: none;
  flex: 1;
}

.sub-menu {
  width: 200px;
  padding: 85px 16px 16px;
  background-color: var(--primary-200);
}

.sub-menu ul {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 8px;
}

.sub-menu ul:last-child {
  border-bottom: 0;
}

.sub-menu li {
  color: #fff;
  margin-bottom: 8px;
  opacity: 0.6;
  cursor: pointer;
}

.sub-menu li:hover, .sub-menu li.active {
  opacity: 1;
}

.sub-menu h4 {
  color: #fff;
  margin-bottom: 8px;
}

.sub-menu .--quick {
  background: var(--primary-100);
  padding: 16px;
  margin: 0 -16px -16px;
}

.sub-menu .close {
  position: absolute;
  right: 16px;
  top: 16px;
}

header .logo {
  position: relative;
  height: 88px;
  min-height: 88px;
  padding: 24px 8px;
  text-align: center;
  background-image: url(../../v2/images/logo_kt.png);
  background-repeat: no-repeat;
  background-position: bottom 16px center;
  background-size: 80px auto;
}

header .logo::before {
  display: inline-block;
  content: "PRO";
  color: #fff;
  background-color: #3B89FD;
  padding: 2px 8px;
  border-radius: 50rem;
}

main .logo {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
  width: 160px;
  height: 65px;
  min-height: 65px;
  padding: 2px 0px;
  text-align: center;
  background-image: url(../../v2/images/logo_kt_or.png);
  background-repeat: no-repeat;
  background-position: bottom 25px center;
  background-size: 104px auto;
}

main .logo::before {
  display: none;
  content: "PRO";
  color: #fff;
  background-color: #3B89FD;
  padding: 2px 8px;
  border-radius: 50rem;
  margin: 12px 0 0 -160px;
}

.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .--minimize,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .--minimize,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .--minimize,
.css-after .--minimize {
  transform: scale(0);
  opacity: 0;
  transform-origin: bottom center;
  transition: all 0.5s;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal main,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) main,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) main,
.css-after main {
  position: relative;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-scroll,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-scroll,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-scroll,
.css-after .main-scroll {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border: 2px solid #000;
  overflow: auto;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-content,
.css-after .main-content {
  overflow-x: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map,
.css-after .map {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map canvas,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map canvas,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map canvas,
.css-after .map canvas {
  width: 100%;
  height: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #scale-line,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #scale-line,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #scale-line,
.css-after #scale-line {
  right: 20px;
  bottom: 40px;
  left: auto;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--left, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--right, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--bottom,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--left,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--right,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--bottom,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--left,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--right,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--bottom,
.css-after .map_control--left,
.css-after .map_control--right,
.css-after .map_control--bottom {
  position: absolute;
  display: inline-flex;
  gap: var(--gap-sm);
  bottom: 16px;
  transition: right 0.5s;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--left,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--left,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--left,
.css-after .map_control--left {
  left: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--right .map-colormode,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--right .map-colormode,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--right .map-colormode,
.css-after .map_control--right .map-colormode {
  display: flex;
  gap: var(--gap-sm);
  margin: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--right .map-colormode label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--right .map-colormode label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--right .map-colormode label,
.css-after .map_control--right .map-colormode label {
  display: flex;
  white-space: initial;
  word-break: break-all;
  line-height: 1em;
  padding: 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--right .btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--right .btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--right .btn,
.css-after .map_control--right .btn {
  display: inline-block;
  padding: 0;
  width: 42px;
  height: 42px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--bottom,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--bottom,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--bottom,
.css-after .map_control--bottom {
  left: 50%;
  transform: translateX(-50%);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--bottom .modal,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--bottom .modal,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--bottom .modal,
.css-after .map_control--bottom .modal {
  position: absolute;
  bottom: calc(100% + 8px);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--bottom .modal:nth-of-type(1),
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--bottom .modal:nth-of-type(1),
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--bottom .modal:nth-of-type(1),
.css-after .map_control--bottom .modal:nth-of-type(1) {
  left: 5px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--bottom .modal:nth-of-type(2),
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--bottom .modal:nth-of-type(2),
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--bottom .modal:nth-of-type(2),
.css-after .map_control--bottom .modal:nth-of-type(2) {
  left: calc(50% + 8px);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--bottom .map_region,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--bottom .map_region,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--bottom .map_region,
.css-after .map_control--bottom .map_region {
  border-radius: 50rem;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--bottom .form-search-wrap .form-control,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--bottom .form-search-wrap .form-control,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--bottom .form-search-wrap .form-control,
.css-after .map_control--bottom .form-search-wrap .form-control {
  display: inline-flex;
  align-items: center;
  height: 40px;
  border: 0;
  border-radius: 0 50rem 50rem 0;
  transition: left 0.5s;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--bottom .form-search-wrap .wrap-toggle,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--bottom .form-search-wrap .wrap-toggle,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--bottom .form-search-wrap .wrap-toggle,
.css-after .map_control--bottom .form-search-wrap .wrap-toggle {
  display: none;
  align-items: center;
  background-color: var(--bg-200);
  border-bottom: 1px solid #eee;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--bottom .form-search-wrap .wrap-toggle::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--bottom .form-search-wrap .wrap-toggle::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--bottom .form-search-wrap .wrap-toggle::after,
.css-after .map_control--bottom .form-search-wrap .wrap-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.4em solid transparent;
  border-bottom: 0.4em solid;
  border-left: 0.4em solid transparent;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .custome-zoomOut .btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .custome-zoomOut .btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .custome-zoomOut .btn,
.css-after .custome-zoomOut .btn {
  display: block;
  width: 21px;
  height: 21px;
  min-width: 22px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_toolbox, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_control--right, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .quick_menu,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_toolbox,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_control--right,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .quick_menu,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_toolbox,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_control--right,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .quick_menu,
.css-after .map_toolbox,
.css-after .map_control--right,
.css-after .quick_menu {
  position: absolute;
  right: 16px;
  transition: right 0.5s;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_toolbox,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_toolbox,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_toolbox,
.css-after .map_toolbox {
  display: flex;
  flex-direction: column;
  align-items: end;
  top: 114px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_toolbox .btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_toolbox .btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_toolbox .btn,
.css-after .map_toolbox .btn {
  padding: 0;
  width: 48px;
  height: 48px;
  margin-bottom: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_toolbox .icon-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_toolbox .icon-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_toolbox .icon-container,
.css-after .map_toolbox .icon-container {
  width: 100%;
  height: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-polygon-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-polygon-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-polygon-wrap,
.css-after .btn-polygon-wrap {
  display: flex;
  gap: 4px;
  flex-direction: row-reverse;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-polygon-wrap .hide,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-polygon-wrap .hide,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-polygon-wrap .hide,
.css-after .btn-polygon-wrap .hide {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_toolbox .btn-polygon,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_toolbox .btn-filter,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_toolbox .btn-population,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_toolbox .btn-polygon,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_toolbox .btn-filter,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_toolbox .btn-population,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_toolbox .btn-polygon,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_toolbox .btn-filter,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_toolbox .btn-population,
.css-after .map_toolbox .btn-polygon,
.css-after .map_toolbox .btn-filter,
.css-after .map_toolbox .btn-population {
  border-color: #9e9e9e;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-polygon.active,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-filter.active,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-population.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-polygon.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-filter.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-population.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-polygon.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-filter.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-population.active,
.css-after .btn-polygon.active,
.css-after .btn-filter.active,
.css-after .btn-population.active {
  color: #FFF;
  background-color: #007bff;
  border-color: #006de3;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-polygon.active i,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-filter.active i,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-population.active i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-polygon.active i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-filter.active i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-population.active i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-polygon.active i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-filter.active i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-population.active i,
.css-after .btn-polygon.active i,
.css-after .btn-filter.active i,
.css-after .btn-population.active i {
  filter: invert(100%);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .eicon-polygon,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .eicon-polygon,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .eicon-polygon,
.css-after .eicon-polygon {
  background-image: url(../images/icon/icon-polygon.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .eicon-polygon.add,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .eicon-polygon.add,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .eicon-polygon.add,
.css-after .eicon-polygon.add {
  background-image: url(../images/icon/icon-polygon-add.png) !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .eicon-polygon.delete,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .eicon-polygon.delete,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .eicon-polygon.delete,
.css-after .eicon-polygon.delete {
  background-image: url(../images/icon/icon-polygon-delete.png) !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .eicon-filter,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .eicon-filter,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .eicon-filter,
.css-after .eicon-filter {
  background-image: url(../images/icon/icon-filter.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .eicon-filter-2,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .eicon-filter-2,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .eicon-filter-2,
.css-after .eicon-filter-2 {
  background-image: url(../images/icon/icon-filter-2.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .eicon-population,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .eicon-population,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .eicon-population,
.css-after .eicon-population {
  background-image: url(../images/icon/icon-population.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-secondary.btn-filter i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-secondary.btn-filter i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-secondary.btn-filter i,
.css-after .btn-secondary.btn-filter i {
  filter: invert(100%);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-secondary.btn-filter.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-secondary.btn-filter.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-secondary.btn-filter.active,
.css-after .btn-secondary.btn-filter.active {
  color: #FFF;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .quick_menu,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .quick_menu,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .quick_menu,
.css-after .quick_menu {
  bottom: 66px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .quick_menu .dropdown > button,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .quick_menu .dropdown > button,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .quick_menu .dropdown > button,
.css-after .quick_menu .dropdown > button {
  padding: 8px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .quick_menu .dropdown > button.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .quick_menu .dropdown > button.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .quick_menu .dropdown > button.active,
.css-after .quick_menu .dropdown > button.active {
  background-color: #007bff;
  border-color: #006de3;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .quick_menu .dropdown-menu,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .quick_menu .dropdown-menu,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .quick_menu .dropdown-menu,
.css-after .quick_menu .dropdown-menu {
  min-width: 150px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .quick_menu .dropdown-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .quick_menu .dropdown-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .quick_menu .dropdown-header,
.css-after .quick_menu .dropdown-header {
  font-size: var(--font-sm);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .quick_menu .dropdown-header,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .quick_menu .dropdown-item,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .quick_menu .dropdown-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .quick_menu .dropdown-item,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .quick_menu .dropdown-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .quick_menu .dropdown-item,
.css-after .quick_menu .dropdown-header,
.css-after .quick_menu .dropdown-item {
  display: flex;
  justify-content: space-between;
  padding: 4px 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .quick_menu .dropdown-item:active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .quick_menu .dropdown-item:active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .quick_menu .dropdown-item:active,
.css-after .quick_menu .dropdown-item:active {
  background-color: transparent;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .quick_menu li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .quick_menu li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .quick_menu li,
.css-after .quick_menu li {
  border-top: 1px solid #e9ecef;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .quick_menu .btn-pin,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .quick_menu .btn-pin,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .quick_menu .btn-pin,
.css-after .quick_menu .btn-pin {
  display: none;
  margin-left: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_poi-wrap .modal,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_poi-wrap .modal,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_poi-wrap .modal,
.css-after .map_poi-wrap .modal {
  display: none;
  position: absolute;
  top: 0;
  width: 265px;
  transform: translateY(calc(-100% - 8px));
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_poi-wrap .modal .form-switch,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_poi-wrap .modal .form-switch,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_poi-wrap .modal .form-switch,
.css-after .map_poi-wrap .modal .form-switch {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_poi-wrap > button .icon-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_poi-wrap > button .icon-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_poi-wrap > button .icon-container,
.css-after .map_poi-wrap > button .icon-container {
  margin: 0 4px 0 -4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_poi-wrap > button .icon-container span,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_poi-wrap > button .icon-container span,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_poi-wrap > button .icon-container span,
.css-after .map_poi-wrap > button .icon-container span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/icon/icon-poi-group.png);
  background-repeat: no-repeat;
  transform: rotate(45deg);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_poi-wrap > button .icon-container span.spin,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_poi-wrap > button .icon-container span.spin,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_poi-wrap > button .icon-container span.spin,
.css-after .map_poi-wrap > button .icon-container span.spin {
  animation: spinner-border 0.5s linear;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal [class*=data-search-],
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) [class*=data-search-],
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) [class*=data-search-],
.css-after [class*=data-search-] {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .data-search-place .modal-body section:last-child,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .data-search-place .modal-body section:last-child,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .data-search-place .modal-body section:last-child,
.css-after .data-search-place .modal-body section:last-child {
  width: 320px;
  background-color: var(--bg-200);
  margin: -16px -16px -16px 0;
  padding: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .data-search-place .scrollBox-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .data-search-place .scrollBox-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .data-search-place .scrollBox-wrap,
.css-after .data-search-place .scrollBox-wrap {
  flex-direction: column;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .data-search-place .scrollBox-wrap .scrollBox ul li.dropdown-item span + span,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .data-search-place .scrollBox-wrap .scrollBox ul li.dropdown-item span + span,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .data-search-place .scrollBox-wrap .scrollBox ul li.dropdown-item span + span,
.css-after .data-search-place .scrollBox-wrap .scrollBox ul li.dropdown-item span + span {
  padding-left: 3px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_region-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_region-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_region-wrap,
.css-after .map_region-wrap {
  display: inline-flex;
  flex-direction: column;
  flex-direction: column-reverse;
  align-items: center;
  transition: left 0.5s;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_region,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_region,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_region,
.css-after .map_region {
  display: inline-flex;
  align-items: center;
  padding: 0px 20px;
  background-color: #fff;
  width: auto;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_region ul,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_region ul,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_region ul,
.css-after .map_region ul {
  display: inline-flex;
  align-items: center;
  height: 40px;
  margin-left: 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_region li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_region li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_region li,
.css-after .map_region li {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_region li::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_region li::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_region li::after,
.css-after .map_region li::after {
  content: "";
  margin: 0 8px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_region li:last-child::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_region li:last-child::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_region li:last-child::after,
.css-after .map_region li:last-child::after {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_region li:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_region li:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_region li:hover,
.css-after .map_region li:hover {
  color: #007bff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_region li.focus,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_region li.focus,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_region li.focus,
.css-after .map_region li.focus {
  color: #006de3;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_region i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_region i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_region i,
.css-after .map_region i {
  filter: var(--filter-color-007bff);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal [class*=data-region-],
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) [class*=data-region-],
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) [class*=data-region-],
.css-after [class*=data-region-] {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_region-wrap .dropdown-menu,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_region-wrap .dropdown-menu,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_region-wrap .dropdown-menu,
.css-after .map_region-wrap .dropdown-menu {
  display: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%, calc(-100% - 48px));
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .place-poi,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .place-poi,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .place-poi,
.css-after .place-poi {
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: #fff;
  width: auto;
  padding: 8px;
  border: 1px solid var(--primary-100);
  border-radius: 50rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 5px 10px 0px rgba(0, 0, 0, 0.15);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .place-poi::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .place-poi::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .place-poi::after,
.css-after .place-poi::after {
  position: absolute;
  display: inline-block;
  left: calc(50% - 8px);
  bottom: -8px;
  width: 0;
  height: 0;
  content: "";
  border-top: 8px solid var(--primary-100);
  border-right: 8px solid transparent;
  border-bottom: 0;
  border-left: 8px solid transparent;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .place-poi.active,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .place-poi:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .place-poi.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .place-poi:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .place-poi.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .place-poi:hover,
.css-after .place-poi.active,
.css-after .place-poi:hover {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
  font-weight: 700;
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .place-poi.active .badge,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .place-poi:hover .badge,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .place-poi.active .badge,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .place-poi:hover .badge,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .place-poi.active .badge,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .place-poi:hover .badge,
.css-after .place-poi.active .badge,
.css-after .place-poi:hover .badge {
  background-color: var(--color-secondary) !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .place-poi.active::after,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .place-poi:hover::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .place-poi.active::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .place-poi:hover::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .place-poi.active::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .place-poi:hover::after,
.css-after .place-poi.active::after,
.css-after .place-poi:hover::after {
  border-top-color: var(--color-secondary);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-poi-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-poi-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-poi-wrap,
.css-after .media-poi-wrap {
  position: absolute;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-poi-wrap:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-poi-wrap:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-poi-wrap:hover,
.css-after .media-poi-wrap:hover {
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-poi,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-poi,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-poi,
.css-after .media-poi {
  position: relative;
  display: inline-flex;
  align-items: center;
  border: 1px solid #ffffff;
  border-radius: 0.8rem;
  background-color: #fff;
  box-shadow: 0 2px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-poi.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-poi.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-poi.active,
.css-after .media-poi.active {
  border: 3px solid #007bff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-bubble.--hide,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-bubble.--hide,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-bubble.--hide,
.css-after .media-bubble.--hide {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-bubble,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-bubble,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-bubble,
.css-after .media-bubble {
  position: relative;
  width: 250px;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 5px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-bubble .modal-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-bubble .modal-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-bubble .modal-header,
.css-after .media-bubble .modal-header {
  padding-bottom: 8px;
  flex-direction: column;
  align-items: normal;
  gap: var(--gap-sm);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-bubble .modal-header p,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-bubble .modal-header p,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-bubble .modal-header p,
.css-after .media-bubble .modal-header p {
  color: #333;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-bubble .modal-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-bubble .modal-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-bubble .modal-content,
.css-after .media-bubble .modal-content {
  overflow: hidden;
  box-shadow: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-bubble .modal-body,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-bubble .modal-body,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-bubble .modal-body,
.css-after .media-bubble .modal-body {
  color: #333;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-bubble .bubble-tail,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-bubble .bubble-tail,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-bubble .bubble-tail,
.css-after .media-bubble .bubble-tail {
  position: absolute;
  left: calc(50% - 16px);
  bottom: -8px;
  display: inline-block;
  background-color: #fff;
  transform: rotate(45deg) skew(10deg, 10deg);
  width: 16px;
  height: 16px;
  content: "";
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 5px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-bubble .media-pic,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-bubble .media-pic,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-bubble .media-pic,
.css-after .media-bubble .media-pic {
  height: 140px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-poi + .media-bubble,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-poi + .media-bubble,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-poi + .media-bubble,
.css-after .media-poi + .media-bubble {
  display: none;
  transform: translate(-50%, -110%);
  position: absolute;
  left: 18px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-bubble.--hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-bubble.--hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-bubble.--hover,
.css-after .media-bubble.--hover {
  display: block;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .transmission-panel,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .transmission-panel,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .transmission-panel,
.css-after .transmission-panel {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: auto;
  left: 17px;
  width: 420px;
  min-height: 490px;
  height: 589px;
  margin: 0;
  padding: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .transmission-panel .target-body,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .transmission-panel .target-body,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .transmission-panel .target-body,
.css-after .transmission-panel .target-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .transmission-panel.--hide,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .transmission-panel.--hide,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .transmission-panel.--hide,
.css-after .transmission-panel.--hide {
  width: 360px;
  height: auto;
  min-height: auto;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .transmission-panel.--hide .target-body :not(h5),
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .transmission-panel.--hide .target-footer,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .transmission-panel.--hide .target-body :not(h5),
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .transmission-panel.--hide .target-footer,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .transmission-panel.--hide .target-body :not(h5),
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .transmission-panel.--hide .target-footer,
.css-after .transmission-panel.--hide .target-body :not(h5),
.css-after .transmission-panel.--hide .target-footer {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .transmission-panel.--hide .target-body h5 .text-blind,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .transmission-panel.--hide .target-body h5 .text-blind,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .transmission-panel.--hide .target-body h5 .text-blind,
.css-after .transmission-panel.--hide .target-body h5 .text-blind {
  display: inline-block;
  font-size: inherit;
  color: #000;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .transmission-panel .scrollBox-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .transmission-panel .scrollBox-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .transmission-panel .scrollBox-wrap,
.css-after .transmission-panel .scrollBox-wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .transmission-panel .scrollBox-wrap .scrollBox > ul,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .transmission-panel .scrollBox-wrap .scrollBox > ul,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .transmission-panel .scrollBox-wrap .scrollBox > ul,
.css-after .transmission-panel .scrollBox-wrap .scrollBox > ul {
  height: 165px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .transmission-panel th, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .transmission-panel td,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .transmission-panel th,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .transmission-panel td,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .transmission-panel th,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .transmission-panel td,
.css-after .transmission-panel th,
.css-after .transmission-panel td {
  height: 32px;
  padding: 0 4px;
  font-size: 12px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .list-style > li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .list-style > li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .list-style > li,
.css-after .list-style > li {
  list-style-position: inside;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .list-num > li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .list-num > li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .list-num > li,
.css-after .list-num > li {
  list-style-type: decimal;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .list-disc > li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .list-disc > li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .list-disc > li,
.css-after .list-disc > li {
  list-style-type: disc;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .list-square > li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .list-square > li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .list-square > li,
.css-after .list-square > li {
  list-style-type: square;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .rangemove-panel,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .rangemove-panel,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .rangemove-panel,
.css-after .rangemove-panel {
  display: block;
  position: absolute;
  top: 386px;
  left: auto;
  right: 560px;
  margin: 0;
  padding: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-wrap,
.css-after .target-wrap {
  position: absolute;
  left: 16px;
  top: 16px;
  align-items: flex-start; /*max-width: 1160px;*/ /*border: 1px solid #ccc;*/
  background-color: var(--bg-300);
  border-radius: 4px;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.25);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-wrap.--column,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-wrap.--column .target-setting,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-wrap.--column,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-wrap.--column .target-setting,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-wrap.--column,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-wrap.--column .target-setting,
.css-after .target-wrap.--column,
.css-after .target-wrap.--column .target-setting {
  flex-direction: column;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-alert,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-alert,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-alert,
.css-after .target-alert {
  width: 100%;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  border-radius: 0 0 4px 4px;
  box-shadow: 0 8px 8px 2px rgba(0, 0, 0, 0.25);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-media, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-setting,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-media,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-setting,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-media,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-setting,
.css-after .target-media,
.css-after .target-setting {
  padding: 8px;
  border-radius: 4px;
  display: flex;
  gap: var(--gap-sm);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-media,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-media,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-media,
.css-after .target-media {
  background-color: #3B89FD;
  flex-flow: column;
  width: 100%;
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-setting,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-setting,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-setting,
.css-after .target-setting {
  flex-flow: wrap;
  flex-direction: column;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-control,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-control,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-control,
.css-after .target-control {
  width: 320px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-control .dropdown, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-control .dropdown > button, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-control .dropdown-toggle,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-control .form-control,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-control .dropdown,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-control .dropdown > button,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-control .dropdown-toggle,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-control .form-control,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-control .dropdown,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-control .dropdown > button,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-control .dropdown-toggle,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-control .form-control,
.css-after .target-control .dropdown,
.css-after .target-control .dropdown > button,
.css-after .target-control .dropdown-toggle,
.css-after .target-control .form-control {
  width: 100%;
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-control .dropdown-item,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-control .dropdown-item,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-control .dropdown-item,
.css-after .target-control .dropdown-item {
  padding: 8px 16px;
  border-top: 1px solid #e9ecef;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-control .dropdown-item:first-child,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-control .dropdown-item:first-child,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-control .dropdown-item:first-child,
.css-after .target-control .dropdown-item:first-child {
  border: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-control > .form-control,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-control > .form-control,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-control > .form-control,
.css-after .target-control > .form-control {
  display: inline-flex;
  align-items: center;
  border-radius: 4px; /*padding: 8px 16px; border: 1px solid transparent;*/
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-control .form-control input,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-control .form-control input,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-control .form-control input,
.css-after .target-control .form-control input {
  padding-right: 4px;
  outline: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-control .target-count,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-control .target-count,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-control .target-count,
.css-after .target-control .target-count {
  min-width: 42px;
  color: #007bff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-content,
.css-after .target-content {
  padding: 0px;
  margin: 0;
  border-radius: 0 0 4px 4px; /*box-shadow: 0px 3px 6px rgba(0,0,0,.1);*/
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-header,
.css-after .target-header {
  padding: 16px 16px 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-body,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-body,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-body,
.css-after .target-body {
  padding: 8px 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-body h4,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-body h4,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-body h4,
.css-after .target-body h4 {
  margin-bottom: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-body .dropdown-divider,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-body .dropdown-divider,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-body .dropdown-divider,
.css-after .target-body .dropdown-divider {
  margin: 16px 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-footer,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-footer,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-footer,
.css-after .target-footer {
  padding: 8px 16px 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-title,
.css-after .target-title {
  display: flex;
  align-items: center;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-title i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-title i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-title i,
.css-after .target-title i {
  margin-right: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-media .target-body, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-media .target-footer,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-media .target-body,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-media .target-footer,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-media .target-body,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-media .target-footer,
.css-after .target-media .target-body,
.css-after .target-media .target-footer {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-media .target-body h4,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-media .target-body h4,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-media .target-body h4,
.css-after .target-media .target-body h4 {
  margin-bottom: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-media .target-body .dropdown-divider,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-media .target-body .dropdown-divider,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-media .target-body .dropdown-divider,
.css-after .target-media .target-body .dropdown-divider {
  margin: 8px 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .layout-line .target-header,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .layout-line .target-body,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .layout-line .target-footer,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .layout-line .target-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .layout-line .target-body,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .layout-line .target-footer,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .layout-line .target-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .layout-line .target-body,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .layout-line .target-footer,
.css-after .layout-line .target-header,
.css-after .layout-line .target-body,
.css-after .layout-line .target-footer {
  padding: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .layout-line .target-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .layout-line .target-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .layout-line .target-header,
.css-after .layout-line .target-header {
  border-bottom: 1px solid #ccc;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .layout-line .target-footer,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .layout-line .target-footer,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .layout-line .target-footer,
.css-after .layout-line .target-footer {
  border-top: 1px solid #ccc;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .drop-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .drop-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .drop-title,
.css-after .drop-title {
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .drop-title.required,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .drop-title.required,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .drop-title.required,
.css-after .drop-title.required {
  padding-left: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .drop-title.required::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .drop-title.required::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .drop-title.required::before,
.css-after .drop-title.required::before {
  position: absolute;
  left: -4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .selected-values,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .selected-values,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .selected-values,
.css-after .selected-values {
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-media .target-body .form-check .help,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-media .target-body .form-check .help,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-media .target-body .form-check .help,
.css-after .target-media .target-body .form-check .help {
  margin-left: 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-video::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-video::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-video::before,
.css-after .media-video::before {
  display: inline-block;
  content: "";
  position: relative;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: 0 2px 4px 0;
  filter: invert(24%) sepia(78%) saturate(3495%) hue-rotate(279deg) brightness(96%) contrast(92%); /* filter: var(--filter-color-primary); */
  background-image: url(../images/icon/icons-32.png);
  background-size: 960px auto;
  background-position: -16px -64px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-image::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-image::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-image::before,
.css-after .media-image::before {
  display: inline-block;
  content: "";
  position: relative;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: 0 2px 4px 0;
  filter: invert(60%) sepia(49%) saturate(649%) hue-rotate(93deg) brightness(100%) contrast(85%); /* filter: var(--filter-color-primary); */
  background-image: url(../images/icon/icons-32.png);
  background-size: 960px auto;
  background-position: -16px -80px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-help,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-help,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-help,
.css-after .video-help {
  display: flex;
  gap: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .vdo-16-9,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .vdo-16-9,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .vdo-16-9,
.css-after .vdo-16-9 {
  display: flex;
  align-items: center;
  width: 16px;
  height: 9px;
  background-color: #d3dbe6;
  border: 1px solid #607b9e;
  vertical-align: middle;
  margin: 4px 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .vdo-9-16,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .vdo-9-16,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .vdo-9-16,
.css-after .vdo-9-16 {
  display: flex;
  align-items: center;
  width: 9px;
  height: 16px;
  background-color: #d3dbe6;
  border: 1px solid #607b9e;
  vertical-align: middle;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .vdo-size,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .vdo-size,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .vdo-size,
.css-after .vdo-size {
  color: #666;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap,
.css-after .material-wrap {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap:hover,
.css-after .material-wrap:hover {
  border-color: #bbb;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap.--vertical,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap.--vertical,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap.--vertical,
.css-after .material-wrap.--vertical {
  flex-direction: row;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-btn,
.css-after .material-btn {
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-btn .more-btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-btn .more-btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-btn .more-btn,
.css-after .material-btn .more-btn {
  display: flex;
  justify-content: center;
  min-height: 160px;
  height: 100%;
  background-color: #fbfbfb;
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-btn .more-btn:hover *,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-btn .more-btn:hover *,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-btn .more-btn:hover *,
.css-after .material-btn .more-btn:hover * {
  opacity: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-btn .more-btn *,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-btn .more-btn *,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-btn .more-btn *,
.css-after .material-btn .more-btn * {
  opacity: 0.45;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap + .material-btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap + .material-btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap + .material-btn,
.css-after .material-wrap + .material-btn {
  flex: initial;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap .video,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap .video + .material-info,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap .video,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap .video + .material-info,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap .video,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap .video + .material-info,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-btn,
.css-after .material-wrap .video,
.css-after .material-wrap .video + .material-info,
.css-after .material-btn {
  width: 240px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-sm .video,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-sm .video + .material-info,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-sm.material-btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-sm .video,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-sm .video + .material-info,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-sm.material-btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-sm .video,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-sm .video + .material-info,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-sm.material-btn,
.css-after .material-sm .video,
.css-after .material-sm .video + .material-info,
.css-after .material-sm.material-btn {
  width: 180px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap .form-check,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap .form-check,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap .form-check,
.css-after .material-wrap .form-check {
  position: absolute;
  left: 10px;
  top: 10px;
  margin: 0;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap .delete,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap .delete,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap .delete,
.css-after .material-wrap .delete {
  position: absolute;
  right: 10px;
  top: 10px;
  margin: 0;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap.active,
.css-after .material-wrap.active {
  border-color: #0d6efd;
  background-color: #d8edff;
  background-color: #F1F6FF;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-info,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-info,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-info,
.css-after .material-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  padding: 8px;
  gap: 8px;
  min-height: 70px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-info p,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-info p,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-info p,
.css-after .material-info p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 2px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-info .detail-info li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-info .detail-info li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-info .detail-info li,
.css-after .material-info .detail-info li {
  display: inline-block;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-info .detail-info li::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-info .detail-info li::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-info .detail-info li::after,
.css-after .material-info .detail-info li::after {
  display: inline-block;
  content: "";
  height: 2px;
  width: 1px;
  background: #666;
  margin: 0 2px;
  vertical-align: middle;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-info .detail-info li:last-child::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-info .detail-info li:last-child::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-info .detail-info li:last-child::after,
.css-after .material-info .detail-info li:last-child::after {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-info .detail-info + .detail-info,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-info .detail-info + .detail-info,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-info .detail-info + .detail-info,
.css-after .material-info .detail-info + .detail-info {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #ddd;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-info .file,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-info .file,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-info .file,
.css-after .material-info .file {
  display: flex;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-info .file .name,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-info .file .name,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-info .file .name,
.css-after .material-info .file .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap .situation-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap .situation-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap .situation-wrap,
.css-after .material-wrap .situation-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 95%;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  padding: 4px;
  transform: translateY(100%);
  z-index: 1;
  transition: transform 1s;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap .situation-wrap li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap .situation-wrap li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap .situation-wrap li,
.css-after .material-wrap .situation-wrap li {
  border-bottom: 1px solid #eee;
  padding: 4px 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap.disabled::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap.disabled::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap.disabled::before,
.css-after .material-wrap.disabled::before {
  display: inline-block;
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-wrap .change,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-wrap .change,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-wrap .change,
.css-after .material-wrap .change {
  position: absolute;
  left: 5px;
  bottom: 5px;
  margin: 0;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-info .form-control,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-info .form-control,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-info .form-control,
.css-after .material-info .form-control {
  display: inline-flex;
  align-items: center;
  padding: 8px 10px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-md .video,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-md .video + .material-info,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-md .more-btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-md .video,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-md .video + .material-info,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-md .more-btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-md .video,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-md .video + .material-info,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-md .more-btn,
.css-after .material-md .video,
.css-after .material-md .video + .material-info,
.css-after .material-md .more-btn {
  width: 260px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .card-display.-w295,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .card-display.-w295,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .card-display.-w295,
.css-after .card-display.-w295 {
  width: 295px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #schedule-table,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #schedule-table,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #schedule-table,
.css-after #schedule-table {
  width: 100%;
  border-collapse: collapse;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #schedule-table th, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #schedule-table td,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #schedule-table th,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #schedule-table td,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #schedule-table th,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #schedule-table td,
.css-after #schedule-table th,
.css-after #schedule-table td {
  text-align: center;
  vertical-align: middle;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #schedule-table td.schedule-cell,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #schedule-table td.schedule-cell,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #schedule-table td.schedule-cell,
.css-after #schedule-table td.schedule-cell {
  padding: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #schedule-table .schedule-item,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #schedule-table .schedule-item,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #schedule-table .schedule-item,
.css-after #schedule-table .schedule-item {
  position: relative;
  height: 40px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #schedule-table .schedule-bar,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #schedule-table .schedule-bar,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #schedule-table .schedule-bar,
.css-after #schedule-table .schedule-bar {
  height: 100%;
  color: white;
  text-align: center;
  border-radius: 0px;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #schedule-table .schedule-bar span,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #schedule-table .schedule-bar span,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #schedule-table .schedule-bar span,
.css-after #schedule-table .schedule-bar span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #schedule-table .overlap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #schedule-table .overlap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #schedule-table .overlap,
.css-after #schedule-table .overlap {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0.25) 10px, rgba(0, 0, 0, 0.5) 10px, rgba(0, 0, 0, 0.5) 20px);
  z-index: 2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .schedule-bar + .schedule-bar,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .schedule-bar + .schedule-bar,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .schedule-bar + .schedule-bar,
.css-after .schedule-bar + .schedule-bar {
  border-left: 1px solid #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #schedule-table .schedule-bar.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #schedule-table .schedule-bar.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #schedule-table .schedule-bar.active,
.css-after #schedule-table .schedule-bar.active {
  border: 3px solid #ffe500;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 5px 10px 0px rgba(0, 0, 0, 0.5);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .situation-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .situation-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .situation-wrap,
.css-after .situation-wrap {
  display: flex;
  flex-direction: column;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .situation-wrap.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .situation-wrap.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .situation-wrap.active,
.css-after .situation-wrap.active {
  transform: translateY(0%);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .situation-wrap h5,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .situation-wrap h5,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .situation-wrap h5,
.css-after .situation-wrap h5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  border-bottom: 1px solid #eee;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .situation-wrap ul,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .situation-wrap ul,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .situation-wrap ul,
.css-after .situation-wrap ul {
  overflow-y: auto;
  flex: 1 1 auto;
  margin-top: 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .situation-wrap li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .situation-wrap li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .situation-wrap li,
.css-after .situation-wrap li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 0;
  font-size: 12px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-wrap:hover::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-wrap:hover::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-wrap:hover::before,
.css-after .video-wrap:hover::before {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  z-index: 1;
  background-image: url(../images/icon/icons-32.png);
  background-size: 1440px auto;
  background-position: -72px -120px;
  filter: invert(100%);
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-wrap:hover::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-wrap:hover::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-wrap:hover::after,
.css-after .video-wrap:hover::after {
  display: block;
  position: absolute;
  top: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .img-wrap:hover::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .img-wrap:hover::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .img-wrap:hover::before,
.css-after .img-wrap:hover::before {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  z-index: 1;
  background-image: url(../images/icon/icons-32.png);
  background-size: 1440px auto;
  background-position: -25px -120px;
  filter: invert(100%);
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .img-wrap:hover::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .img-wrap:hover::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .img-wrap:hover::after,
.css-after .img-wrap:hover::after {
  display: block;
  position: absolute;
  top: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .zoomIn:hover::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .zoomIn:hover::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .zoomIn:hover::before,
.css-after .zoomIn:hover::before {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  z-index: 1;
  background-image: url(../images/icon/icons-32.png);
  background-size: 1440px auto;
  background-position: -95px -168px;
  filter: invert(100%);
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .zoomIn:hover::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .zoomIn:hover::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .zoomIn:hover::after,
.css-after .zoomIn:hover::after {
  display: block;
  position: absolute;
  top: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-none:hover::before, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-none:hover::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-none:hover::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-none:hover::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-none:hover::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-none:hover::after,
.css-after .video-none:hover::before,
.css-after .video-none:hover::after {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-none .video-thumbnail,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-none .video-thumbnail,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-none .video-thumbnail,
.css-after .video-none .video-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eee;
  font-size: 12px;
  padding: 8px;
  color: #999;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-thumbnail,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-thumbnail,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-thumbnail,
.css-after .video-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-thumbnail img,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-thumbnail img,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-thumbnail img,
.css-after .video-thumbnail img {
  max-width: 100%;
  height: auto;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-encoding .video-thumbnail,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-encoding .video-thumbnail,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-encoding .video-thumbnail,
.css-after .video-encoding .video-thumbnail {
  color: #fff;
  white-space: nowrap;
  background-color: #000;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-encoding .loading-typing,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-encoding .loading-typing,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-encoding .loading-typing,
.css-after .video-encoding .loading-typing {
  animation-timing-function: cubic-bezier(0.4, 0.85, 0.57, 1);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-encoding .loading-typing .dot span,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-encoding .loading-typing .dot span,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-encoding .loading-typing .dot span,
.css-after .video-encoding .loading-typing .dot span {
  margin: 0 3px;
  animation: loading-typing 1.5s infinite;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-encoding .loading-typing .dot span:nth-child(2),
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-encoding .loading-typing .dot span:nth-child(2),
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-encoding .loading-typing .dot span:nth-child(2),
.css-after .video-encoding .loading-typing .dot span:nth-child(2) {
  animation-delay: 0.5s;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-encoding .loading-typing .dot span:nth-child(3),
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-encoding .loading-typing .dot span:nth-child(3),
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-encoding .loading-typing .dot span:nth-child(3),
.css-after .video-encoding .loading-typing .dot span:nth-child(3) {
  animation-delay: 1s;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .video-encoding .loading-dot .dot span,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .video-encoding .loading-dot .dot span,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .video-encoding .loading-dot .dot span,
.css-after .video-encoding .loading-dot .dot span {
  background-color: rgba(255, 255, 255, 0.4);
  width: 6px;
  height: 6px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .article-video,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .article-video,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .article-video,
.css-after .article-video {
  display: inline-flex;
  align-items: center;
  justify-items: center;
  gap: 8px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: var(--bg-200);
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 16px;
  overflow: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .article-video .video,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .article-video .video,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .article-video .video,
.css-after .article-video .video {
  width: 32px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .article-video .video-wrap:hover::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .article-video .video-wrap:hover::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .article-video .video-wrap:hover::before,
.css-after .article-video .video-wrap:hover::before {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
  z-index: 1;
  background-image: url(../images/icon/icons-32.png);
  background-size: 480px auto;
  background-position: -24px -40px;
  filter: invert(100%);
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .disabled-hr,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .disabled-hr,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .disabled-hr,
.css-after .disabled-hr {
  cursor: not-allowed;
  opacity: 0.65;
  vertical-align: middle;
  background: #bbbbbb;
  text-decoration: line-through;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .material-change,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .material-change,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .material-change,
.css-after .material-change {
  background: #fffcdf;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .campaign-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .campaign-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .campaign-wrap,
.css-after .campaign-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 530px;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), -8px 0px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 2;
  transition: transform 0.5s;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .wrap-toggle,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .wrap-toggle,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .wrap-toggle,
.css-after .wrap-toggle {
  position: absolute;
  background-color: #fff;
  display: inline-flex;
  gap: 4px;
  content: "";
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .wrap-toggle.--horizontal,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .wrap-toggle.--horizontal,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .wrap-toggle.--horizontal,
.css-after .wrap-toggle.--horizontal {
  width: 24px;
  min-height: 56px;
  padding: 8px 0;
  border-radius: 4px 0 0 4px;
  left: -24px;
  top: calc((100vh - 56px) / 2);
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.15), -8px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .--horizontal:hover i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .--horizontal:hover i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .--horizontal:hover i,
.css-after .--horizontal:hover i {
  filter: var(--filter-color-007bff);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .wrap-toggle.--vertical,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .wrap-toggle.--vertical,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .wrap-toggle.--vertical,
.css-after .wrap-toggle.--vertical {
  min-width: 56px;
  height: 24px;
  padding: 0 8px;
  border-radius: 4px 4px 0 0;
  left: calc((100% - 56px) / 2);
  top: -24px;
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .--vertical:hover i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .--vertical:hover i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .--vertical:hover i,
.css-after .--vertical:hover i {
  filter: var(--filter-color-007bff);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .campaign-wrap :not(.campaign-wrap-toggle, .campaign-filter)[class*=campaign-],
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .campaign-wrap :not(.campaign-wrap-toggle, .campaign-filter)[class*=campaign-],
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .campaign-wrap :not(.campaign-wrap-toggle, .campaign-filter)[class*=campaign-],
.css-after .campaign-wrap :not(.campaign-wrap-toggle, .campaign-filter)[class*=campaign-] {
  padding: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .campaign-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .campaign-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .campaign-header,
.css-after .campaign-header {
  font-size: var(--font-lg);
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .campaign-body,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .campaign-body,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .campaign-body,
.css-after .campaign-body {
  background-color: var(--bg-200);
  flex: 1;
  overflow-y: auto;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .campaign-footer,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .campaign-footer,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .campaign-footer,
.css-after .campaign-footer {
  position: relative;
  text-align: center;
  border-top: 1px solid #eee;
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .campaign-advertiser,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .campaign-advertiser,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .campaign-advertiser,
.css-after .campaign-advertiser {
  background-color: var(--primary-200);
  color: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .campaign-advertiser ul, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .campaign-advertiser li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .campaign-advertiser ul,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .campaign-advertiser li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .campaign-advertiser ul,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .campaign-advertiser li,
.css-after .campaign-advertiser ul,
.css-after .campaign-advertiser li {
  display: flex;
  gap: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .campaign-advertiser .dropdown-menu ul, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .campaign-advertiser .dropdown-menu li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .campaign-advertiser .dropdown-menu ul,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .campaign-advertiser .dropdown-menu li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .campaign-advertiser .dropdown-menu ul,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .campaign-advertiser .dropdown-menu li,
.css-after .campaign-advertiser .dropdown-menu ul,
.css-after .campaign-advertiser .dropdown-menu li {
  display: block;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .campaign-filter,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .campaign-filter,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .campaign-filter,
.css-after .campaign-filter {
  display: flex;
  gap: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ccc;
  z-index: 2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .campaign-wrap.hide,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .campaign-wrap.hide,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .campaign-wrap.hide,
.css-after .campaign-wrap.hide {
  transform: translateX(530px);
  box-shadow: none;
  z-index: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-wrap + .category-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-wrap + .category-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-wrap + .category-wrap,
.css-after .category-wrap + .category-wrap {
  margin-top: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-header,
.css-after .category-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-label,
.css-after .category-label {
  display: inline-block;
  min-width: 70px;
  text-align: center;
  color: #fff;
  border-radius: 4px 4px 0 0;
  padding: 4px 6px;
  font-size: var(--font-sm);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-label::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-label::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-label::before,
.css-after .category-label::before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -16px;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sale-01,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sale-01,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sale-01,
.css-after .sale-01 {
  background-color: #3C4A73;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sale-01::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sale-01::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sale-01::before,
.css-after .sale-01::before {
  border-top: 16px solid #3C4A73;
  border-left: 0;
  border-bottom: 0;
  border-right: 16px solid transparent;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sale-02,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sale-02,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sale-02,
.css-after .sale-02 {
  background-color: #77578F;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sale-02::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sale-02::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sale-02::before,
.css-after .sale-02::before {
  border-top: 16px solid #77578F;
  border-left: 0;
  border-bottom: 0;
  border-right: 16px solid transparent;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-body,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-body,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-body,
.css-after .category-body {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: var(--gap-default);
  border: 1px solid #d1d1d1;
  overflow: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-body.selected,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-body.selected,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-body.selected,
.css-after .category-body.selected {
  border: 1px solid #007bff;
  box-shadow: 0 3px 4px 2px rgba(0, 0, 0, 0.25);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-body td,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-body td,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-body td,
.css-after .category-body td {
  padding: 1px 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-body label input[type=text],
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-body label input[type=text],
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-body label input[type=text],
.css-after .category-body label input[type=text] {
  outline: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-body label.form-control,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-body label.form-control,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-body label.form-control,
.css-after .category-body label.form-control {
  display: flex;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-body .--hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-body .--hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-body .--hover,
.css-after .category-body .--hover {
  position: absolute;
  left: -16px;
  bottom: 0px;
  right: 0;
  display: inline-flex;
  justify-content: center;
  background-color: rgba(13, 110, 253, 0.4);
  padding: 8px;
  gap: 8px;
  transform: translateY(100%);
  transition: transform 0.5s;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-body .--hover button,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-body .--hover button,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-body .--hover button,
.css-after .category-body .--hover button {
  width: 32px;
  height: 32px;
  background-color: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-body:hover .--hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-body:hover .--hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-body:hover .--hover,
.css-after .category-body:hover .--hover {
  transform: translateY(0);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .category-body .period-section,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .category-body .period-section,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .category-body .period-section,
.css-after .category-body .period-section {
  position: absolute;
  left: 0;
  bottom: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .period-section,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .period-section,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .period-section,
.css-after .period-section {
  display: flex;
  height: 4px;
  background-color: #f5f5f5;
  width: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .period-section li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .period-section li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .period-section li,
.css-after .period-section li {
  flex: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  position: initial;
  flex-grow: 1;
  position: relative;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .period-section li:last-child,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .period-section li:last-child,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .period-section li:last-child,
.css-after .period-section li:last-child {
  border-right: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .period-section.--thisYear .fill,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .period-section.--thisYear .tooltiptext,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .period-section.--thisYear .fill,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .period-section.--thisYear .tooltiptext,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .period-section.--thisYear .fill,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .period-section.--thisYear .tooltiptext,
.css-after .period-section.--thisYear .fill,
.css-after .period-section.--thisYear .tooltiptext {
  background-color: #03a9f4;
  background-color: var(--secondary-200);
  color: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-2,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-2,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-2,
.css-after .section-2 {
  flex-grow: 1 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-2,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-2,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-2,
.css-after .section-2 {
  flex-grow: 2 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-3,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-3,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-3,
.css-after .section-3 {
  flex-grow: 3 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-4,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-4,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-4,
.css-after .section-4 {
  flex-grow: 4 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-5,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-5,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-5,
.css-after .section-5 {
  flex-grow: 5 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-6,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-6,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-6,
.css-after .section-6 {
  flex-grow: 6 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-7,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-7,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-7,
.css-after .section-7 {
  flex-grow: 7 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-8,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-8,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-8,
.css-after .section-8 {
  flex-grow: 8 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-9,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-9,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-9,
.css-after .section-9 {
  flex-grow: 9 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-10,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-10,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-10,
.css-after .section-10 {
  flex-grow: 10 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-11,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-11,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-11,
.css-after .section-11 {
  flex-grow: 11 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-12,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-12,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-12,
.css-after .section-12 {
  flex-grow: 12 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-13,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-13,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-13,
.css-after .section-13 {
  flex-grow: 12 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-14,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-14,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-14,
.css-after .section-14 {
  flex-grow: 12 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-15,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-15,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-15,
.css-after .section-15 {
  flex-grow: 12 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-16,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-16,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-16,
.css-after .section-16 {
  flex-grow: 12 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .period-section .tooltip,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .period-section .tooltip,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .period-section .tooltip,
.css-after .period-section .tooltip {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .period-section .tooltiptext,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .period-section .tooltiptext,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .period-section .tooltiptext,
.css-after .period-section .tooltiptext {
  border-radius: 4px;
  font-size: 12px;
  padding: 4px;
  width: 300px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .period-section .tooltiptext::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .period-section .tooltiptext::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .period-section .tooltiptext::after,
.css-after .period-section .tooltiptext::after {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .period-section li:hover .tooltip,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .period-section li:hover .tooltip,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .period-section li:hover .tooltip,
.css-after .period-section li:hover .tooltip {
  display: inline-block;
  z-index: 2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .period-section li:hover .tooltiptext,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .period-section li:hover .tooltiptext,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .period-section li:hover .tooltiptext,
.css-after .period-section li:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .summary,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .summary,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .summary,
.css-after .summary {
  position: relative;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .summary_content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .summary_content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .summary_content,
.css-after .summary_content {
  border-bottom: 1px solid #eee;
  margin-bottom: 16px;
  padding-bottom: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .summary_content th,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .summary_content th,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .summary_content th,
.css-after .summary_content th {
  text-align: left;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .summary_content td,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .summary_content td,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .summary_content td,
.css-after .summary_content td {
  text-align: right;
  padding: 2px 0;
  height: 32px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .summary-wrap-toggle,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .summary-wrap-toggle,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .summary-wrap-toggle,
.css-after .summary-wrap-toggle {
  top: -40px !important;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-wrap,
.css-after .sidepanel-wrap {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: -1px 0 1px rgba(0, 0, 0, 0.11), -3px 0px 10px rgba(0, 0, 0, 0.15);
  z-index: 3;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-wrap,
.css-after .sidepanel-wrap {
  top: 0;
  right: 0;
  width: 530px;
  height: 100%;
  transition: transform 0.5s;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-header,
.css-after .sidepanel-header {
  font-size: var(--font-lg);
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-header .close,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-header .close,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-header .close,
.css-after .sidepanel-header .close {
  position: absolute;
  right: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-body,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-body,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-body,
.css-after .sidepanel-body {
  flex: 1; /* overflow-y: auto; */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-body > section + section,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-body > section + section,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-body > section + section,
.css-after .sidepanel-body > section + section {
  border-top: 4px solid rgba(0, 0, 0, 0.1);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-wrap.hide,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-wrap.hide,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-wrap.hide,
.css-after .sidepanel-wrap.hide {
  transform: translateX(530px);
  box-shadow: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-body .accordion-title,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-body .accodion-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-body .accordion-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-body .accodion-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-body .accordion-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-body .accodion-content,
.css-after .sidepanel-body .accordion-title,
.css-after .sidepanel-body .accodion-content {
  padding: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-body .accordion-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-body .accordion-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-body .accordion-title,
.css-after .sidepanel-body .accordion-title {
  font-size: var(--font-md);
  cursor: pointer;
  background-color: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-body .accodion-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-body .accodion-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-body .accodion-content,
.css-after .sidepanel-body .accodion-content {
  background-color: var(--bg-200);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-footer,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-footer,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-footer,
.css-after .sidepanel-footer {
  position: relative;
  text-align: center;
  border-top: 1px solid #eee;
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
  padding: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section,
.css-after .section {
  padding: 0 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section > li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section > li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section > li,
.css-after .section > li {
  border-bottom: 1px solid #dee2e6;
  padding: 8px 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section > li:last-child,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section > li:last-child,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section > li:last-child,
.css-after .section > li:last-child {
  border: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section > li h4,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section > li h4,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section > li h4,
.css-after .section > li h4 {
  margin-bottom: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section > li .form-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section > li .form-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section > li .form-group,
.css-after .section > li .form-group {
  margin: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section .custom-btn-type > .form-check,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section .custom-btn-type > .form-check,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section .custom-btn-type > .form-check,
.css-after .section .custom-btn-type > .form-check {
  margin: 2px 1px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-flex > li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-flex > li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-flex > li,
.css-after .section-flex > li {
  display: flex;
  gap: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-flex > li h4,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-flex > li h4,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-flex > li h4,
.css-after .section-flex > li h4 {
  margin: 0;
  min-width: 90px;
  word-break: keep-all;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .section-sm li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .section-sm li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .section-sm li,
.css-after .section-sm li {
  padding: 4px 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .toolbox-filter .accordion-wrap.disabled::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .toolbox-filter .accordion-wrap.disabled::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .toolbox-filter .accordion-wrap.disabled::after,
.css-after .toolbox-filter .accordion-wrap.disabled::after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: not-allowed;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container,
.css-after .map_left_filters_container {
  box-sizing: border-box;
  width: 330px;
  height: 100%;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
  border-right: 1px solid #c3c3c3;
  z-index: 1002;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .sidepanel-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .sidepanel-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .sidepanel-header,
.css-after .map_left_filters_container .sidepanel-header {
  text-align: left;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters,
.css-after .map_left_filters_container .map_left_filters {
  box-sizing: border-box;
  width: 330px;
  position: relative;
  float: left;
  padding: 8px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  background: #f9f9f9;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar {
  padding: 0;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  background-color: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar + .filters-sidebar,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar + .filters-sidebar,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar + .filters-sidebar,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar + .filters-sidebar {
  margin-top: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filter-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filter-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filter-title,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filter-title {
  padding: 12px 16px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  background: transparent;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .cmp,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .cmp,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .cmp,
.css-after .map_left_filters_container .map_left_filters .cmp {
  margin-bottom: 10px;
  border: 1px solid #d3d4df;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .map_region,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .map_region,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .map_region,
.css-after .map_left_filters_container .map_left_filters .map_region {
  background: #f0f1ff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .map_region select,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .map_region select,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .map_region select,
.css-after .map_left_filters_container .map_left_filters .map_region select {
  background: transparent;
  border: 0;
  background-image: none;
  padding: 2px 5px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group {
  background: transparent;
  padding: 0;
  border: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content {
  padding: 12px 16px 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content + .filter-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content + .filter-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content + .filter-content,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content + .filter-content {
  border-top: 1px solid #e7e7e7;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .filter_group_title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .filter_group_title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .filter_group_title,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .filter_group_title {
  font-size: 14px;
  margin-bottom: 4px;
  font-weight: 500;
  color: #1a1a1a;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .accordion-filters-title::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .accordion-filters-title::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .accordion-filters-title::after,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .accordion-filters-title::after {
  transform: rotate(180deg);
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-bottom: 0;
  border-left: 0.4em solid transparent;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .show.accordion-filters-title::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .show.accordion-filters-title::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .show.accordion-filters-title::after,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .show.accordion-filters-title::after {
  transform: rotate(0deg);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-group > ul > li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-group > ul > li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-group > ul > li,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-group > ul > li {
  padding: 4px 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-group > ul > li label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-group > ul > li label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-group > ul > li label,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-group > ul > li label {
  font-weight: 400;
  color: #1a1a1a;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-group .moreBtn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-group .moreBtn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-group .moreBtn,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-group .moreBtn {
  padding: 2px 0 18px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .btn-position,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .btn-position,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .btn-position,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .btn-position {
  background: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  text-align: center;
  vertical-align: middle;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-control-search button,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-control-search button,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-control-search button,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .form-control-search button {
  height: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .scrollBox,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .scrollBox,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .scrollBox,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .filter-content .scrollBox {
  background: #f3f4f7;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .wrap-toggle,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .wrap-toggle,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .wrap-toggle,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .wrap-toggle {
  background: transparent;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .dropdown-item.active, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .dropdown-item:active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .dropdown-item.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .dropdown-item:active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .dropdown-item.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .dropdown-item:active,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group .dropdown-item.active,
.css-after .dropdown-item:active {
  background: transparent;
  color: #000;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .map_left_filters .filters-sidebar .filters-group > hr,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group > hr,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .map_left_filters .filters-sidebar .filters-group > hr,
.css-after .map_left_filters_container .map_left_filters .filters-sidebar .filters-group > hr {
  background: #e7e7e7;
  height: 1px;
  width: initial;
  border: 0;
  margin: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .selectable-list > li,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .selectable-list > li label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .selectable-list > li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .selectable-list > li label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .selectable-list > li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .selectable-list > li label,
.css-after .selectable-list > li,
.css-after .selectable-list > li label {
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .selectable-list > li:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .selectable-list > li:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .selectable-list > li:hover,
.css-after .selectable-list > li:hover {
  background-color: #f9f9f9;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .searchBox,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .searchBox,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .searchBox,
.css-after .map_left_filters_container .searchBox {
  padding: 10px 0 10px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .searchBox .form-control-search button,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .searchBox .form-control-search button,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .searchBox .form-control-search button,
.css-after .map_left_filters_container .searchBox .form-control-search button {
  height: 18px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .pagination,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .pagination,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .pagination,
.css-after .map_left_cards .pagination {
  margin-bottom: 20px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .no-list-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .no-list-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .no-list-wrap,
.css-after .no-list-wrap {
  background: #f4f4f4;
  padding: 0 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .no-list,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .no-list,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .no-list,
.css-after .no-list {
  padding: 90px 0;
  border-bottom: 1px solid #e3e3e3;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards,
.css-after .map_left_cards {
  position: absolute;
  box-sizing: border-box;
  padding-top: 0;
  width: 380px;
  height: 100%;
  top: 0;
  z-index: 1001;
  transition: transform ease 0.2s;
  background: #f9f9f9;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
  border-right: 1px solid #c3c3c3;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards > div,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards > div,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards > div,
.css-after .map_left_cards > div {
  padding: 0 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .map-sidebar-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .map-sidebar-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .map-sidebar-header,
.css-after .map_left_cards .map-sidebar-header {
  padding-top: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 4px;
  margin-top: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .filter-tag,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .filter-tag,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .filter-tag,
.css-after .map_left_cards .filter-tag {
  overflow-y: auto;
  max-height: 140px;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  padding: 12px 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .propertiesListMap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .propertiesListMap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .propertiesListMap,
.css-after .map_left_cards .propertiesListMap {
  margin: 10px 0 0;
  overflow-y: auto;
  flex: 1;
  border-top: 1px solid #e3e3e3;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .propertiesListMap .list-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .propertiesListMap .list-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .propertiesListMap .list-wrap,
.css-after .map_left_cards .propertiesListMap .list-wrap {
  background: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .filter-tag,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .filter-tag,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .filter-tag,
.css-after .map_left_cards .filter-tag {
  padding-top: 12px;
  margin-bottom: 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .filter-tag__label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .filter-tag__label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .filter-tag__label,
.css-after .map_left_cards .filter-tag__label {
  float: left;
  font-weight: 500;
  padding: 2px 10px 0 0;
  color: #737373;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .theme .filter-tag-item,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .theme .filter-tag-item,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .theme .filter-tag-item,
.css-after .map_left_cards .theme .filter-tag-item {
  background-color: #fff;
  border-color: #396fc6;
  color: #396fc6;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .filter-tag ul,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .filter-tag ul,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .filter-tag ul,
.css-after .map_left_cards .filter-tag ul {
  margin-bottom: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .filter-tag-item,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .filter-tag-item,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .filter-tag-item,
.css-after .map_left_cards .filter-tag-item {
  zoom: 1;
  display: inline-block;
  margin: 0 5px 5px 0;
  position: relative;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .item-list .selectable-list,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .item-list .selectable-list,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .item-list .selectable-list,
.css-after .map_left_cards .item-list .selectable-list {
  padding: 4px 6px 4px 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .item-list .selectable-list.unit-list,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .item-list .selectable-list.unit-list,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .item-list .selectable-list.unit-list,
.css-after .map_left_cards .item-list .selectable-list.unit-list {
  padding: 8px 4px 8px 20px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .item-list .selectable-list.unit-list li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .item-list .selectable-list.unit-list li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .item-list .selectable-list.unit-list li,
.css-after .map_left_cards .item-list .selectable-list.unit-list li {
  padding: 2px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .item-list .selectable-list.unit-list li + li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .item-list .selectable-list.unit-list li + li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .item-list .selectable-list.unit-list li + li,
.css-after .map_left_cards .item-list .selectable-list.unit-list li + li {
  margin-top: 14px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .propertiesListMap .item-list,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .propertiesListMap .item-list,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .propertiesListMap .item-list,
.css-after .map_left_cards .propertiesListMap .item-list {
  padding: 14px 4px 14px 6px;
  border-bottom: 1px solid #e3e3e3;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .unit-list .item,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .unit-list .item,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .unit-list .item,
.css-after .map_left_cards .unit-list .item {
  display: flex;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .unit-list .item .info,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .unit-list .item .info,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .unit-list .item .info,
.css-after .map_left_cards .unit-list .item .info {
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .unit-list .item .info > span,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .unit-list .item .info > span,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .unit-list .item .info > span,
.css-after .map_left_cards .unit-list .item .info > span {
  display: inline;
  position: relative;
  font-size: 13px;
  padding: 0px 7px 0px 8px;
  color: rgb(51, 51, 51);
  letter-spacing: -0.04em;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .unit-list .item .info > span::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .unit-list .item .info > span::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .unit-list .item .info > span::before,
.css-after .map_left_cards .unit-list .item .info > span::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 1px;
  height: 12px;
  background: rgb(153, 153, 153);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .unit-list .item .info > span:first-child,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .unit-list .item .info > span:first-child,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .unit-list .item .info > span:first-child,
.css-after .map_left_cards .unit-list .item .info > span:first-child {
  padding-left: 0px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .unit-list .item .info > span:first-child::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .unit-list .item .info > span:first-child::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .unit-list .item .info > span:first-child::before,
.css-after .map_left_cards .unit-list .item .info > span:first-child::before {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .item-list .addr,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .item-list .addr,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .item-list .addr,
.css-after .map_left_cards .item-list .addr {
  padding-top: 1px;
  font-size: 12px;
  padding-left: 26px;
  color: #666;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .item-list .unit-list .addr,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .item-list .unit-list .addr,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .item-list .unit-list .addr,
.css-after .map_left_cards .item-list .unit-list .addr {
  padding-left: 0px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .item-list:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .item-list:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .item-list:hover,
.css-after .item-list:hover {
  background: #e9f0fa;
  border-color: #c0cddf;
  border-bottom-width: 2px;
  border-bottom-color: #c0cddf;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .unit-list li:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .unit-list li:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .unit-list li:hover,
.css-after .unit-list li:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .unit-list li.disabled:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .unit-list li.disabled:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .unit-list li.disabled:hover,
.css-after .unit-list li.disabled:hover {
  background: transparent !important;
  cursor: not-allowed;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .item-list .selectable-list li:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .item-list .selectable-list li:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .item-list .selectable-list li:hover,
.css-after .item-list .selectable-list li:hover {
  background-color: transparent;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .theme .filter-tag-item:not(.filter-tag-item--disabled):hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .theme .filter-tag-item:not(.filter-tag-item--disabled):hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .theme .filter-tag-item:not(.filter-tag-item--disabled):hover,
.css-after .theme .filter-tag-item:not(.filter-tag-item--disabled):hover {
  background-color: #75a8f9;
  color: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .theme .filter-tag-item:not(.filter-tag-item--disabled):hover button i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .theme .filter-tag-item:not(.filter-tag-item--disabled):hover button i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .theme .filter-tag-item:not(.filter-tag-item--disabled):hover button i,
.css-after .theme .filter-tag-item:not(.filter-tag-item--disabled):hover button i {
  filter: invert(100%);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_cards .btn-footer,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_cards .btn-footer,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_cards .btn-footer,
.css-after .map_left_cards .btn-footer {
  border-top: 1px solid #888888;
  padding: 8px 0;
  background: #fff;
  position: relative;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .disabled,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .disabled,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .disabled,
.css-after .map_left_filters_container .disabled {
  color: rgba(0, 0, 0, 0.38);
  opacity: 0.65;
  cursor: not-allowed;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container.hide,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container.hide,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container.hide,
.css-after .map_left_filters_container.hide {
  transform: translateX(330px);
  box-shadow: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_list_wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_list_wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_list_wrap,
.css-after .map_list_wrap {
  display: flex;
  transform: translateX(-330px);
  transition: all ease 0.5s 0s;
  opacity: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_list_wrap.hide,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_list_wrap.hide,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_list_wrap.hide,
.css-after .map_list_wrap.hide {
  transform: translateX(380px);
  box-shadow: none;
  opacity: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .loading,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .loading,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .loading,
.css-after .map_left_filters_container .loading {
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  color: #666;
  position: fixed;
  z-index: 201;
  width: 100%;
  height: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .scrollBox .loading,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .scrollBox .loading,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .scrollBox .loading,
.css-after .map_left_filters_container .scrollBox .loading {
  position: absolute;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .loading.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .loading.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .loading.active,
.css-after .map_left_filters_container .loading.active {
  display: flex;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .overlay_mask,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .overlay_mask,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .overlay_mask,
.css-after .map_left_filters_container .overlay_mask {
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .loading .loading-txt,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .loading .loading-txt,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .loading .loading-txt,
.css-after .map_left_filters_container .loading .loading-txt {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .map_left_filters_container .loading-txt::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .map_left_filters_container .loading-txt::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .map_left_filters_container .loading-txt::after,
.css-after .map_left_filters_container .loading-txt::after {
  content: "로딩 중...";
  animation: loading 1s infinite;
}
@keyframes loading {
  0% {
    content: "로딩 중";
  }
  33% {
    content: "로딩 중.";
  }
  66% {
    content: "로딩 중..";
  }
  100% {
    content: "로딩 중...";
  }
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .loading-list,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .loading-list,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .loading-list,
.css-after .loading-list {
  height: 70px;
  width: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .loading-list .loading,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .loading-list .loading,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .loading-list .loading,
.css-after .loading-list .loading {
  position: absolute;
  z-index: 200;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .loading-list .loading .overlay_mask,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .loading-list .loading .overlay_mask,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .loading-list .loading .overlay_mask,
.css-after .loading-list .loading .overlay_mask {
  background: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .loading-list .loading .loading-txt,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .loading-list .loading .loading-txt,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .loading-list .loading .loading-txt,
.css-after .loading-list .loading .loading-txt {
  color: #3b3b3b;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .sidepanel-wrap .disabled,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .sidepanel-wrap .disabled,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .sidepanel-wrap .disabled,
.css-after .sidepanel-wrap .disabled {
  color: rgba(0, 0, 0, 0.38);
  opacity: 0.7;
  cursor: not-allowed;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .blinking-text,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .blinking-text,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .blinking-text,
.css-after .blinking-text {
  animation: blink 1s infinite; /* 1초 간격으로 무한 반복 */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .vertical-bar,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .vertical-bar,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .vertical-bar,
.css-after .vertical-bar {
  display: inline;
  position: relative;
  padding: 0px 7px 0px 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .vertical-left-bar,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .vertical-left-bar,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .vertical-left-bar,
.css-after .vertical-left-bar {
  display: inline;
  position: relative;
  padding: 0px 7px 0px 10px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .vertical-right-bar,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .vertical-right-bar,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .vertical-right-bar,
.css-after .vertical-right-bar {
  display: inline;
  position: relative;
  padding: 0px 10px 0px 7px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .vertical-bar::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .vertical-bar::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .vertical-bar::before,
.css-after .vertical-bar::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 1px;
  height: 12px;
  background: rgb(153, 153, 153);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .vertical-left-bar::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .vertical-left-bar::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .vertical-left-bar::before,
.css-after .vertical-left-bar::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 1px;
  height: 12px;
  background: rgb(153, 153, 153);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .vertical-right-bar::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .vertical-right-bar::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .vertical-right-bar::after,
.css-after .vertical-right-bar::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 0px;
  width: 1px;
  height: 12px;
  background: rgb(153, 153, 153);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .vertical-right-bar.h80pro::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .vertical-right-bar.h80pro::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .vertical-right-bar.h80pro::after,
.css-after .vertical-right-bar.h80pro::after {
  height: 80% !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .toolbox-population .nav-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .toolbox-population .nav-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .toolbox-population .nav-wrap,
.css-after .toolbox-population .nav-wrap {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .toolbox-population .nav,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .toolbox-population .nav,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .toolbox-population .nav,
.css-after .toolbox-population .nav {
  background-color: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .toolbox-population .nav-link,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .toolbox-population .nav-link,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .toolbox-population .nav-link,
.css-after .toolbox-population .nav-link {
  padding: 16px 0;
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .toolbox-population .nav-link.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .toolbox-population .nav-link.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .toolbox-population .nav-link.active,
.css-after .toolbox-population .nav-link.active {
  font-size: var(--font-md);
  font-weight: bold;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .toolbox-population .tab-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .toolbox-population .tab-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .toolbox-population .tab-content,
.css-after .toolbox-population .tab-content {
  overflow-y: auto;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .toolbox-population .sidepanel-body,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .toolbox-population .sidepanel-body,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .toolbox-population .sidepanel-body,
.css-after .toolbox-population .sidepanel-body {
  overflow: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .toolbox-population .sidepanel-body > section,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .toolbox-population .sidepanel-body > section,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .toolbox-population .sidepanel-body > section,
.css-after .toolbox-population .sidepanel-body > section {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .current-location,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .current-location,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .current-location,
.css-after .current-location {
  display: inline-block;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step,
.css-after .range-step {
  display: flex;
  width: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step li,
.css-after .range-step li {
  flex: 1;
  text-align: center;
  line-height: normal;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step li p,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step li p,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step li p,
.css-after .range-step li p {
  border-top: 4px solid;
  padding: 2px 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step li span,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step li span,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step li span,
.css-after .range-step li span {
  font-size: 12px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step li:nth-child(1) p,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step li:nth-child(1) p,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step li:nth-child(1) p,
.css-after .range-step li:nth-child(1) p {
  color: #1877F2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step li:nth-child(2) p,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step li:nth-child(2) p,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step li:nth-child(2) p,
.css-after .range-step li:nth-child(2) p {
  color: #32B50B;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step li:nth-child(3) p,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step li:nth-child(3) p,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step li:nth-child(3) p,
.css-after .range-step li:nth-child(3) p {
  color: #EDAE1C;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step li:nth-child(4) p,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step li:nth-child(4) p,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step li:nth-child(4) p,
.css-after .range-step li:nth-child(4) p {
  color: #ED7E1C;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step li:nth-child(5) p,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step li:nth-child(5) p,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step li:nth-child(5) p,
.css-after .range-step li:nth-child(5) p {
  color: #ED1C24;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step-setting,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step-setting,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step-setting,
.css-after .range-step-setting {
  margin-top: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step-setting .btn-small,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step-setting .btn-small,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step-setting .btn-small,
.css-after .range-step-setting .btn-small {
  width: auto;
  height: auto;
  font-size: 13px;
  cursor: pointer;
  padding: 0 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step-setting-box,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step-setting-box,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step-setting-box,
.css-after .range-step-setting-box {
  display: none;
  background-color: #f9f9f9;
  padding: 8px;
  margin-top: 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .range-step-setting-box p,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .range-step-setting-box p,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .range-step-setting-box p,
.css-after .range-step-setting-box p {
  margin-bottom: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .slider-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .slider-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .slider-container,
.css-after .slider-container {
  width: 100%;
  margin: 10px auto;
  text-align: center;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .slider-label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .slider-label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .slider-label,
.css-after .slider-label {
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
  color: #333;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #slider-range,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #slider-range,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #slider-range,
.css-after #slider-range {
  margin: 20px 0 10px;
  position: relative;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .ui-slider-range,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .ui-slider-range,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .ui-slider-range,
.css-after .ui-slider-range {
  background: #007bff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .ui-slider-handle,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .ui-slider-handle,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .ui-slider-handle,
.css-after .ui-slider-handle {
  border: 2px solid #007bff;
  background: #fff;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .slider-values,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .slider-values,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .slider-values,
.css-after .slider-values {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #666;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #selected-range,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #selected-range,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #selected-range,
.css-after #selected-range {
  font-size: 13px;
  color: #007bff;
  margin-left: 10px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .slider-range-tick,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .slider-range-tick,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .slider-range-tick,
.css-after .slider-range-tick {
  position: absolute;
  width: 1px;
  height: 8px;
  background: #fff;
  top: 0px;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #tick-25,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #tick-25,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #tick-25,
.css-after #tick-25 {
  left: 25%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #tick-50,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #tick-50,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #tick-50,
.css-after #tick-50 {
  left: 50%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #tick-75,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #tick-75,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #tick-75,
.css-after #tick-75 {
  left: 75%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-info .media-name,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-info .media-name,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-info .media-name,
.css-after .media-info .media-name {
  font-size: var(--font-lg);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .analysis-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .analysis-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .analysis-wrap,
.css-after .analysis-wrap {
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 1;
  transition: width 0.5s;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .analysis-wrap.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .analysis-wrap.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .analysis-wrap.active,
.css-after .analysis-wrap.active {
  display: block;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .analysis-article,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .analysis-article,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .analysis-article,
.css-after .analysis-article {
  height: 500px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .analysis-wrap.hide,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .analysis-wrap.hide,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .analysis-wrap.hide,
.css-after .analysis-wrap.hide {
  transform: translateY(500px);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal #teleport-cmm-modal,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) #teleport-cmm-modal,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) #teleport-cmm-modal,
.css-after #teleport-cmm-modal {
  height: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .modal-mediaSelected,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal-mediaSelected,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .modal-mediaSelected,
.css-after .modal-mediaSelected {
  min-width: 1100px;
  max-width: 1840px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .default-ad-box,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .default-ad-box,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .default-ad-box,
.css-after .default-ad-box {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  background-color: var(--bg-200);
  border-radius: var(--gap-md);
  padding: var(--gap-md);
  gap: var(--gap-default);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-card,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-card,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-card,
.css-after .media-card {
  border: 1px solid #ccc;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .card-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .card-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .card-header,
.css-after .card-header {
  display: flex;
  gap: var(--gap-default);
  padding: 16px;
  border-bottom: 1px solid #ccc;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .card-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .card-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .card-content,
.css-after .card-content {
  display: flex;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .card-display,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .card-display,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .card-display,
.css-after .card-display {
  padding: 16px;
  align-content: start;
  background-color: var(--bg-200);
  border-right: 1px solid #ccc;
  width: 220px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .card-info,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .card-info,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .card-info,
.css-after .card-info {
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .card-info .section .title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .card-info .section .title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .card-info .section .title,
.css-after .card-info .section .title {
  width: 90px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .card-info .block-plan,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .card-info .block-plan,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .card-info .block-plan,
.css-after .card-info .block-plan {
  left: -240px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .media-card + .media-card,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .media-card + .media-card,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .media-card + .media-card,
.css-after .media-card + .media-card {
  margin-top: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .block-plan-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .block-plan-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .block-plan-wrap,
.css-after .block-plan-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
  padding: 8px;
  border: 1px solid #999;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .block-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .block-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .block-content,
.css-after .block-content {
  background-color: var(--bg-100);
  padding: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .block-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .block-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .block-title,
.css-after .block-title {
  padding: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .settop-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .settop-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .settop-group,
.css-after .settop-group {
  display: flex;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .settop-num,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .settop-num,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .settop-num,
.css-after .settop-num {
  padding: 8px 4px;
  font-size: 11px;
  border: 1px solid #ccc;
  margin-left: -1px;
  background-color: #fff9c3;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .settop-group .btn-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .settop-group .btn-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .settop-group .btn-group,
.css-after .settop-group .btn-group {
  background-color: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .settop-group .btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .settop-group .btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .settop-group .btn,
.css-after .settop-group .btn {
  min-width: auto;
  padding: 8px 4px;
  font-size: 11px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .LED-btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .LED-btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .LED-btn,
.css-after .LED-btn {
  width: 32px;
  background-color: #c3efff;
  border-color: rgba(0, 0, 0, 0.2);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .LED-other,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .LED-other,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .LED-other,
.css-after .LED-other {
  background-color: #c3ffe9;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .readonly::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .readonly::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .readonly::before,
.css-after .readonly::before {
  display: inline-block;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .--settop .first-card .card-header .label,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .--settop .first-card .card-info .label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .--settop .first-card .card-header .label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .--settop .first-card .card-info .label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .--settop .first-card .card-header .label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .--settop .first-card .card-info .label,
.css-after .--settop .first-card .card-header .label,
.css-after .--settop .first-card .card-info .label {
  background-color: #4235dc;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .--settop .first-card .block-plan-wrap .settop-group input:checked + label,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .settop-selected-01,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .--settop .first-card .block-plan-wrap .settop-group input:checked + label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .settop-selected-01,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .--settop .first-card .block-plan-wrap .settop-group input:checked + label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .settop-selected-01,
.css-after .--settop .first-card .block-plan-wrap .settop-group input:checked + label,
.css-after .settop-selected-01 {
  background-color: #dedcff;
  border-color: #4235dc;
  color: #4235dc;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .--settop .second-card .card-header .label,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .--settop .second-card .card-info .label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .--settop .second-card .card-header .label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .--settop .second-card .card-info .label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .--settop .second-card .card-header .label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .--settop .second-card .card-info .label,
.css-after .--settop .second-card .card-header .label,
.css-after .--settop .second-card .card-info .label {
  background-color: #267700;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .--settop .second-card .block-plan-wrap .settop-group input:checked + label,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .settop-selected-02,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .--settop .second-card .block-plan-wrap .settop-group input:checked + label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .settop-selected-02,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .--settop .second-card .block-plan-wrap .settop-group input:checked + label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .settop-selected-02,
.css-after .--settop .second-card .block-plan-wrap .settop-group input:checked + label,
.css-after .settop-selected-02 {
  background-color: #d2ffa6;
  border-color: #267700;
  color: #267700;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .--settop .third-card .card-header .label,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .--settop .third-card .card-info .label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .--settop .third-card .card-header .label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .--settop .third-card .card-info .label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .--settop .third-card .card-header .label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .--settop .third-card .card-info .label,
.css-after .--settop .third-card .card-header .label,
.css-after .--settop .third-card .card-info .label {
  background-color: #dc3545;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .--settop .third-card .block-plan-wrap .settop-group input:checked + label,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .settop-selected-03,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .--settop .third-card .block-plan-wrap .settop-group input:checked + label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .settop-selected-03,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .--settop .third-card .block-plan-wrap .settop-group input:checked + label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .settop-selected-03,
.css-after .--settop .third-card .block-plan-wrap .settop-group input:checked + label,
.css-after .settop-selected-03 {
  background-color: #ffdcdf;
  border-color: #dc3545;
  color: #dc3545;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .swiper,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .swiper,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .swiper,
.css-after .swiper {
  width: 100%;
  height: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .swiper-slide,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .swiper-slide,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .swiper-slide,
.css-after .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .swiper-slide img,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .swiper-slide img,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .swiper-slide img,
.css-after .swiper-slide img {
  display: block;
  /* width: 100%; */
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-wrap,
.css-after .main-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-header,
.css-after .main-header {
  font-size: 17px;
  border-bottom: 1px solid #ddd;
  background: var(--bg-100);
  min-height: 58px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-header h3,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-header h3,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-header h3,
.css-after .main-header h3 {
  line-height: 58px;
  padding: 0 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-header .sub-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-header .sub-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-header .sub-title,
.css-after .main-header .sub-title {
  background-color: rgba(255, 255, 255, 0.7);
  border-top: 1px solid #ddd;
  padding: 8px 16px;
  font-weight: normal;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-header .sub-title span,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-header .sub-title span,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-header .sub-title span,
.css-after .main-header .sub-title span {
  vertical-align: middle;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-header .sub-title span + span::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-header .sub-title span + span::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-header .sub-title span + span::before,
.css-after .main-header .sub-title span + span::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin: -2px 8px 0;
  vertical-align: middle;
  content: "";
  border-top: 4px solid transparent;
  border-right: 0;
  border-bottom: 4px solid transparent;
  border-left: 4px solid;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-header .btn-pin,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-header .btn-pin,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-header .btn-pin,
.css-after .main-header .btn-pin {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid #ccc;
  height: 100%;
  width: 58px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-content,
.css-after .main-content {
  overflow-x: hidden;
  padding: 0 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-content > .nav-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-content > .nav-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-content > .nav-wrap,
.css-after .main-content > .nav-wrap {
  margin-top: 0px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-content > .nav-wrap > .nav-lines,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-content > .nav-wrap > .nav-lines,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-content > .nav-wrap > .nav-lines,
.css-after .main-content > .nav-wrap > .nav-lines {
  border-bottom: 1px solid #dee2e6;
  margin: 0 -16px;
  padding: 0 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-content > .nav-wrap > .nav-lines .nav-link,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-content > .nav-wrap > .nav-lines .nav-link,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-content > .nav-wrap > .nav-lines .nav-link,
.css-after .main-content > .nav-wrap > .nav-lines .nav-link {
  font-size: var(--font-md);
  padding: var(--padding-lg);
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-content > .nav-wrap > .nav-lines .nav-link:not(.nav-link.active),
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-content > .nav-wrap > .nav-lines .nav-link:not(.nav-link.active),
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-content > .nav-wrap > .nav-lines .nav-link:not(.nav-link.active),
.css-after .main-content > .nav-wrap > .nav-lines .nav-link:not(.nav-link.active) {
  border-bottom: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-content .search-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-content .search-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-content .search-wrap,
.css-after .main-content .search-wrap {
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  margin: 0 -16px 16px;
  padding: 0 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-content .search-setting,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-content .search-setting,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-content .search-setting,
.css-after .main-content .search-setting {
  margin: 0;
  padding: 10px 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .main-content .data-tab-tab-2 .result-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .main-content .data-tab-tab-2 .result-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .main-content .data-tab-tab-2 .result-wrap,
.css-after .main-content .data-tab-tab-2 .result-wrap {
  padding-bottom: 20px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .data-group-wrap.responsive-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .data-group-wrap.responsive-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .data-group-wrap.responsive-wrap,
.css-after .data-group-wrap.responsive-wrap {
  border-bottom: 1px solid #ddd;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .data-group-wrap.responsive-wrap .data-group:first-child,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .data-group-wrap.responsive-wrap .data-group:first-child,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .data-group-wrap.responsive-wrap .data-group:first-child,
.css-after .data-group-wrap.responsive-wrap .data-group:first-child {
  border-right: 1px solid #ddd;
  padding-right: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .data-group-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .data-group-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .data-group-wrap,
.css-after .data-group-wrap {
  display: flex;
  gap: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .data-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .data-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .data-group,
.css-after .data-group {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  flex-direction: row;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .data-group .tbl-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .data-group .tbl-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .data-group .tbl-group,
.css-after .data-group .tbl-group {
  height: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .data-group .tbl-group table,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .data-group .tbl-group table,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .data-group .tbl-group table,
.css-after .data-group .tbl-group table {
  min-width: 500px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .data-group .nav-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .data-group .nav-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .data-group .nav-wrap,
.css-after .data-group .nav-wrap {
  width: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .table-hover tbody tr:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .table-hover tbody tr:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .table-hover tbody tr:hover,
.css-after .table-hover tbody tr:hover {
  background-color: #f2f5fb !important;
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .player-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .player-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .player-wrap,
.css-after .player-wrap {
  background: white;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin: 10px 0;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .player-wrap .form-control,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .player-wrap .form-control,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .player-wrap .form-control,
.css-after .player-wrap .form-control {
  border-radius: 4px;
  margin-left: 10px;
  padding: 2px 8px;
  border-color: #ccc;
  width: 200px;
  font-size: 14px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .population-player,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .population-player,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .population-player,
.css-after .population-player {
  background: white;
  padding: 15px 0px 5px;
  width: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .population-player .playback-bar,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .population-player .playback-bar,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .population-player .playback-bar,
.css-after .population-player .playback-bar {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #ddd;
  margin: 28px 0;
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .population-player .playback-marker,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .population-player .playback-marker,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .population-player .playback-marker,
.css-after .population-player .playback-marker {
  position: absolute;
  top: -5px;
  left: 0;
  width: 10px;
  height: 20px;
  background-color: red;
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .population-player .tooltip,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .population-player .tooltip,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .population-player .tooltip,
.css-after .population-player .tooltip {
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translateX(-50%);
  background-color: black;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  display: block;
  width: -moz-max-content;
  width: max-content;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .population-player .tooltip:after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .population-player .tooltip:after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .population-player .tooltip:after,
.css-after .population-player .tooltip:after {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 12px;
  height: 6px;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-color: #222 transparent transparent transparent;
  border-style: solid;
  border-width: 5px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .population-player .controls,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .population-player .controls,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .population-player .controls,
.css-after .population-player .controls {
  width: 100%;
  align-items: center;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .population-player .speed-select .select,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .population-player .speed-select .select,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .population-player .speed-select .select,
.css-after .population-player .speed-select .select {
  font-size: 14px;
  margin-left: 10px;
  padding: 2px 27px 2px 8px !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .population-player .play-button,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .population-player .play-button,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .population-player .play-button,
.css-after .population-player .play-button {
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  margin-right: 10px;
  font-family: Arial, sans-serif;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .population-player .current-time,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .population-player .current-time,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .population-player .current-time,
.css-after .population-player .current-time {
  margin-left: 30px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .population-player .duration,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .population-player .duration,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .population-player .duration,
.css-after .population-player .duration {
  margin-right: 74px;
}
@media screen and (max-width: 992px) {
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .responsive-wrap,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .responsive-wrap,
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .responsive-wrap,
  .css-after .responsive-wrap {
    flex-direction: column;
  }
}
@media screen and (min-width: 1920px) {
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .search-wrap,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .search-wrap,
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .search-wrap,
  .css-after .search-wrap {
    display: block !important;
  }
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .search-setting,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .search-setting,
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .search-setting,
  .css-after .search-setting {
    width: 1780px;
  }
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .result-wrap,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .result-wrap,
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .result-wrap,
  .css-after .result-wrap {
    width: 1780px;
  }
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-pin i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-pin i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-pin i,
.css-after .btn-pin i {
  transform: rotate(45deg);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .btn-pin .i-translucency,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .btn-pin .i-translucency,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .btn-pin .i-translucency,
.css-after .btn-pin .i-translucency {
  opacity: 0.2;
}
@media screen and (max-width: 2019px) {
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-wrap,
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-setting,
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-setting .flex-inline,
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .target-media,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-wrap,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-setting,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-setting .flex-inline,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .target-media,
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-wrap,
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-setting,
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-setting .flex-inline,
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .target-media,
  .css-after .target-wrap,
  .css-after .target-setting,
  .css-after .target-setting .flex-inline,
  .css-after .target-media {
    flex-direction: column;
  }
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .templateMode,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .templateMode,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .templateMode,
.css-after .templateMode {
  background-color: #F9F9F9;
  padding: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .templateBox-wrap h6,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .templateBox-wrap h6,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .templateBox-wrap h6,
.css-after .templateBox-wrap h6 {
  margin-bottom: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .templateBox-wrap ul,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .templateBox-wrap ul,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .templateBox-wrap ul,
.css-after .templateBox-wrap ul {
  display: flex;
  gap: var(--gap-default);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .templateBox-wrap li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .templateBox-wrap li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .templateBox-wrap li,
.css-after .templateBox-wrap li {
  flex: 1;
  margin-right: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .templateBox-wrap .form-check,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .templateBox-wrap .form-check,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .templateBox-wrap .form-check,
.css-after .templateBox-wrap .form-check {
  width: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .templateBox-wrap .form-check-input,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .templateBox-wrap .form-check-input,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .templateBox-wrap .form-check-input,
.css-after .templateBox-wrap .form-check-input {
  margin-right: 0px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .templateBox-wrap label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .templateBox-wrap label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .templateBox-wrap label,
.css-after .templateBox-wrap label {
  display: inline;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .templateBox-wrap input,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .templateBox-wrap input,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .templateBox-wrap input,
.css-after .templateBox-wrap input {
  opacity: initial;
  left: auto;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .templateBox,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .templateBox,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .templateBox,
.css-after .templateBox {
  display: flex;
  flex-direction: column;
  margin-top: 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .templateBox .box,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .templateBox .box,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .templateBox .box,
.css-after .templateBox .box {
  height: 48px;
  border: 1px solid #787878;
  margin: -1px 0 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .modal .templateBox .box.choice,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd) .templateBox .box.choice,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay) .templateBox .box.choice,
.css-after .templateBox .box.choice {
  background-color: #c5d2df;
}

/*정산*/
.charts-container-adjustment {
  display: flex;
  position: sticky;
  top: 0;
  background: white;
  z-index: 100;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
}

.chart-container-adjustment {
  height: 320px;
  flex: 1;
}

.table-container-adjustment {
  max-height: calc(100vh - 657px);
  min-height: 200px;
  overflow-y: auto;
  border-top: 1px solid #444;
  border-bottom: 1px solid #ddd;
}

.table-container-month {
  max-height: calc(100vh - 288px);
  overflow-y: auto;
  border-top: 1px solid #444;
  border-bottom: 1px solid #ddd;
}

.sort-button {
  background: none;
  border: none;
  color: #888;
  cursor: pointer;
  font-size: 10px;
}

.sort-button.active {
  color: #000; /* 클릭된 버튼을 강조 표시하는 색상 */
}

.sort-button:hover {
  outline: none;
  color: #555;
}

.sort-button:focus {
  outline: none;
  color: #222;
}

.table-bordered .selected {
  background: #cce5ff;
}

.tbl-sticky-type2 th {
  background-color: #f2f2f2;
  position: sticky;
  top: -1px;
  z-index: 2;
}

/* 대시보드 차트 폰트 사이즈 */
.dashboard .chart-content text {
  font-size: 1em !important;
}

/* ************************
* 회원가입 페이지
************************ */
.member_join_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Form Textfield */
.member_join_wrap .input {
  height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  transition: all 0.3s;
}

.member_join_wrap.input:focus, .member_join_wrap .input:hover, .member_join_wrap .input.is-focused {
  border-color: #009C96;
}

.member_join_wrap textarea.input {
  height: auto;
  padding: 10px;
}

.member_join_wrap .display-fixed {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  align-items: center;
}

.member_join_wrap .kt-logo {
  width: 230px;
  height: 54px;
  margin: 30px auto;
  background-repeat: no-repeat;
}

.member_join_wrap .logo-pro::before {
  content: "PRO";
  display: inline-block;
  width: 34px;
  margin: 0px 0px 0px -52px;
  border-radius: 50rem;
  font-size: 10px;
  background-color: #0d6efd;
  color: #fff;
  transform: scale(1.3);
  text-align: center;
}

.member_join_wrap ul {
  width: 420px;
  margin: 0 auto;
}

.member_join_wrap li {
  margin-bottom: 8px;
}

.member_join_wrap footer {
  text-align: center;
  padding: 50px 0 24px;
  color: #888;
}

.captcha-area {
  display: flex;
  margin-bottom: 8px;
}

.captch {
  border: 1px solid #D1D2D4;
  width: 100%;
  background-color: #EEEEEE;
  margin: -1px 0;
}

.captch-control {
  display: flex;
  flex-direction: column;
}

.captch-control button {
  font-size: 12px;
  margin: -1px 0;
  padding: 0px 10px;
  background-color: #fff;
  border: 1px solid #D1D2D4;
  border-radius: 0;
  padding-left: 30px;
  background-repeat: no-repeat;
  background-position: left 10px center;
}

.captch-control .refresh {
  background-image: url(../../../static_common/images/ico/refresh.png);
}

.captch-control .sound {
  background-image: url(../../../static_common/images/ico/volume.png);
}

.login .form-alert.is-visibled {
  display: inline-block;
}

.btn_delete, .btn_show, .btn_hide {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 35px;
  height: 35px;
  z-index: 5;
  background-color: transparent;
}

.btn_show .icon-show {
  display: inline-block;
  width: 22px;
  height: 21px;
  background-image: url(../images/ico/visibility_FILL1_wght400_GRAD0_opsz48.png);
  background-size: 22px;
  opacity: 0.3;
}

.btn_hide .icon-show {
  display: inline-block;
  width: 22px;
  height: 21px;
  background-image: url(../images/ico/visibility_off_FILL1_wght400_GRAD0_opsz48.png);
  background-size: 22px;
  opacity: 0.3;
}

/* 회원가입-약관동의 */
.member_wrap .container {
  margin-right: 0px;
  padding-top: 10%;
}

.member_join_wrap h2.tit {
  margin: 40px auto 10px;
  font-size: 34px;
  font-weight: 500;
  color: #000;
  text-align: center;
  line-height: 1.4;
}

.member_join_wrap p.sub_txt {
  padding: 22px 12px 26px;
  font-size: 16px;
  color: #000;
  text-align: center;
  font-weight: 300;
  line-height: 1.3;
}

.member_join_wrap .row_group_title {
  padding: 10px 0 5px;
  margin-bottom: 0; /* margin-bottom:30px;border-bottom:1px solid #7F7F7F; */
}

.member_join_wrap h3 {
  font-size: 18px;
  color: #000;
  line-height: 1;
}

.member_join_wrap h3 + .member_infoBox {
  margin-top: 0;
}

.member_join_wrap .inner_join .inner {
  padding: 40px 15px 60px;
  background: #fff;
  border-top: 1px solid #D1D2D4;
  border-bottom: 1px solid #D1D2D4;
  width: 480px;
  margin: 0 auto;
}

.member_join_wrap .inner_join .list_agree + .list_agree {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px dashed #D1D2D4;
}

.member_join_wrap .inner_join .txt_infoBox {
  font-size: 13px;
  color: #7F7F7F;
  line-height: 1.6;
}

.member_join_wrap .inner_join .list_agree li .txt_infoBox {
  padding-left: 28px;
}

.member_join_wrap .inner_join .check label span {
  font-size: 16px;
  color: #4C4C4E;
}

/* 회원가입-본인인증 */
.member_join_wrap .inner_join .info_verify {
  text-align: center;
  padding: 40px 0 48px;
}

.member_join_wrap .inner_join .info_verify .txt {
  font-size: 16px;
  padding: 10px 0 38px;
  line-height: 1.6;
}

/* 회원가입-기본정보 입력 */
.member_join_wrap .inner_join .row_group .join_row {
  width: 420px;
  margin: 0 auto;
}

.member_join_wrap .inner_join .row_group .join_row .form-title .label {
  font-size: 14px;
  color: #000;
}

.member_join_wrap .inner_join .row_group + .row_group {
  margin-top: 30px;
}

.member_join_wrap .inner_join .row_group .icon-required {
  vertical-align: middle;
}

.member_join_wrap .inner_join .row_group .form.type-row .form-title {
  margin-top: 40px;
}

.member_join_wrap .inner_join .row_group .frm_member_info .input {
  height: 44px;
  width: calc(33.333% - 16px);
  flex: 1 1 auto;
}

.member_join_wrap .inner_join .row_group .frm_member_info .form.type-row .form-content {
  margin-top: 0;
}

.member_join_wrap .inner_join .row_group .frm_member_info .btn.style-1 {
  height: 44px;
}

.member_join_wrap .inner_join .row_group .frm_member_info + .frm_member_info {
  margin-top: 30px;
}

.authNoBox {
  position: relative;
}

.input_code {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 86px;
}

.ps_box_disable, .ps_box.accord, .ps_box.discord {
  margin-top: 10px;
}

.member_join_wrap .inner_join .row_group .btn.style-1 {
  font-size: 13px;
}

/* 사업자 세부정보 */
.member_join_wrap .inner_join .row_group .frm_member_info.-bizInfo .input {
  line-height: 44px;
}

.member_join_wrap .inner_join .row_group .frm_member_info.-bizInfo .btn-cmn {
  height: 44px;
}

.member_join_wrap .inner_join .form-controls.type-address {
  flex-direction: column;
}

.member_join_wrap .inner_join .form-controls.type-address .row {
  display: flex;
}

.member_join_wrap .inner_join .form-controls.type-address .row .input {
  flex-grow: 1;
  width: 1px;
}

.member_join_wrap .inner_join .form-controls .row + .row {
  margin-top: 5px;
}

/* 공통 - 페이지내 하단 가운데 정렬 버튼 */
.btn_area {
  margin-top: 28px;
  text-align: center;
}

.btn_area .inner_btn {
  display: inline-block;
  vertical-align: top;
}

.btn_area.double .inner_btn button + button {
  margin-left: 10px;
}

.btn_area.double .btn_gb, .btn_area.double .btn_gm {
  float: left;
  height: 40px;
  margin: 0 0 0 10px;
}

.btn_area.double .btn_gb:first-child, .btn_area.double .btn_gm:first-child {
  margin-left: 0;
}

/* 아이디/비밀번호 찾기 */
.member_join_wrap .inner_join .info_find {
  padding: 0;
  background: transparent;
  border-top: 0;
  border-bottom: 0;
  width: 580px;
  margin: 0 auto;
}

.info_find .form.type-col .form-controls + .form-alert {
  margin-top: 3px;
  margin-bottom: 10px;
}

.info_find .form.type-col .form-controls + .form-info {
  margin-top: 3px;
  margin-bottom: 10px;
}

.info_find .form.type-col .form-title {
  flex-basis: 120px;
}

.info_find .tab-basic a {
  font-size: 15px;
}

.info_find .form-alert.is-errored {
  font-size: 13px;
}

.info_find .tab-content {
  display: none;
  padding: 50px 30px;
  background: #fff;
}

.info_find .tab-content.is-selected {
  display: inherit;
}

.info_find .form-tit, .form-txt {
  font-size: 14px;
}

/* 아이디/비밀번호 찾기 결과 */
.findId_result .result_msg {
  height: 160px;
  font-size: 15px;
  color: #888;
  text-align: center;
  line-height: 160px;
  vertical-align: middle;
}

.findId_result .result_msg span {
  line-height: 1.5;
}

.findId_result .result_msg strong {
  margin: 0 2px;
  color: #000;
  font-weight: 700;
}

.findId_result .info_msg {
  padding: 25px 0 40px;
  font-size: 15px;
  color: #666;
  text-align: center;
  line-height: 1.5;
}

/* 가입완료 */
.info_txt_result {
  padding: 10px 12px 26px;
}

.info_txt_result .result_msg {
  font-size: 16px;
  color: #444;
  text-align: center;
  line-height: 1.5;
  vertical-align: middle;
}

.info_txt_result .result_msg .txt {
  padding-top: 10px;
  text-align: left;
}

@media only screen and (max-width: 480px) {
  /* 아이디/비밀번호 찾기 */
  .inner_join .form.type-col {
    display: block;
  }
}
@media screen and (max-width: 700px) {
  body {
    overflow-x: hidden;
  }
  .member_join_wrap ul {
    width: 100%;
  }
  .member_join_wrap {
    align-items: stretch;
    display: block;
  }
  .member_join_wrap li.logo {
    padding-top: 50px;
  }
  .member_join_wrap li {
    margin: 0 10px 8px;
  }
  .member_wrap .container {
    padding-top: 0;
  }
  .member_join_wrap .row_group_title {
    padding: 10px 10px 5px;
  }
  .member_join_wrap .inner_join .inner {
    padding: 30px 10px;
    width: 100%;
  }
  .member_join_wrap .inner_join .row_group {
    padding-top: 0;
  }
  .member_join_wrap .inner_join .row_group .join_row {
    width: 100%;
  }
  .member_join_wrap .inner_join .info_find {
    width: 100%;
  }
  .info_find .tab-content {
    padding: 30px 10px;
  }
}
@media (max-width: 950px) {
  .member_join_wrap h2.tit {
    margin: 50px auto 10px;
    font-size: 24px;
    font-weight: 400;
  }
  .info_txt_result .result_msg {
    font-size: 14px;
  }
}
/* ******************  약관전문 ********************** */
.agreeWrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: block;
  clear: both;
  content: "";
  word-break: keep-all;
}

.agreeWrap .inner {
  background: #fff;
}

.p-privacy, .p-terms {
  background: #fff;
}

.privacy_wrap {
  padding: 50px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.privacy_wrap .title {
  position: relative;
  text-align: left;
}

.privacy_wrap .title h2 {
  font-size: 26px;
}

.privacy_wrap h3 {
  word-break: keep-all;
  font-size: 20px;
  line-height: 1.1em;
  margin-bottom: 12px;
  margin-top: 2em;
}

.privacy_wrap p {
  word-break: keep-all;
  font-size: 15px;
  line-height: 1.6;
}

.c-terms-title {
  margin-bottom: 2em;
}

.terms-table-header {
  padding: 1em;
  border-right: 1px solid #ccc;
  border-bottom: 3px solid #0d6efd;
  text-align: center;
}

.privacy_wrap ol {
  margin: 20px 0 0 0px;
}

.privacy_wrap ol {
  padding-left: 24px;
}

.privacy_wrap ol .first_letter {
  margin: 0 3px 0 -18px;
}

.privacy_wrap ol li {
  margin-bottom: 18px;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
}

.privacy_wrap ul.bul-hyphen li {
  margin-bottom: 4px;
  margin-top: 4px;
  font-size: 15px;
}

.privacy_wrap .versionChk_box {
  position: absolute;
  right: 0;
  top: 5px;
}

.privacy_wrap .tbl {
  margin: 0;
  width: 100%;
  table-layout: fixed;
  display: table;
  border-top: 2px solid #343a40;
}

.privacy_wrap > .versionChk_box.bottom {
  position: relative;
}

.privacy_wrap .tbl th, .privacy_wrap .tbl td {
  word-break: keep-all;
}

.privacy_wrap .versionChk_box .select {
  min-width: 190px;
}

/* 한글목록 가. (가) 가) */
.privacy_wrap .bul-kor1 > li::before {
  content: "가.";
}

.privacy_wrap .bul-kor1 > li + li::before {
  content: "나.";
}

.privacy_wrap .bul-kor1 > li + li + li::before {
  content: "다.";
}

.privacy_wrap .bul-kor1 > li + li + li + li::before {
  content: "라.";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li::before {
  content: "마.";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li::before {
  content: "바.";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li::before {
  content: "사.";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li::before {
  content: "아.";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li + li::before {
  content: "자.";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li + li + li::before {
  content: "차.";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li + li + li + li::before {
  content: "카.";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "타.";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "파.";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "하.";
}

@media (max-width: 950px) {
  /* ******************  약관전문 ********************** */
  .privacy_wrap {
    padding: 50px 20px;
  }
}
/*-------------------------------------------------------------------
  ## Bullet
  -------------------------------------------------------------------*/
/* Default */
.privacy_wrap .bul-list > li,
.privacy_wrap .bul-list > .bul {
  display: table;
}

.privacy_wrap .bul-list > li:before,
.privacy_wrap .bul-list > .bul:before {
  content: "";
  display: table-cell;
  position: relative;
  padding-right: 5px;
}

.privacy_wrap .bul-list > li[data-bul]::before,
.privacy_wrap .bul-list > .bul[data-bul]::before {
  content: attr(data-bul) !important;
}

/* (사용자정의 목록) data-bul속성 사용하는 경우 우선순위로 적용 */
/* Common
    그룹 {counter-reset:이름}
    목록 {counter-increment:이름}
    순서 {content:"문자" counter(이름, 형식) "문자"} ("문자"는 생략가능)
  */
/* 특수문자 */
.privacy_wrap .bul-hyphen > li::before,
.privacy_wrap .bul-hyphen > .bul::before {
  content: "-";
}

.privacy_wrap .bul-star > li::before,
.privacy_wrap .bul-star > .bul::before {
  content: "*";
}

.privacy_wrap .bul-bill > li::before,
.privacy_wrap .bul-bill > .bul::before {
  content: "※";
}

/* 숫자목록 : 1. (1) 1) ① */
.privacy_wrap .bul-num1 {
  counter-reset: num1;
}

.privacy_wrap .bul-num1 > li:before {
  counter-increment: num1;
  content: counter(num1, decimal) ".";
}

.privacy_wrap .bul-num2 {
  counter-reset: num2;
}

.privacy_wrap .bul-num2 > li:before {
  counter-increment: num2;
  content: "(" counter(num2, decimal) ")";
}

.privacy_wrap .bul-num3 {
  counter-reset: num3;
}

.privacy_wrap .bul-num3 > li:before {
  counter-increment: num3;
  content: counter(num3, decimal) ")";
}

.privacy_wrap .bul-num4 > li::before {
  content: "①";
}

.privacy_wrap .bul-num4 > li + li::before {
  content: "②";
}

.privacy_wrap .bul-num4 > li + li + li::before {
  content: "③";
}

.privacy_wrap .bul-num4 > li + li + li + li::before {
  content: "④";
}

.privacy_wrap .bul-num4 > li + li + li + li + li::before {
  content: "⑤";
}

.privacy_wrap .bul-num4 > li + li + li + li + li + li::before {
  content: "⑥";
}

.privacy_wrap .bul-num4 > li + li + li + li + li + li + li::before {
  content: "⑦";
}

.privacy_wrap .bul-num4 > li + li + li + li + li + li + li + li::before {
  content: "⑧";
}

.privacy_wrap .bul-num4 > li + li + li + li + li + li + li + li + li::before {
  content: "⑨";
}

.privacy_wrap .bul-num4 > li + li + li + li + li + li + li + li + li + li::before {
  content: "⑩";
}

.privacy_wrap .bul-num4 > li + li + li + li + li + li + li + li + li + li + li::before {
  content: "⑪";
}

.privacy_wrap .bul-num4 > li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "⑫";
}

.privacy_wrap .bul-num4 > li + li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "⑬";
}

.privacy_wrap .bul-num4 > li + li + li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "⑭";
}

.privacy_wrap .bul-num4 > li + li + li + li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "⑮";
}

/* 한글목록 가. (가) 가) */
.privacy_wrap .bul-kor1 > li::before {
  content: "가";
}

.privacy_wrap .bul-kor1 > li + li::before {
  content: "나";
}

.privacy_wrap .bul-kor1 > li + li + li::before {
  content: "다";
}

.privacy_wrap .bul-kor1 > li + li + li + li::before {
  content: "라";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li::before {
  content: "마";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li::before {
  content: "바";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li::before {
  content: "사";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li::before {
  content: "아";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li + li::before {
  content: "자";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li + li + li::before {
  content: "차";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li + li + li + li::before {
  content: "카";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "타";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "파";
}

.privacy_wrap .bul-kor1 > li + li + li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "하";
}

.privacy_wrap .bul-kor2 > li::before {
  content: "(가)";
}

.privacy_wrap .bul-kor2 > li + li::before {
  content: "(나)";
}

.privacy_wrap .bul-kor2 > li + li + li::before {
  content: "(다)";
}

.privacy_wrap .bul-kor2 > li + li + li + li::before {
  content: "(라)";
}

.privacy_wrap .bul-kor2 > li + li + li + li + li::before {
  content: "(마)";
}

.privacy_wrap .bul-kor2 > li + li + li + li + li + li::before {
  content: "(바)";
}

.privacy_wrap .bul-kor2 > li + li + li + li + li + li + li::before {
  content: "(사)";
}

.privacy_wrap .bul-kor2 > li + li + li + li + li + li + li + li::before {
  content: "(아)";
}

.privacy_wrap .bul-kor2 > li + li + li + li + li + li + li + li + li::before {
  content: "(자)";
}

.privacy_wrap .bul-kor2 > li + li + li + li + li + li + li + li + li + li::before {
  content: "(차)";
}

.privacy_wrap .bul-kor2 > li + li + li + li + li + li + li + li + li + li + li::before {
  content: "(카)";
}

.privacy_wrap .bul-kor2 > li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "(타)";
}

.privacy_wrap .bul-kor2 > li + li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "(파)";
}

.privacy_wrap .bul-kor2 > li + li + li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "(하)";
}

.privacy_wrap .bul-kor3 > li::before {
  content: "가)";
}

.privacy_wrap .bul-kor3 > li + li::before {
  content: "나)";
}

.privacy_wrap .bul-kor3 > li + li + li::before {
  content: "다)";
}

.privacy_wrap .bul-kor3 > li + li + li + li::before {
  content: "라)";
}

.privacy_wrap .bul-kor3 > li + li + li + li + li::before {
  content: "마)";
}

.privacy_wrap .bul-kor3 > li + li + li + li + li + li::before {
  content: "바)";
}

.privacy_wrap .bul-kor3 > li + li + li + li + li + li + li::before {
  content: "사)";
}

.privacy_wrap .bul-kor3 > li + li + li + li + li + li + li + li::before {
  content: "아)";
}

.privacy_wrap .bul-kor3 > li + li + li + li + li + li + li + li + li::before {
  content: "자)";
}

.privacy_wrap .bul-kor3 > li + li + li + li + li + li + li + li + li + li::before {
  content: "차)";
}

.privacy_wrap .bul-kor3 > li + li + li + li + li + li + li + li + li + li + li::before {
  content: "카)";
}

.privacy_wrap .bul-kor3 > li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "타)";
}

.privacy_wrap .bul-kor3 > li + li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "파)";
}

.privacy_wrap .bul-kor3 > li + li + li + li + li + li + li + li + li + li + li + li + li + li::before {
  content: "하)";
}

/* 알파벳목록 A. (a) a) ⓐ */
.privacy_wrap .bul-eng1 {
  counter-reset: eng1;
}

.privacy_wrap .bul-eng1 > li::before {
  counter-increment: eng1;
  content: counter(eng1, upper-alpha) ".";
}

.privacy_wrap .bul-eng2 {
  counter-reset: eng2;
}

.privacy_wrap .bul-eng2 > li::before {
  counter-increment: eng2;
  content: "(" counter(eng2, lower-alpha) ")";
}

.privacy_wrap .bul-eng3 {
  counter-reset: eng3;
}

.privacy_wrap .bul-eng3 > li::before {
  counter-increment: eng3;
  content: counter(eng3, lower-alpha) ")";
}

.privacy_wrap .bul-eng4 > li::before {
  content: "ⓐ";
}

.privacy_wrap .bul-eng4 > li + li::before {
  content: "ⓑ";
}

.privacy_wrap .bul-eng4 > li + li + li::before {
  content: "ⓒ";
}

.privacy_wrap .bul-eng4 > li + li + li + li::before {
  content: "ⓓ";
}

.privacy_wrap .bul-eng4 > li + li + li + li + li::before {
  content: "ⓔ";
}

.privacy_wrap .bul-eng4 > li + li + li + li + li + li::before {
  content: "ⓕ";
}

.privacy_wrap .bul-eng4 > li + li + li + li + li + li + li::before {
  content: "ⓖ";
}

.privacy_wrap .bul-eng4 > li + li + li + li + li + li + li + li::before {
  content: "ⓗ";
}

.privacy_wrap .bul-eng4 > li + li + li + li + li + li + li + li + li::before {
  content: "ⓘ";
}

.privacy_wrap .bul-eng4 > li + li + li + li + li + li + li + li + li + li::before {
  content: "ⓙ";
}

/*편성표관리 > 연도별 편성보기*/
.schedulePopup {
  position: fixed;
  width: 272px;
  border: 1px solid #333;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  top: 175px; /* 시작 위치 지정 */
  left: calc(50% - 180px); /* 가운데 정렬 */
  z-index: 9999;
}

.schedulePopup .popup-header {
  background: #f0f0f0;
  color: #111;
  padding: 10px;
  cursor: move;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.schedulePopup .year-selector {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.schedulePopup .year-nav {
  width: 30px;
  height: 35px;
  background: #fff;
  border: 1px solid #fff;
  font-size: 14px;
  cursor: pointer;
}

.schedulePopup .year-nav:hover {
  background: #eee;
}

.schedulePopup .year-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

.schedulePopup .year-buttons button {
  width: 70px;
  height: 35px;
  border: 1px solid #fff;
  background: #fff;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
}

.schedulePopup .year-buttons button:hover {
  background: #eee;
}

.schedulePopup .year-buttons button.active {
  background: #0d6efd;
  color: white;
  border: 1px solid #0d6efd;
}

.schedulePopup .popup-body {
  max-height: 230px;
  overflow-y: auto;
  padding: 0px;
}

.schedulePopup .month-row {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #ccc;
  padding: 5px 7px;
  flex-wrap: wrap; /* 줄바꿈 허용 */
}

.schedulePopup .month-label {
  width: 40px;
  font-weight: bold;
  margin-right: 5px;
}

.schedulePopup .day-container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  flex: 1;
}

.day-button {
  padding: 5px 10px;
  background-color: #dadaff;
  color: #111;
  border-radius: 15px;
  font-size: 12px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.day-button:hover {
  background-color: #007bff;
  color: white;
}

.day-button.selected {
  background-color: #0001ff;
  color: #fff;
  font-weight: bold;
}

.schedulePopup .month-row.no-schedule {
  background-color: #f5f5ff;
}/*# sourceMappingURL=css.css.map */