.mode-morning{--scene-background: #fceabb;--frame-gradient-start: #b0a080;--frame-gradient-end: #6b5b3a;--frame-border-color: #7a6840;--face-background: #fffdf5;--face-border-color: #7a6840;--tick-background: #5a4e2e;--number-color: #3d2e0a;--hand-border-top-color: #3d2e0a;--second-background: #e07020;--cap-gradient-start: #fff8e1;--cap-gradient-end: #c9b97a}.mode-day{--scene-background: #e8f4fd;--frame-gradient-start: #9eadb8;--frame-gradient-end: #3a4a55;--frame-border-color: #4a5a65;--face-background: #ffffff;--face-border-color: #4a5a65;--tick-background: #1a1917;--number-color: #0e0e0c;--hand-border-top-color: #050606;--second-background: #e9343f;--cap-gradient-start: #ffffff;--cap-gradient-end: #bfbfbf}.mode-evening{--scene-background: #2c1e3f;--frame-gradient-start: #8a5a7a;--frame-gradient-end: #3a1a30;--frame-border-color: #5a2a4a;--face-background: #f5eef0;--face-border-color: #5a2a4a;--tick-background: #4a2040;--number-color: #2e0a20;--hand-border-top-color: #2e0a20;--second-background: #d94070;--cap-gradient-start: #f0dce5;--cap-gradient-end: #9a7090}.mode-night{--scene-background: #0a0e1a;--frame-gradient-start: #3a4060;--frame-gradient-end: #0a0e1a;--frame-border-color: #1a2040;--face-background: #1a1e2e;--face-border-color: #2a3050;--tick-background: #6a7090;--number-color: #8a90b0;--hand-border-top-color: #c0c4d8;--second-background: #5080e0;--cap-gradient-start: #4a5070;--cap-gradient-end: #2a3050}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}._scene_1h82s_1{min-height:100dvh;display:grid;place-items:center;background:var(--scene-background);transition:background .8s ease}._frame_1v59r_1{display:flex;justify-content:center;align-items:center;width:256px;height:256px;background:linear-gradient(180deg,var(--frame-gradient-start) 0%,var(--frame-gradient-end) 100%);border:2px solid;gradient-start:var(--frame-gradient-start);gradient-end:var(--frame-gradient-end);border-color:var(--frame-border-color);box-sizing:border-box;border-radius:100%;transition:background .8s ease,border-color .8s ease}._body_1v59r_17{width:222px;height:222px;border:2px solid;background:var(--face-background);border-color:var(--face-border-color);border-radius:100%;position:relative;transition:background .8s ease,border-color .8s ease}._cap_1a9al_1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:13px;height:13px;background:linear-gradient(180deg,var(--cap-gradient-start) 0%,var(--cap-gradient-end) 100%);border-radius:100%;z-index:15;transition:background .8s ease}._hand_1a9al_14{position:absolute;z-index:5}._second_1a9al_19{height:2px;width:102px;background:var(--second-background);border-radius:1px;transform-origin:83%;top:calc(50% - 2px);right:calc(50% - 17px);animation:_time_1a9al_1 60s linear infinite;animation-delay:var(--delay-second);z-index:10;transition:background .8s ease}._stem_1a9al_34{width:4px;border-radius:1px;transform-origin:center 17px;top:calc(50% - 17px);right:calc(50% - 3px);border-left:1px solid transparent;border-right:1px solid transparent}._minute_1a9al_45{border-top:91px solid;border-top-color:var(--hand-border-top-color);animation:_time_1a9al_1 3600s linear infinite;animation-delay:var(--delay-minute)}._hour_1a9al_53{border-top:71px solid;border-top-color:var(--hand-border-top-color);animation:_time_1a9al_1 43200s linear infinite;animation-delay:var(--delay-hour)}@keyframes _time_1a9al_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._ring_z6eap_1{top:50%;position:absolute;height:100%;width:100%;left:50%;transform:translate(-50%,-50%);border-radius:100%}._pair_z6eap_11{top:50%;position:absolute;width:78%;left:50%;border-radius:100%}._digit_z6eap_19{position:absolute;left:2px;top:50%;transform:translate(-50%,-50%);color:var(--number-color);font-size:1.25rem;font-weight:800;font-family:Helvetica Neue,Arial,sans-serif;line-height:1.4;transition:color .8s ease}._digitBottom_z6eap_32{right:-12px;left:auto}._pair_z6eap_11:nth-child(1){transform:translate(-50%,-50%) rotate(30deg)}._pair_z6eap_11:nth-child(1) span{transform:translate(-50%,-50%) rotate(-30deg)}._pair_z6eap_11:nth-child(2){transform:translate(-50%,-50%) rotate(60deg)}._pair_z6eap_11:nth-child(2) span{transform:translate(-50%,-50%) rotate(-60deg)}._pair_z6eap_11:nth-child(3){transform:translate(-50%,-50%) rotate(90deg)}._pair_z6eap_11:nth-child(3) span{transform:translate(-50%,-50%) rotate(-90deg)}._pair_z6eap_11:nth-child(4){transform:translate(-50%,-50%) rotate(120deg)}._pair_z6eap_11:nth-child(4) span{transform:translate(-50%,-50%) rotate(-120deg)}._pair_z6eap_11:nth-child(5){transform:translate(-50%,-50%) rotate(150deg)}._pair_z6eap_11:nth-child(5) span{transform:translate(-50%,-50%) rotate(-150deg)}._pair_z6eap_11:nth-child(6){transform:translate(-50%,-50%) rotate(180deg)}._pair_z6eap_11:nth-child(6) span{transform:translate(-50%,-50%) rotate(-180deg)}._ring_181ug_1{top:50%;position:absolute;height:100%;width:100%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 1px 1px #2f2f5033;border-radius:100%}._tick_181ug_12{position:absolute;top:50%;left:50%;width:97%;height:3px}._tick_181ug_12:after,._tick_181ug_12:before{width:1px;height:5px;background:var(--tick-background);content:"";position:absolute;display:inline-block;top:50%;right:1px;transform:translateY(-50%) rotate(90deg);transition:background .8s ease}._tick_181ug_12:before{right:auto;left:1px}._tick_181ug_12:nth-child(5n):before,._tick_181ug_12:nth-child(5n):after{width:3px;height:12px;right:3px}._tick_181ug_12:nth-child(5n):before{right:auto;left:3px}._tick_181ug_12:nth-child(1){transform:translate(-50%,-50%) rotate(6deg)}._tick_181ug_12:nth-child(2){transform:translate(-50%,-50%) rotate(12deg)}._tick_181ug_12:nth-child(3){transform:translate(-50%,-50%) rotate(18deg)}._tick_181ug_12:nth-child(4){transform:translate(-50%,-50%) rotate(24deg)}._tick_181ug_12:nth-child(5){transform:translate(-50%,-50%) rotate(30deg)}._tick_181ug_12:nth-child(6){transform:translate(-50%,-50%) rotate(36deg)}._tick_181ug_12:nth-child(7){transform:translate(-50%,-50%) rotate(42deg)}._tick_181ug_12:nth-child(8){transform:translate(-50%,-50%) rotate(48deg)}._tick_181ug_12:nth-child(9){transform:translate(-50%,-50%) rotate(54deg)}._tick_181ug_12:nth-child(10){transform:translate(-50%,-50%) rotate(60deg)}._tick_181ug_12:nth-child(11){transform:translate(-50%,-50%) rotate(66deg)}._tick_181ug_12:nth-child(12){transform:translate(-50%,-50%) rotate(72deg)}._tick_181ug_12:nth-child(13){transform:translate(-50%,-50%) rotate(78deg)}._tick_181ug_12:nth-child(14){transform:translate(-50%,-50%) rotate(84deg)}._tick_181ug_12:nth-child(15){transform:translate(-50%,-50%) rotate(90deg)}._tick_181ug_12:nth-child(16){transform:translate(-50%,-50%) rotate(96deg)}._tick_181ug_12:nth-child(17){transform:translate(-50%,-50%) rotate(102deg)}._tick_181ug_12:nth-child(18){transform:translate(-50%,-50%) rotate(108deg)}._tick_181ug_12:nth-child(19){transform:translate(-50%,-50%) rotate(114deg)}._tick_181ug_12:nth-child(20){transform:translate(-50%,-50%) rotate(120deg)}._tick_181ug_12:nth-child(21){transform:translate(-50%,-50%) rotate(126deg)}._tick_181ug_12:nth-child(22){transform:translate(-50%,-50%) rotate(132deg)}._tick_181ug_12:nth-child(23){transform:translate(-50%,-50%) rotate(138deg)}._tick_181ug_12:nth-child(24){transform:translate(-50%,-50%) rotate(144deg)}._tick_181ug_12:nth-child(25){transform:translate(-50%,-50%) rotate(150deg)}._tick_181ug_12:nth-child(26){transform:translate(-50%,-50%) rotate(156deg)}._tick_181ug_12:nth-child(27){transform:translate(-50%,-50%) rotate(162deg)}._tick_181ug_12:nth-child(28){transform:translate(-50%,-50%) rotate(168deg)}._tick_181ug_12:nth-child(29){transform:translate(-50%,-50%) rotate(174deg)}._tick_181ug_12:nth-child(30){transform:translate(-50%,-50%) rotate(180deg)}