.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{position:absolute;bottom:0;right:0;margin:10px}.clock.svelte-dyupmq .switch .option{padding:5px 10px;font-size:14px}.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}main.svelte-dyupmq>h2:where(.svelte-dyupmq){margin-top:20px;text-align:center}.switches.svelte-dyupmq{display:flex;justify-content:center;gap:10px;margin-top:10px;flex-wrap:wrap}.timestamp.svelte-dyupmq{border:1px solid var(--border);border-radius:10px;padding:20px;text-align:center;width:400px}.timestamp.svelte-dyupmq .number:where(.svelte-dyupmq){font-size:32px;margin:10px 0;font-weight:700}.convertResult.svelte-dyupmq{animation:appear .5s ease;display:flex;flex-wrap:wrap;width:90%;gap:10px;justify-content:center}.toggle-input.svelte-dyupmq{display:flex;align-items:center;gap:10px;width:100%}.toggle-input.svelte-dyupmq button:where(.svelte-dyupmq){all:unset;background:var(--foreground-sec);border:var(--border) 1px solid;border-radius:5px;padding:0 15px;text-wrap:nowrap;height:40px;font-size:14px;cursor:pointer;text-align:center;transition:.2s ease}.toggle-input.svelte-dyupmq button:where(.svelte-dyupmq):disabled{opacity:.5;cursor:not-allowed}