main.svelte-1bmiuk7.svelte-1bmiuk7{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f3f3;flex-direction:column}main.themeDARK.svelte-1bmiuk7.svelte-1bmiuk7{background:#666}main.themeDARK.svelte-1bmiuk7 .themebtn.svelte-1bmiuk7{color:#333;background:#fff}main.themeDARK.svelte-1bmiuk7 .clock.svelte-1bmiuk7{background:#444;box-shadow:0 5px 25px #888}main.themeDARK.svelte-1bmiuk7 .clock span.svelte-1bmiuk7{color:#fff}main.themeDARK.svelte-1bmiuk7 .clock span.svelte-1bmiuk7:before{background:#333}main.themeDARK.svelte-1bmiuk7 .clock .indicator .hand.svelte-1bmiuk7{background:#eee}main.themeDARK.svelte-1bmiuk7 .clock .indicator .hand.hour.svelte-1bmiuk7{background:#ccc}main.themeDARK.svelte-1bmiuk7 .clock .indicator .hand.second.svelte-1bmiuk7{background:#e00}.themebtn.svelte-1bmiuk7.svelte-1bmiuk7{margin:50px 0;color:#fff;background:#222;border:1px solid #ccc;border-radius:10px;padding:8px 25px;font-size:16px;font-weight:600;cursor:pointer}.themebtn.svelte-1bmiuk7.svelte-1bmiuk7:hover{opacity:0.8}.clock.svelte-1bmiuk7.svelte-1bmiuk7{width:400px;height:400px;border-radius:50%;background:#fff;box-shadow:0 5px 25px #ccc;display:flex;align-items:center;justify-content:center;position:relative}.clock.svelte-1bmiuk7 span.svelte-1bmiuk7{position:absolute;text-align:center;inset:15px;transform:rotate(calc(var(--key) * 30deg));pointer-events:none;font-weight:600;color:#333;font-size:20px}.clock.svelte-1bmiuk7 span b.svelte-1bmiuk7{font-weight:600;display:inline-block;transform:rotate(calc(var(--key) * -30deg))}.clock.svelte-1bmiuk7 span.svelte-1bmiuk7:before{content:"";width:2px;height:13px;background:#999;position:absolute;left:50%;margin-left:-1px;top:-15px}.clock.svelte-1bmiuk7 .indicator.svelte-1bmiuk7{width:6px;height:6px;position:absolute;display:flex;align-items:center;justify-content:center}.clock.svelte-1bmiuk7 .indicator.svelte-1bmiuk7:before{content:"";width:100%;height:100%;border:4px solid #e00;border-radius:50%;background:#e00;position:absolute;z-index:1}.clock.svelte-1bmiuk7 .indicator .hand.svelte-1bmiuk7{all:unset;position:absolute;bottom:2px;border-radius:5px;transform-origin:bottom;background:#666;z-index:0}.clock.svelte-1bmiuk7 .indicator .hand.svelte-1bmiuk7:before{display:none}.clock.svelte-1bmiuk7 .indicator .hand.hour.svelte-1bmiuk7{width:8px;height:80px;background:#444}.clock.svelte-1bmiuk7 .indicator .hand.minute.svelte-1bmiuk7{width:6px;height:120px}.clock.svelte-1bmiuk7 .indicator .hand.second.svelte-1bmiuk7{width:2px;height:150px;background:#e00}@media(max-width: 499px){.clock.svelte-1bmiuk7.svelte-1bmiuk7{width:320px;height:320px}.clock.svelte-1bmiuk7 .indicator .hand.hour.svelte-1bmiuk7{height:70px}.clock.svelte-1bmiuk7 .indicator .hand.minute.svelte-1bmiuk7{height:100px}.clock.svelte-1bmiuk7 .indicator .hand.second.svelte-1bmiuk7{height:110px}}