.clock.svelte-qvs3eo{position:relative;aspect-ratio:1/1;--clock-face: var(--color-base-300);--hand: var(--color-primary);--hand-dark: color-mix(in oklab, var(--color-primary) 70%, black);--orbit: 150px;--sec-delay: 0s;--scale: 1;--thickScale: var(--thickScale, 1);--thick: clamp(6px, calc(var(--sizePx, 260px) * .03 * var(--thickScale)), 34px);--radius: calc(var(--sizePx, 260px) * .5);--thickHourScale: 1.15;--thickMinuteScale: .85;--thickHour: calc(var(--thick) * var(--thickHourScale));--thickMinute: calc(var(--thick) * var(--thickMinuteScale))}.clock.svelte-qvs3eo svg:where(.svelte-qvs3eo){position:absolute;inset:0}.clock.svelte-qvs3eo .bgLightTint:where(.svelte-qvs3eo){fill:var(--clock-face)}.clock.svelte-qvs3eo .sui:where(.svelte-qvs3eo){--angle: 0deg;position:absolute;left:50%;top:50%;transform-origin:50% 100%;z-index:1}.clock.svelte-qvs3eo #hour:where(.svelte-qvs3eo){width:var(--thickHour);height:min(calc(var(--radius) * .6),calc(var(--radius) - var(--thickHour) * .5));background:var(--hand-dark);border-radius:999px;transform:translate(-50%,-100%) rotate(var(--angle));transition:transform .25s linear;box-shadow:0 calc(var(--thickHour) * .4) calc(var(--thickHour) * .7) #0000000f}.clock.svelte-qvs3eo #minute:where(.svelte-qvs3eo){width:var(--thickMinute);height:min(calc(var(--radius) * 1.05),calc(var(--radius) * 1.8 - var(--thickMinute)));background:transparent;transform:translate(-50%,-100%) rotate(var(--angle));transition:transform .1s linear}.clock.svelte-qvs3eo #minute:where(.svelte-qvs3eo):before{content:"";position:absolute;left:50%;bottom:0;width:var(--thickMinute);height:min(calc(var(--radius) * .7),calc(var(--radius) - var(--thickMinute) * .5));background:var(--hand);border-radius:calc(var(--thickMinute) * .75);transform:translate(-50%);box-shadow:0 calc(var(--thickMinute) * .4) calc(var(--thickMinute) * .7) #0000000f}.clock.svelte-qvs3eo #second:where(.svelte-qvs3eo){width:clamp(6px,calc(var(--sizePx, 260px) * .02),16px);height:clamp(6px,calc(var(--sizePx, 260px) * .02),16px);transform-origin:50% 50%;transform:translate(-50%,-50%);animation:svelte-qvs3eo-clock-rotate 60s linear infinite;animation-delay:var(--sec-delay)}.clock.svelte-qvs3eo #second:where(.svelte-qvs3eo):before{content:"";position:absolute;left:50%;top:50%;width:clamp(12px,calc(var(--sizePx, 260px) * .06),32px);height:clamp(12px,calc(var(--sizePx, 260px) * .06),32px);background:var(--hand);border-radius:50%;transform:translate(calc(-1 * var(--orbit)),-50%)}.clock.svelte-qvs3eo #second:where(.svelte-qvs3eo){z-index:2}.clock.svelte-qvs3eo #hour:where(.svelte-qvs3eo),.clock.svelte-qvs3eo #minute:where(.svelte-qvs3eo){z-index:1}@keyframes svelte-qvs3eo-clock-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}