.co2-clock-root{--digit-w: 4.125rem;--digit-h: 5.75rem;--digit-r: .875rem;--gap: .625rem;--font: 3.5rem;--section-gap: .5rem;--divider-gap: 1.25rem;--label-offset: .5rem;--label-font: .75rem;--dot: .6rem;--co2-scale: 1;--label-min: .65rem;--bg: #fff;--fg: #00031e;--text: currentColor;--shadow: 0 6px 18px rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.8);color:var(--text);display:grid;gap:var(--section-gap);justify-items:center;align-items:center;width:100%;box-sizing:border-box}.co2-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}.co2-control-group{display:flex;gap:6px;padding:4px;border-radius:999rem;background:#fff;border:1px solid rgba(0,0,0,.08);align-items:center}.co2-btn{border:0;background:transparent;color:inherit;padding:6px 12px;border-radius:999rem;cursor:pointer;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center}.co2-btn[aria-pressed=true]{background:#f3f4f6;border:1px solid rgba(0,0,0,.08)}.co2-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.co2-meta{line-height:1.2;margin:4px 0 8px;text-align:center;font-weight:900}.co2-stat{font-size:.95rem;opacity:.85}.co2-big{font-weight:900}.co2-digits{display:flex;align-items:center;justify-content:center;gap:var(--divider-gap);width:calc(100% - 40px);padding:20px;flex-wrap:nowrap;overflow:hidden}.co2-group{position:relative;display:inline-flex;align-items:center;gap:var(--gap);padding-top:calc(max(var(--label-font),calc(var(--label-min) / var(--co2-scale))) + calc(var(--label-offset) / var(--co2-scale)))}.co2-label{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:max(var(--label-font),calc(var(--label-min) / var(--co2-scale)));opacity:.65;white-space:nowrap;pointer-events:none}.co2-digit{width:var(--digit-w);height:var(--digit-h);border-radius:var(--digit-r);background:var(--bg);border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow);display:grid;place-items:center;font-size:var(--font);color:var(--fg);line-height:1;font-weight:800}.co2-colon{width:var(--digit-w);height:var(--digit-h);position:relative;display:grid;place-items:center}.co2-dot{position:absolute;width:var(--dot);height:var(--dot);border-radius:999px;background:var(--fg);left:50%;transform:translate(-50%)}.co2-dot.top{top:calc(var(--digit-h) * .28)}.co2-dot.bottom{bottom:calc(var(--digit-h) * .28)}.co2-scale-outer{width:100%;display:block;position:relative;overflow:hidden}.co2-scale-inner{position:absolute;top:0;left:50%;transform-origin:top center;will-change:transform}.co2-digit.flip{position:relative;perspective:800px;background:var(--bg);border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow);overflow:visible}.co2-digit.flip .clip{position:relative;width:100%;height:100%;border-radius:var(--digit-r);transform-style:preserve-3d}.co2-digit.flip .up,.co2-digit.flip .down{position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:hidden;z-index:1}.co2-digit.flip .up{top:0;border-top-left-radius:var(--digit-r);border-top-right-radius:var(--digit-r)}.co2-digit.flip .down{bottom:0;border-bottom-left-radius:var(--digit-r);border-bottom-right-radius:var(--digit-r)}.co2-digit.flip .inn{position:absolute;left:0;width:100%;height:200%;display:grid;place-items:center;font-size:var(--font);color:var(--fg);font-weight:800;line-height:1;background:var(--bg);border-radius:var(--digit-r);box-shadow:inset 0 -1px #0000000f,inset 0 1px #fffc;will-change:transform}.co2-digit.flip .up .inn{top:0}.co2-digit.flip .down .inn{bottom:0}.co2-digit.flip .hinge{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}.co2-digit.flip .front,.co2-digit.flip .back{position:absolute;left:0;width:100%;height:50%;overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden;z-index:3}.co2-digit.flip .front{top:0;transform-origin:center bottom;border-top-left-radius:var(--digit-r);border-top-right-radius:var(--digit-r)}.co2-digit.flip .back{bottom:0;transform-origin:center top;border-bottom-left-radius:var(--digit-r);border-bottom-right-radius:var(--digit-r);transform:rotateX(180deg)}.co2-digit.flip .front .inn{top:0}.co2-digit.flip .back .inn{bottom:0}.co2-clock-root{--flip-speed: .55s}.co2-digit.flip.is-flipping .front{animation:co2-flip-front var(--flip-speed) cubic-bezier(.2,.6,.2,1) forwards}.co2-digit.flip.is-flipping .back{animation:co2-flip-back var(--flip-speed) cubic-bezier(.2,.6,.2,1) forwards}@keyframes co2-flip-front{0%{transform:rotateX(0);z-index:4}49%{transform:rotateX(-90deg);z-index:4}50%{transform:rotateX(-90deg);z-index:2}to{transform:rotateX(-180deg);z-index:2}}@keyframes co2-flip-back{0%{transform:rotateX(180deg);z-index:2}49%{transform:rotateX(90deg);z-index:2}50%{transform:rotateX(90deg);z-index:4}to{transform:rotateX(0);z-index:4}}@media (prefers-reduced-motion: reduce){.co2-digit.flip.is-flipping .front,.co2-digit.flip.is-flipping .back{animation:none}}.flip-digit-wrapper{display:inline-block}.flip-digit-wrapper *{box-sizing:border-box;backface-visibility:hidden}.flip-digit-wrapper ul{position:relative;float:left;margin:5px;width:60px;height:90px;font-size:80px;font-weight:700;line-height:87px;border-radius:6px;background:#000;list-style:none;padding:0}.flip-digit-wrapper ul li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;line-height:87px;text-decoration:none}.flip-digit-wrapper ul li:first-child{z-index:2}.flip-digit-wrapper ul li a{display:block;height:100%;perspective:200px;margin:0;overflow:visible;cursor:default;text-decoration:none;color:inherit}.flip-digit-wrapper ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;font-size:80px;overflow:hidden;outline:1px solid transparent}.flip-digit-wrapper ul li a div .shadow{position:absolute;width:100%;height:100%;z-index:2}.flip-digit-wrapper ul li a div.up{transform-origin:50% 100%;top:0}.flip-digit-wrapper ul li a div.up:after{content:"";position:absolute;top:44px;left:0;z-index:5;width:100%;height:3px;background-color:#0006}.flip-digit-wrapper ul li a div.down{transform-origin:50% 0;bottom:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.flip-digit-wrapper ul li a div div.inn{position:absolute;left:0;z-index:1;width:100%;height:200%;color:#000;text-shadow:0 1px 2px #000;text-align:center;background-color:#fff;border-radius:6px;font-size:70px}.flip-digit-wrapper ul li a div.up div.inn{top:0}.flip-digit-wrapper ul li a div.down div.inn{bottom:0}.flip-digit-wrapper ul.play li.flip-clock-before{z-index:3}.flip-digit-wrapper ul.play li.flip-clock-before .up{z-index:2;animation:turn2 .45s linear both}@keyframes turn2{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}.flip-digit-wrapper ul.play li.flip-clock-active{animation:asd .45s .45s linear both;z-index:5}@keyframes asd{0%{z-index:2}20%{z-index:4}to{z-index:4}}.flip-digit-wrapper ul.play li.flip-clock-active .down{z-index:2;animation:turn .45s .45s linear both}@keyframes turn{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip-digit-wrapper ul.play li.flip-clock-before .up .shadow{background:linear-gradient(to bottom,#0000001a,gray);animation:show .45s linear both}.flip-digit-wrapper ul.play li.flip-clock-active .up .shadow{background:linear-gradient(to bottom,#0000001a,gray);animation:hide .45s .27s linear both}.flip-digit-wrapper ul.play li.flip-clock-before .down .shadow{background:linear-gradient(to bottom,gray,#0000001a);animation:show .45s linear both}.flip-digit-wrapper ul.play li.flip-clock-active .down .shadow{background:linear-gradient(to bottom,gray,#0000001a);animation:hide .45s .18s linear both}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}.flip{box-shadow:0 2px 5px #000000e6}:root{--digit-r: 8.533px;--bg: #fff;--fg: #00031e;--shadow: 0 .375rem 1.125rem rgba(0,0,0,.1), inset 0 -.0625rem 0 rgba(0,0,0,.04), inset 0 .0625rem 0 rgba(255,255,255,.8)}.flip-digit-wrapper ul{border-radius:var(--digit-r);background:var(--bg);border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow);color:var(--fg)}.flip{box-shadow:var(--shadow)!important}.flip-digit-wrapper ul li a div.up{border-top-left-radius:var(--digit-r);border-top-right-radius:var(--digit-r)}.flip-digit-wrapper ul li a div.down{border-bottom-left-radius:var(--digit-r);border-bottom-right-radius:var(--digit-r)}.flip-digit-wrapper ul li a div div.inn{border-radius:var(--digit-r);background:var(--bg);color:var(--fg);box-shadow:inset 0 -1px #0000000f,inset 0 1px #fffc;text-shadow:none}.flip-digit-wrapper ul li a div.up:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#00000014;transform:translateY(.5px);z-index:5}.flip-digit-wrapper ul.play li.flip-clock-before .up .shadow,.flip-digit-wrapper ul.play li.flip-clock-active .up .shadow{background:linear-gradient(to bottom,#0000000f,#0000002e)}.flip-digit-wrapper ul.play li.flip-clock-before .down .shadow,.flip-digit-wrapper ul.play li.flip-clock-active .down .shadow{background:linear-gradient(to bottom,#0000002e,#0000000f)}