.xbar[data-v-564caad6]{--x-line:#dfe2ea;border-bottom:1px solid var(--x-line);color:#5a6a80;font-family:var(--font-body);background:#fff;grid-template-columns:repeat(4,1fr);grid-template-areas:"crest crest clock clock""c1 c2 c3 c4";display:grid;position:relative}.xbar.preview[data-v-564caad6]{grid-template-areas:"clock clock clock clock""c1 c2 c3 c4"}.xbar.warm[data-v-564caad6]{align-items:stretch;min-height:55px;display:flex}.warm .crest[data-v-564caad6]{border-bottom:0;position:absolute;top:0;bottom:0;left:0}.wlabel[data-v-564caad6]{text-align:center;color:#6d768e;flex:1;place-items:center;margin:0;padding:8px 68px;font-size:.86rem;font-style:italic;line-height:1.35;display:grid}.crest[data-v-564caad6]{border-bottom:1px solid var(--x-line);grid-area:crest;align-items:center;padding:7px 12px;display:flex}.cell[data-v-564caad6],.crest[data-v-564caad6]{border-right:1px solid var(--x-line)}.cell[data-v-564caad6]{text-align:center;align-content:center;justify-items:center;gap:1px;min-height:48px;padding:6px 4px;display:grid}.c-init[data-v-564caad6]{grid-area:c1}.c-left[data-v-564caad6]{grid-area:c2}.c-ok[data-v-564caad6]{grid-area:c3}.c-ko[data-v-564caad6]{border-right:0;grid-area:c4}.cell b[data-v-564caad6]{font-size:1.02rem;font-weight:500;line-height:1.15}.cell small[data-v-564caad6]{color:#6b7789;font-size:.64rem;line-height:1.15}.c-ok b[data-v-564caad6]{color:#2e8b33}.c-ok small[data-v-564caad6]{color:#4f8a52}.c-ko b[data-v-564caad6]{color:#d32f2f}.c-ko small[data-v-564caad6]{color:#a94f4f}.clock[data-v-564caad6]{border-bottom:1px solid var(--x-line);font-variant-numeric:tabular-nums;color:#4a5a72;grid-area:clock;place-items:center;padding:4px 12px;font-size:1.5rem;display:grid}.preview .clock[data-v-564caad6]{letter-spacing:.01em;padding:12px;font-size:2rem;font-weight:300}.clock.low[data-v-564caad6]{color:#e53935;animation:1.1s ease-in-out infinite xpulse-564caad6}@keyframes xpulse-564caad6{50%{opacity:.45}}.quit[data-v-564caad6]{border:1px solid var(--x-line);color:#7d8b9c;cursor:pointer;background:#fff;border-radius:4px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:7px;right:8px}.quit[data-v-564caad6]:hover{color:#e53935;border-color:#e9c3c3}.warm .quit[data-v-564caad6]{margin:0;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media (width>=820px){.xbar[data-v-564caad6]{justify-content:center;align-items:stretch;min-height:66px;display:flex}.crest[data-v-564caad6]{margin-right:auto;padding:0 16px;overflow:hidden}.cell[data-v-564caad6],.crest[data-v-564caad6]{border-bottom:0;flex:0 auto;min-width:0}.cell[data-v-564caad6]{width:122px;padding:8px 12px}.c-init[data-v-564caad6]{border-left:1px solid var(--x-line)}.c-ko[data-v-564caad6]{border-right:1px solid var(--x-line)}.cell b[data-v-564caad6]{font-size:1.12rem}.cell small[data-v-564caad6]{font-size:.72rem}.clock[data-v-564caad6]{border-bottom:0;border-right:1px solid var(--x-line);flex:0 auto;width:152px;min-width:0;font-size:1.72rem}.quit[data-v-564caad6]{align-self:center;margin-right:14px;position:static}.preview .c-init[data-v-564caad6],.quit[data-v-564caad6]{margin-left:auto}.preview .c-ko[data-v-564caad6]{margin-right:auto}.preview .clock[data-v-564caad6]{padding:4px 12px;font-size:1.78rem}.xbar.warm[data-v-564caad6]{min-height:58px}.wlabel[data-v-564caad6]{padding:8px 84px;font-size:.95rem}}[data-theme=dark] .xbar.preview[data-v-564caad6]{--x-line:var(--line);background:var(--surface);color:var(--ink-2)}[data-theme=dark] .xbar.preview .cell small[data-v-564caad6]{color:var(--ink-3)}[data-theme=dark] .xbar.preview .clock[data-v-564caad6]{color:var(--ink)}[data-theme=dark] .xbar.preview .c-ok b[data-v-564caad6]{color:var(--grass-500)}[data-theme=dark] .xbar.preview .c-ok small[data-v-564caad6]{color:color-mix(in srgb,var(--grass-500) 55%,var(--ink-3))}[data-theme=dark] .xbar.preview .c-ko b[data-v-564caad6]{color:var(--brick-500)}[data-theme=dark] .xbar.preview .c-ko small[data-v-564caad6]{color:color-mix(in srgb,var(--brick-500) 55%,var(--ink-3))}