.clock.svelte-qvs3eo{aspect-ratio: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));position:relative}.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;transform-origin:50% 100%;z-index:1;position:absolute;top:50%;left:50%}.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);transform:translate(-50%, -100%) rotate(var(--angle));box-shadow:0 calc(var(--thickHour) * .4) calc(var(--thickHour) * .7) #0000000f;border-radius:999px;transition:transform .25s linear}.clock.svelte-qvs3eo #minute:where(.svelte-qvs3eo){width:var(--thickMinute);height:min(calc(var(--radius) * 1.05), calc(var(--radius) * 1.8 - var(--thickMinute)));transform:translate(-50%, -100%) rotate(var(--angle));background:0 0;transition:transform .1s linear}.clock.svelte-qvs3eo #minute:where(.svelte-qvs3eo):before{content:"";width:var(--thickMinute);height:min(calc(var(--radius) * .7), calc(var(--radius) - var(--thickMinute) * .5));background:var(--hand);border-radius:calc(var(--thickMinute) * .75);box-shadow:0 calc(var(--thickMinute) * .4) calc(var(--thickMinute) * .7) #0000000f;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.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%;animation:60s linear infinite svelte-qvs3eo-clock-rotate;animation-delay:var(--sec-delay);transform:translate(-50%,-50%)}.clock.svelte-qvs3eo #second:where(.svelte-qvs3eo):before{content:"";width:clamp(12px, calc(var(--sizePx,260px) * .06), 32px);height:clamp(12px, calc(var(--sizePx,260px) * .06), 32px);background:var(--hand);transform:translate(calc(-1 * var(--orbit)), -50%);border-radius:50%;position:absolute;top:50%;left: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)}}