.switch-button .switch-outer[data-v-4c7fd17b]{background:#252532;border:1px solid #32303e;border-radius:4px;box-shadow:inset 0 5px 10px #16151c,0 3px 6px -2px #403f4e;box-sizing:border-box;cursor:pointer;height:100%;padding:1px 2px;width:75px;-webkit-tap-highlight-color:transparent}.switch-button .switch-outer input[type=checkbox][data-v-4c7fd17b]{opacity:0;position:absolute}.switch-button .switch-outer .button-toggle[data-v-4c7fd17b]{background:linear-gradient(#3b3a4e,#272733);border-radius:4px;box-shadow:inset 0 5px 4px #424151,0 4px 15px #0f0e17;height:30px;left:0;position:relative;transition:left .3s ease-in;width:30px;z-index:2}.switch-button .switch-outer input[type=checkbox]:checked+.button .button-toggle[data-v-4c7fd17b]{left:58%}.switch-button .switch-outer input[type=checkbox]:checked+.button .button-indicator[data-v-4c7fd17b]{animation:indicator-4c7fd17b 1s forwards}.switch-button .switch-outer .button[data-v-4c7fd17b]{display:flex;height:100%;justify-content:space-between;position:relative;width:100%}.switch-button .switch-outer .button-indicator[data-v-4c7fd17b]{border:3px solid #ef565f;border-radius:50%;box-sizing:border-box;height:25px;position:relative;right:2px;top:50%;transform:translateY(-50%);width:25px}@keyframes indicator-4c7fd17b{30%{opacity:0}0%{opacity:1}to{border:3px solid #60d480;left:-62%;opacity:1}}