.clock.svelte-dyupmq{text-align:center;border:1px solid var(--border);border-radius:10px;width:100%;padding:20px;position:relative}@media (max-width: 700px){.clock.svelte-dyupmq{padding-top:30px;padding-bottom:45px}}.clock.svelte-dyupmq .sync:where(.svelte-dyupmq){all:unset;position:absolute;top:0;right:0;display:flex;align-items:center;gap:5px;padding:10px 15px;font-size:14px;color:var(--text-sec);cursor:pointer;transition:color .2s ease}.clock.svelte-dyupmq .sync:where(.svelte-dyupmq):hover{color:var(--text)}.clock.svelte-dyupmq .sync:where(.svelte-dyupmq) .material-icons:where(.svelte-dyupmq){font-size:18px}.clock.svelte-dyupmq .sync[data-syncing=true]:where(.svelte-dyupmq) .material-icons:where(.svelte-dyupmq){animation:rotate 1s linear infinite}.clock.svelte-dyupmq .switch:where(.svelte-dyupmq){position:absolute;bottom:0;right:0;margin:10px;display:flex}.clock.svelte-dyupmq .switch:where(.svelte-dyupmq) .option:where(.svelte-dyupmq){all:unset;padding:5px 10px;border:var(--border) 1px solid;border-radius:10px 0 0 10px;transition:.2s ease;font-size:14px}.clock.svelte-dyupmq .switch:where(.svelte-dyupmq) .option:where(.svelte-dyupmq):last-of-type{border-left:0;border-radius:0 10px 10px 0}.clock.svelte-dyupmq .switch:where(.svelte-dyupmq) .option:where(.svelte-dyupmq):hover{background-color:var(--foreground)}.clock.svelte-dyupmq .switch:where(.svelte-dyupmq) .option.active:where(.svelte-dyupmq){background-color:var(--foreground-sec);border-color:var(--foreground-sec)}.clock.svelte-dyupmq .toggles:where(.svelte-dyupmq){position:absolute;top:0;left:0;margin:10px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.clock.svelte-dyupmq .toggle:where(.svelte-dyupmq){font-size:14px;display:flex;align-items:center;gap:5px}.clock.svelte-dyupmq .advanced:where(.svelte-dyupmq){position:absolute;bottom:0;left:0;margin:10px;font-size:14px;width:auto;padding:4px 10px}.clock.svelte-dyupmq h1:where(.svelte-dyupmq){font-size:40px}.clock.svelte-dyupmq p:where(.svelte-dyupmq){font-size:18px}.clock.svelte-dyupmq .warning:where(.svelte-dyupmq){color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:5px;text-align:left}.clock.svelte-dyupmq .warning:where(.svelte-dyupmq) .material-icons:where(.svelte-dyupmq){font-size:18px;padding-right:10px}.info.svelte-dyupmq{width:100%;animation:appear .5s ease}.double-field.svelte-dyupmq{display:flex;gap:10px;width:100%}.progress.svelte-dyupmq{width:100%;height:8px;background:var(--foreground-sec);border-radius:5px;overflow:hidden}.progress.svelte-dyupmq .inner:where(.svelte-dyupmq){height:100%;background:var(--bludood);transition:width .2s ease}.progress[data-color=green].svelte-dyupmq .inner:where(.svelte-dyupmq){background:#13bb29}.progress[data-color=orange].svelte-dyupmq .inner:where(.svelte-dyupmq){background:#ff9500}.progress[data-color=red].svelte-dyupmq .inner:where(.svelte-dyupmq){background:#ff3b30}