@charset "utf-8";
/* CSS Document */

#map {         }
.stoggleswitch  {   display: flex;   align-items: center;   justify-content: center;   overflow: hidden; }
.slabel {  display: inline-flex;  align-items: center;  cursor: pointer;}
.slabel-text {  margin-left: 8px;}
.stoggle {  isolation: isolate;  position: relative;  height: 24px;  width: 48px;  border-radius: 15px;  background: #d6d6d6;  overflow: hidden;}
.stoggle-inner {  z-index: 2;  position: absolute;  top: 1px;  left: 1px;  height: 22px;  width: 46px;  border-radius: 15px;  overflow: hidden;}
.sactive-bg {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 200%;  background: #232f61;  transform: translate3d(-100%, 0, 0);  transition: transform 0.05s linear 0.17s;}
.stoggle-state {  display: none;}
.sindicator {  height: 100%;  width: 200%;  background: white;  border-radius: 13px;  transform: translate3d(-75%, 0, 0);  transition: transform 0.35s cubic-bezier(0.85, 0.05, 0.18, 1.35); }
.stoggle-state:checked ~ .sactive-bg {   transform: translate3d(-50%, 0, 0);}
.stoggle-state:checked ~ .stoggle-inner .sindicator {   transform: translate3d(25%, 0, 0);}