:root{--scrollbar-width: 0px;--true-black: #000;--black: #111112;--true-white: #fff;--white: #fff;--neutral-50: #f8fbfe;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--text-color: #1a212a;--text-light: var(--neutral-500);--bg-color: var(--white);--page-top-bg: var(--neutral-100);--page-top-border-color: var(--neutral-200);--block-bg: var(--neutral-50);--separator-color: var(--neutral-200);--link-underline-color: var(--neutral-300);--link-color: var(--theme-color);--image-shadow: 1px 1px 7px rgba(0, 0, 20, 0.15);--footer-bg: var(--black);--footer-text: #94a3b8;--footer-link: #f1f5f9;--footer-underline: #334155;--footer-separator: #1e293b;--notice-bg: #fffbeb;--notice-border: #fde68a;--notice-text: #925f07}:root,.blue{--theme-color: #196ee6;--theme-color-darken-5: #1763cf;--theme-color-darken-10: #1458b8;--theme-color-darken-15: #124da1;--theme-color-darken-20: #0f428a;--gradient-color-1: #4341d7;--gradient-color-2: #00a3ef}.red{--theme-color: #d62940;--theme-color-darken-5: #c1253a;--theme-color-darken-10: #ab2133;--theme-color-darken-15: #961d2d;--theme-color-darken-20: #801926;--gradient-color-1: #d62940;--gradient-color-2: #f86945}.orange{--theme-color: #f87f1c;--theme-color-darken-5: #f37107;--theme-color-darken-10: #da6607;--theme-color-darken-15: #c25a06;--theme-color-darken-20: #a94f05;--gradient-color-1: #e96c0d;--gradient-color-2: #ffae00}.gray{--theme-color: #4b5563;--theme-color-darken-5: #404954;--theme-color-darken-10: #353c46;--theme-color-darken-15: #2a3037;--theme-color-darken-20: #1f2329;--gradient-color-1: #374151;--gradient-color-2: #6b7280}.purple{--theme-color: #8854d0;--theme-color-darken-5: #7a40cb;--theme-color-darken-10: #6d34bd;--theme-color-darken-15: #622ea9;--theme-color-darken-20: #562995;--gradient-color-1: #8952d7;--gradient-color-2: #be2cd8}.dark-scheme{--text-color: var(--neutral-800);--text-light: var(--neutral-600);--bg-color: var(--black);--neutral-900: #f3f4f6;--neutral-800: #e5e7ea;--neutral-700: #d1d5db;--neutral-600: #9ca3af;--neutral-500: #6b7280;--neutral-400: #4b5563;--neutral-300: #374151;--neutral-200: #2f3947;--neutral-100: #1f232b;--neutral-50: #18181b;--footer-bg: var(--neutral-100);--image-shadow: none;--notice-bg: #2a2720;--notice-border: #a77b0b;--notice-text: #fbbf24}.dark-scheme.blue,.dark-scheme .blue{--link-color: #408fff;--gradient-color-1: #3257cf;--gradient-color-2: #0083ef}.dark-scheme.gray,.dark-scheme .gray{--theme-color: #9ca3af;--gradient-color-1: #6b7280;--gradient-color-2: #89909c}.dark-scheme.red,.dark-scheme .red{--link-color: #ff475f}.dark-scheme.purple,.dark-scheme .purple{--link-color: #a05dff}*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}input{border-radius:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{padding:0;background-color:rgba(0,0,0,0);border:none;border-radius:0;cursor:pointer}table{border-collapse:collapse}pre,code{font-family:"DejaVu Sans Mono","Menlo",monospace}.timer-wrapper{flex:auto}.timer{animation-duration:3000ms;animation-iteration-count:1;animation-timing-function:linear}.timer--paused{animation-play-state:paused}.timer--steps{animation-timing-function:steps(10)}.timer--short{animation-duration:1000ms}.timer-log{font-size:15rem}@media (min-width: 960px){.timer-log{font-size:17rem}}.timer-chaining-demo-timers{display:flex;gap:10rem}@keyframes linear-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.timer-wrapper--linear{background:var(--neutral-200);border-radius:100rem;height:8rem;margin:20rem 0;overflow:hidden}.timer--linear{background:var(--theme-color);flex:auto;height:100%;transform-origin:center left;transform:scaleX(0)}.timer--linear.timer--running{animation-name:linear-progress}.timer--linear.timer--done{transform:scaleX(1)}@keyframes radial-progress{from{transform:rotate(0)}to{transform:rotate(1turn)}}.timer-wrapper--radial{background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:100rem;height:60rem;width:60rem;margin:20rem 0;display:flex;align-items:flex-start;justify-content:center}.timer--radial{background:var(--theme-color);flex:5rem 0 0;height:27.5rem;border-radius:100rem;margin-top:5rem;transform-origin:center 25rem;animation-iteration-count:infinite}.timer--radial.timer--running{animation-name:radial-progress}