.cdown{background:transparent;color:var(--cdown-color,inherit);display:flex;flex-wrap:wrap;font-family:inherit;justify-content:center}.cdown__unit[hidden]{display:none!important}.cdown--flip{gap:14px;--cdown-h:72px;--cdown-speed:.3s}.cdown--flip .cdown__unit{align-items:center;display:flex;flex-direction:column}.cdown--flip .cdown__value{border-radius:6px;box-shadow:0 3px 6px rgba(0,0,0,.35);box-sizing:border-box;color:#fff;display:block;font-size:52px;font-weight:700;height:var(--cdown-h);letter-spacing:1px;line-height:var(--cdown-h);min-width:88px;padding:0 8px;perspective:300px;position:relative;text-align:center}.cdown--flip .cdown__sizer{visibility:hidden}.cdown--flip .cdown__half,.cdown--flip .cdown__leaf{backface-visibility:hidden;height:50%;left:0;overflow:hidden;position:absolute;right:0}.cdown--flip .cdown__half>span,.cdown--flip .cdown__leaf>span{height:200%;left:0;line-height:var(--cdown-h);position:absolute;right:0;text-align:center}.cdown--flip .cdown__leaf--top,.cdown--flip .cdown__top{background:#2b2b2b;border-radius:6px 6px 0 0;top:0;transform-origin:50% 100%}.cdown--flip .cdown__leaf--top>span,.cdown--flip .cdown__top>span{top:0}.cdown--flip .cdown__bottom,.cdown--flip .cdown__leaf--bottom{background:#3d3d3d;border-radius:0 0 6px 6px;bottom:0;transform-origin:50% 0}.cdown--flip .cdown__bottom>span,.cdown--flip .cdown__leaf--bottom>span{bottom:0}.cdown--flip .cdown__leaf{visibility:hidden;z-index:2}.cdown--flip .is-flipping .cdown__leaf{visibility:visible}.cdown--flip .is-flipping .cdown__leaf--top{animation:cdownFlipTop var(--cdown-speed) ease-in forwards}.cdown--flip .is-flipping .cdown__leaf--bottom{animation:cdownFlipBottom var(--cdown-speed) ease-out var(--cdown-speed) forwards;transform:rotateX(90deg)}@keyframes cdownFlipTop{0%{filter:brightness(1);transform:rotateX(0)}to{filter:brightness(.6);transform:rotateX(-90deg)}}@keyframes cdownFlipBottom{0%{filter:brightness(1.4);transform:rotateX(90deg)}to{filter:brightness(1);transform:rotateX(0)}}.cdown--flip .cdown__value:after{background:#111;content:"";height:2px;left:0;margin-top:-1px;opacity:.9;position:absolute;right:0;top:50%;z-index:3}.cdown--flip .cdown__label{font-size:16px;margin-top:6px}@media (prefers-reduced-motion:reduce){.cdown--flip{--cdown-speed:1ms}}.cdown--circle{gap:24px}.cdown--circle .cdown__unit{height:110px;position:relative;width:110px}.cdown--circle svg{height:100%;inset:0;position:absolute;transform:rotate(-90deg);width:100%}.cdown--circle .cdown__ring{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:3;transition:stroke-dashoffset .4s linear}.cdown--circle .cdown__inner{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.cdown--circle .cdown__value{font-size:40px;font-weight:400;line-height:1}.cdown--circle .cdown__label{font-size:11px;font-weight:900;letter-spacing:.03em;margin-top:4px;text-transform:uppercase}.cdown--card{gap:16px}.cdown--card .cdown__unit{align-items:center;background:#fafafa;border-radius:0;box-shadow:0 2px 8px rgba(0,0,0,.12);box-sizing:border-box;display:flex;flex-direction:column;min-width:92px;padding:14px 10px 10px}.cdown--card .cdown__value{font-size:48px;font-weight:700;line-height:1}.cdown--card .cdown__label{font-size:14px;margin-top:8px}.cdown__done[hidden]{display:none}.cdown__done{font-size:28px;font-weight:700;text-align:center;width:100%}@media (max-width:480px){.cdown--flip{gap:8px;--cdown-h:54px}.cdown--flip .cdown__value{font-size:36px;min-width:64px}.cdown--flip .cdown__label{font-size:13px}.cdown--circle{gap:10px}.cdown--circle .cdown__unit{height:76px;width:76px}.cdown--circle .cdown__value{font-size:26px}.cdown--circle .cdown__label{font-size:9px}.cdown--card{gap:8px}.cdown--card .cdown__unit{min-width:68px;padding:10px 6px 8px}.cdown--card .cdown__value{font-size:32px}.cdown--card .cdown__label{font-size:12px}}