.trafficlight.svelte-pxyil0{background:#222;background-image:linear-gradient(transparent 2%,#111 2%,transparent 3%,#111 30%);width:170px;height:400px;border-radius:20px;position:relative;border:solid 5px #333;margin:0 auto}.protector.svelte-pxyil0:nth-child(2){top:140px}.protector.svelte-pxyil0:nth-child(3){top:260px}.red.svelte-pxyil0{background:red;background-image:radial-gradient(brown,transparent);background-size:5px 5px;width:100px;height:100px;border-radius:50%;position:absolute;top:20px;left:35px;border:dotted 2px red;box-shadow:0 0 20px #111 inset,0 0 10px red;opacity:.175}.yellow.svelte-pxyil0{background:#ff0;background-image:radial-gradient(orange,transparent);background-size:5px 5px;width:100px;height:100px;border-radius:50%;border:dotted 2px yellow;position:absolute;top:145px;left:35px;box-shadow:0 0 20px #111 inset,0 0 10px #ff0;opacity:.175}.green.svelte-pxyil0{background:green;background-image:radial-gradient(lime,transparent);background-size:5px 5px;width:100px;height:100px;border-radius:50%;border:dotted 2px lime;position:absolute;top:270px;left:35px;box-shadow:0 0 20px #111 inset,0 0 10px #0f0;opacity:.175}.initial.svelte-pxyil0{opacity:.175}.on.svelte-pxyil0{opacity:1;transition:opacity .5s linear}.off.svelte-pxyil0{opacity:.175;transition:opacity .5s linear}@keyframes svelte-pxyil0-fadeIn{0%{opacity:.1}20%{opacity:.2}40%{opacity:.4}60%{opacity:.6}80%{opacity:.8}to{opacity:1}}@keyframes svelte-pxyil0-fadeOut{0%{opacity:100}20%{opacity:.8}40%{opacity:.6}60%{opacity:.4}80%{opacity:.2}to{opacity:.1}}.card.svelte-pxyil0{background-color:#fff;padding:20px;box-shadow:0 4px 8px #0003;transition:.3s;border-radius:5px;width:200px;margin:auto}.card.svelte-pxyil0:hover{box-shadow:0 8px 16px #0003}.container.svelte-pxyil0{padding:2px 16px;min-height:120px}.card-content.svelte-pxyil0{border-radius:5px 5px 0 0}.pageTitle.svelte-17yxypn{text-align:center;color:#fff}.parent.svelte-17yxypn{margin:1rem;padding:2rem;text-align:center}.child.svelte-17yxypn{display:inline-block;padding:1rem;vertical-align:middle}