.pc-root{justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .5s;display:flex;container-type:size}.pc-clock{--pc:calc(min(2.2cqw, 7.5cqh) * var(--pc-zoom,1));align-items:center;gap:calc(var(--pc) * .22);display:flex}.pc-digit{grid-template-columns:repeat(4, var(--pc));gap:calc(var(--pc) * .12);display:grid}.pc-cell{width:var(--pc);height:var(--pc);opacity:0;background:var(--pc-ink);transition:opacity .5s,border-radius .3s,background-color .5s}.pc-cell.on{opacity:1}.pc-ampm{margin-left:calc(var(--pc) * .3);font-size:calc(var(--pc) * 1.5);letter-spacing:.12em;color:var(--pc-ink);opacity:.85;font-weight:700}.pc-colon{justify-content:center;gap:calc(var(--pc) * 1.13);width:calc(var(--pc) * 1.1);height:calc(var(--pc) * 5.45);flex-direction:column;display:flex}.pc-colon i{width:var(--pc);height:var(--pc);margin-left:calc(var(--pc) * .05);background:var(--pc-ink)}