
.psc-alarmbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 90%;
}

.psc-alarmbox circle {
  stroke-dasharray: 5;
  stroke-dashoffset: 0;
  padding: 10em;
  vector-effect: non-scaling-stroke;
  animation: trace-border 4s linear infinite;
}

@keyframes trace-border {
  from {
    stroke-dashoffset: 100;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.psc-tglswch .ia_toggleSwitch__track {
    background-color: var(--toggleSwitch--selected);
    filter: none;
    opacity: 0.25;
    border-radius: 8px;
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
 
.psc-tglswch .ia_toggleSwitch__thumb {
    border-radius: 50%;
    background-color: var(--toggleSwitch--selected);
    border: none;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    transition: left 200ms cubic-bezier(0.4, 0, 0.2, 1), left 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
 
.psc-tglswch .ia_toggleSwitch__thumb:hover {
    filter: brightness(1.2);
}

