47 lines
1.1 KiB
Plaintext
47 lines
1.1 KiB
Plaintext
|
|
.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);
|
|
}
|
|
|