.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); }