#app{max-width:710px;margin:0 auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.clock.svelte-dfcawr{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:#fff;margin:auto}.hand.svelte-dfcawr{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;transform:translate(-50%) rotate(0);border-radius:2px}.hour.svelte-dfcawr{width:3px;height:20%;background:#c3c4ca;z-index:1000}.minute.svelte-dfcawr{width:3px;height:30%;background:#c3c4ca;transform:rotate(-90deg);z-index:1000}.clock.svelte-dfcawr:before{content:"";position:absolute;inset:4px;border-radius:50%;background:repeating-conic-gradient(from 30deg,#c3c4ca 0deg 2deg,transparent 2deg 30deg),repeating-conic-gradient(from -90deg,#c3c4ca50 0deg 1deg,transparent 1deg 6deg);-webkit-mask:radial-gradient(circle,transparent 60%,#000 60%);mask:radial-gradient(circle,transparent 60%,#000 60%)}.arc.svelte-dfcawr{position:absolute;inset:12%;border-radius:50%;background:conic-gradient(from 0deg,#fff0 0deg 270deg,#fff0 270deg 0deg);-webkit-mask:radial-gradient(circle,transparent 60%,#000 60%);mask:radial-gradient(circle,transparent 60%,#000 60%)}.svelte-1n46o8q{box-sizing:border-box}h1.svelte-1n46o8q{font-size:20px;line-height:1;margin:0 0 8px}button.svelte-1n46o8q{padding:4px 16px;border:1px solid #414f95;border-radius:8px;background:#6380b6;font-size:15px;margin:16px 0;cursor:pointer;transition:all .3s ease;color:#fff;opacity:.8}button.svelte-1n46o8q:hover{background:#414f95}button.svelte-1n46o8q:after{content:" ↓";transform:translateY(-5px)}button.up.svelte-1n46o8q:after{content:" ↑";transform:translateY(-5px)}.source.svelte-1n46o8q{font-size:13px;color:#888;margin:20px 0 0}.container.svelte-1n46o8q{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.container.svelte-1n46o8q .card:where(.svelte-1n46o8q){position:relative}.container.svelte-1n46o8q .card:where(.svelte-1n46o8q) .text:where(.svelte-1n46o8q){position:relative;z-index:3;margin-top:50%}.container.svelte-1n46o8q .card:where(.svelte-1n46o8q) h3:where(.svelte-1n46o8q){margin:0;font-size:15px}.container.svelte-1n46o8q .card:where(.svelte-1n46o8q) h4:where(.svelte-1n46o8q){margin:0 0 4px;font-size:15px;color:#ac494f;background:#fff;display:inline-block;padding-right:4px}.container.svelte-1n46o8q .card:where(.svelte-1n46o8q) p:where(.svelte-1n46o8q){font-size:13px;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;text-wrap:pretty;margin:0;background:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:inline-block}.clock-container.svelte-1n46o8q{position:absolute;width:100%;z-index:0;transform:translate(-25%);left:50%;-webkit-mask-image:conic-gradient(from 30deg,rgba(255,255,255,0) 0deg 210deg,rgba(255,255,255,1) 210deg 360deg);mask-image:conic-gradient(from 30deg,#fff0 0deg 210deg,#fff 210deg 360deg)}@media(max-width:660px){.container.svelte-1n46o8q{grid-template-columns:repeat(2,1fr)}}