.cb-surface{container-type:inline-size;--preview-unit-gap:clamp(8px,2cqi,22px);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.cb-surface.dark{color:var(--preview-dark-color,#f3eee6)}.cb-surface.light{color:var(--preview-light-color,#060606)}.cb-surface>:not(.preview-anim-layer):not(.cb-poweredby){position:relative;z-index:1}.cb-surface.dark .preview-number{color:var(--dark-number-color,var(--preview-dark-color,#f3eee6))}.cb-surface.dark .preview-label{color:var(--dark-title-color,var(--preview-dark-color,#f3eee6))}.cb-surface.dark .preview-caption{color:var(--dark-subheader-color,var(--preview-dark-color,#f3eee6))}.cb-surface.light .preview-number{color:var(--light-number-color,var(--preview-light-color,#060606))}.cb-surface.light .preview-label{color:var(--light-title-color,var(--preview-light-color,#060606))}.cb-surface.light .preview-caption{color:var(--light-subheader-color,var(--preview-light-color,#060606))}.preview-caption,.preview-label,.preview-number{font-family:var(--preview-font,var(--sans))}.preview-number{margin-top:14px;font-size:clamp(40px,11cqi,142px);line-height:.86;font-weight:950;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}.preview-label,.preview-number{letter-spacing:0;max-width:100%}.preview-label{margin-top:0;font-size:clamp(18px,4cqi,50px);line-height:.92;font-weight:920}.preview-caption{margin-top:0;font-size:clamp(11px,1.4cqi,14px);font-weight:700;letter-spacing:.01em;opacity:.64;max-width:100%}.preview-style{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.preview-style-modern{flex-direction:column;gap:clamp(18px,3.5cqi,36px);max-width:100%}.preview-modern-units{display:flex;align-items:flex-end;justify-content:center;gap:var(--preview-unit-gap);width:100%;max-width:100%;overflow:hidden}.preview-modern-unit{flex:0 0 auto;width:clamp(70px,17cqi,220px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.preview-modern-unit[data-digits="3"]{width:clamp(115px,27cqi,350px)}.preview-modern-unit[data-digits="4"]{width:clamp(150px,36cqi,460px)}.preview-modern-value{display:block;width:100%;text-align:center;font-family:var(--preview-font,var(--sans));font-size:clamp(48px,11cqi,142px);line-height:.96;font-weight:950;letter-spacing:0;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum";white-space:nowrap}.cb-surface .preview-modern-value.preview-number{margin-top:0;font-size:clamp(48px,11cqi,142px);line-height:.96}.preview-flip-unit-label,.preview-modern-unit-label,.preview-tile-label{margin-top:12px;font-family:var(--mono);font-size:clamp(8px,1cqi,10px);font-weight:850;letter-spacing:.14em;text-transform:uppercase;opacity:.62}.preview-style-flip{flex-direction:column;gap:clamp(18px,3.5cqi,36px)}.preview-flip-units{width:100%;max-width:100%;display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:center;gap:clamp(6px,3cqi,48px)}.preview-flip-unit{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}.preview-flip-digits{display:flex;justify-content:center;gap:clamp(2px,1cqi,12px)}.preview-flip-digit{position:relative;width:clamp(28px,10cqi,162px);height:clamp(42px,15cqi,224px);border-radius:clamp(6px,1.8cqi,22px);font-family:var(--preview-font,var(--mono));font-size:clamp(22px,7.8cqi,128px);line-height:1;font-weight:900;letter-spacing:-.02em;color:var(--dark-number-color,var(--preview-dark-color,#f3eee6));perspective:900px;overflow:hidden;isolation:isolate;background:transparent;box-shadow:0 22px 40px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.1)}.cb-surface.light .preview-flip-digit{color:var(--light-number-color,var(--preview-light-color,#060606))}.preview-flip-digit:before{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 28%);opacity:.9}.preview-flip-digit:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;z-index:9;background:rgba(0,0,0,.72);box-shadow:0 1px 0 rgba(255,255,255,.1);pointer-events:none}.flip-rotor-face,.flip-static{position:absolute;inset:0;display:grid;place-items:center;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.28)}.flip-rotor-top,.flip-static-top{clip-path:inset(0 0 50% 0);background:linear-gradient(180deg,color-mix(in srgb,var(--flip-bg,#16120e) 76%,#ffffff 24%),var(--flip-bg,#16120e));border-radius:inherit}.flip-rotor-bottom,.flip-static-bottom{clip-path:inset(50% 0 0 0);background:linear-gradient(180deg,var(--flip-bg,#16120e),color-mix(in srgb,var(--flip-bg,#16120e) 70%,#000000 30%));border-radius:inherit}.flip-static-bottom,.flip-static-top{z-index:1}.flip-rotor{position:absolute;inset:0;z-index:5;transform-style:preserve-3d;transform-origin:center center;display:none}.flip-rotor-top{transform:rotateX(0deg) translateZ(.2px)}.flip-rotor-bottom{transform:rotateX(180deg) translateZ(.2px);filter:brightness(.74)}.preview-flip-digit.is-flipping .flip-rotor{display:block;animation:flipRotorDown .72s cubic-bezier(.18,.78,.18,1) both}.preview-flip-digit.is-flipping .flip-rotor-top{animation:flipTopShade .72s cubic-bezier(.18,.78,.18,1) both}.preview-flip-digit.is-flipping .flip-rotor-bottom{animation:flipBottomShade .72s cubic-bezier(.18,.78,.18,1) both}@keyframes flipRotorDown{0%{transform:rotateX(0deg)}to{transform:rotateX(-180deg)}}@keyframes flipTopShade{0%,42%{filter:brightness(1)}58%,to{filter:brightness(.52)}}@keyframes flipBottomShade{0%,42%{filter:brightness(.48)}to{filter:brightness(1)}}.preview-style-tiles{width:100%;max-width:100%;flex-wrap:nowrap;gap:clamp(4px,3cqi,48px);padding:0}.preview-style-tiles,.preview-tile{display:flex;justify-content:center}.preview-tile{flex:0 0 auto;min-width:0;width:clamp(64px,17cqi,220px);aspect-ratio:1;border-radius:clamp(14px,2.6cqi,28px);flex-direction:column;align-items:center;background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.34);box-shadow:0 22px 40px rgba(31,26,22,.18),inset 0 1px 0 rgba(255,255,255,.34);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}.preview-tile-value{font-family:var(--preview-font,var(--sans));font-size:clamp(36px,10cqi,120px);line-height:.9;font-weight:950}.preview-style-tiles[data-max-digits="3"] .preview-tile{width:clamp(70px,21cqi,280px)}.preview-style-tiles[data-max-digits="3"] .preview-tile-value{font-size:clamp(26px,8cqi,96px)}.preview-style-tiles[data-max-digits="4"] .preview-tile{width:clamp(72px,22.5cqi,300px)}.preview-style-tiles[data-max-digits="4"] .preview-tile-value{font-size:clamp(22px,6.5cqi,78px)}.preview-style-tower{width:100%;display:flex;flex-direction:column;gap:0;padding:0 2px;text-align:right}.preview-tower-row{display:flex;align-items:baseline;justify-content:flex-end;line-height:1;border-bottom:1px solid rgba(128,128,128,.14);padding:0 0 6px;margin-bottom:2px;position:relative}.preview-tower-row:last-child{border-bottom:none;margin-bottom:0}.preview-tower-num{font-family:var(--preview-font,inherit);font-weight:900;letter-spacing:-.04em;line-height:.88;color:var(--dark-number-color,currentColor)}.cb-surface.light .preview-tower-num{color:var(--light-number-color,currentColor)}.preview-tower-4 .preview-tower-row:nth-child(2) .preview-tower-num{font-size:clamp(20px,5cqi,38px);opacity:.2}.preview-tower-4 .preview-tower-row:nth-child(3) .preview-tower-num{font-size:clamp(28px,7cqi,54px);opacity:.38}.preview-tower-4 .preview-tower-row:nth-child(4) .preview-tower-num{font-size:clamp(40px,10cqi,80px);opacity:.62}.preview-tower-4 .preview-tower-row:nth-child(5) .preview-tower-num{font-size:clamp(54px,14cqi,110px);opacity:1}.preview-tower-3 .preview-tower-row:nth-child(2) .preview-tower-num{font-size:clamp(22px,6cqi,44px);opacity:.24}.preview-tower-3 .preview-tower-row:nth-child(3) .preview-tower-num{font-size:clamp(38px,9cqi,74px);opacity:.55}.preview-tower-3 .preview-tower-row:nth-child(4) .preview-tower-num{font-size:clamp(58px,15cqi,116px);opacity:1}.preview-tower-2 .preview-tower-row:nth-child(2) .preview-tower-num{font-size:clamp(32px,8cqi,64px);opacity:.4}.preview-tower-2 .preview-tower-row:nth-child(3) .preview-tower-num{font-size:clamp(58px,15cqi,118px);opacity:1}.preview-tower-1 .preview-tower-row:nth-child(2) .preview-tower-num{font-size:clamp(64px,18cqi,140px);opacity:1}.preview-tower-unit{font-family:var(--mono,monospace);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.4;position:absolute;right:0;top:4px;color:currentColor}.preview-style-tower .preview-label{font-size:11px;opacity:.5;margin-bottom:8px;text-align:left}.preview-style-tower .preview-caption{font-size:10px;opacity:.35;margin-top:8px;text-align:left}.cb-poweredby{position:absolute;bottom:18px;right:20px;z-index:5;display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 7px;border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;border:1px solid color-mix(in srgb,currentColor 20%,transparent);background:color-mix(in srgb,currentColor 10%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.82}.cb-poweredby-mark{width:18px;height:18px;border-radius:5px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-family:var(--sans);font-weight:900;font-size:11px;letter-spacing:-.04em}.preview-anim-layer{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;border-radius:inherit}@keyframes pDrift1{0%{transform:translate(0)}25%{transform:translate(22%,14%)}50%{transform:translate(18%,-12%)}75%{transform:translate(-8%,18%)}to{transform:translate(0)}}@keyframes pDrift2{0%{transform:translate(0)}25%{transform:translate(-20%,-16%)}50%{transform:translate(-14%,20%)}75%{transform:translate(10%,-10%)}to{transform:translate(0)}}@keyframes pDrift3{0%{transform:translate(0)}33%{transform:translate(16%,20%)}66%{transform:translate(-18%,10%)}to{transform:translate(0)}}.p-orb{position:absolute;border-radius:50%;will-change:transform}.p-orb.o1{width:55%;height:110%;top:-20%;left:-8%;filter:blur(48px);animation:pDrift1 5s ease-in-out infinite}.p-orb.o2{width:50%;height:100%;bottom:-20%;right:-6%;filter:blur(44px);animation:pDrift2 7s ease-in-out infinite}.p-orb.o3{width:40%;height:85%;top:25%;left:28%;filter:blur(38px);animation:pDrift3 4s ease-in-out infinite}@keyframes pBokeh{to{transform:translateZ(1px) rotate(1turn)}}.p-bokeh-span{border-radius:50%;backface-visibility:hidden;position:absolute;animation:pBokeh linear infinite;will-change:transform}@keyframes pBlobOT{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pBlobIT{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pBlobOB{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pBlobIB{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.p-blobs-svg{position:absolute;inset:0;width:100%;height:100%}.p-blob-ot{animation:pBlobOT 22s linear infinite}.p-blob-it,.p-blob-ot{transform-origin:13px 25px}.p-blob-it{animation:pBlobIT 11s linear infinite}.p-blob-ob{animation:pBlobOB 28s linear infinite}.p-blob-ib,.p-blob-ob{transform-origin:84px 93px}.p-blob-ib{animation:pBlobIB 17s linear infinite}@keyframes pSnow{0%{transform:translateY(-15vh);opacity:0}8%{opacity:1}88%{opacity:.85}to{transform:translateX(var(--drift,0)) translateY(115vh);opacity:0}}.p-flakes{inset:0;overflow:hidden;pointer-events:none}.p-f,.p-flakes{position:absolute}.p-f{top:0;left:0;border-radius:50%;background:rgba(255,255,255,.85);will-change:transform,opacity;animation:pSnow linear infinite}@keyframes pLineDrop{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}88%{opacity:1}to{transform:translateY(500px);opacity:0}}.p-lines-wrap{inset:0}.p-line,.p-lines-wrap{position:absolute;overflow:hidden}.p-line{top:0;width:1px;height:100%;background:rgba(255,255,255,.04)}.p-line-streak{position:absolute;width:100%;height:20%;top:0;left:0;will-change:transform;animation:pLineDrop linear infinite}.p-line:first-child{left:10%}.p-line:first-child .p-line-streak{animation-duration:7s;animation-delay:0s}.p-line:nth-child(2){left:25%}.p-line:nth-child(2) .p-line-streak{animation-duration:11s;animation-delay:-3s}.p-line:nth-child(3){left:42%}.p-line:nth-child(3) .p-line-streak{animation-duration:6s;animation-delay:-1.5s}.p-line:nth-child(4){left:60%}.p-line:nth-child(4) .p-line-streak{animation-duration:9s;animation-delay:-5s}.p-line:nth-child(5){left:78%}.p-line:nth-child(5) .p-line-streak{animation-duration:8s;animation-delay:-2s}@keyframes pGradPan{0%{transform:translate3d(-25%,-25%,0)}50%{transform:translateZ(0)}to{transform:translate3d(-25%,-25%,0)}}.preview-anim-layer.is-gradient{overflow:hidden}.p-grad-pan{position:absolute;top:0;left:0;width:200%;height:200%;background-size:100% 100%;will-change:transform;animation:pGradPan 14s ease-in-out infinite}.preview-anim-layer.is-scanlines{z-index:4;pointer-events:none}.p-crt-scan-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none}.p-crt-scan{position:absolute;left:0;right:0;top:-8px;bottom:-8px;background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 3px,rgba(0,0,0,.45) 0,rgba(0,0,0,.45) 4px);will-change:transform;opacity:.45}.p-crt-vig{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.55) 100%)}.p-crt-phosphor{background:radial-gradient(ellipse at center,rgba(0,255,80,.04) 0,transparent 70%)}.p-crt-phosphor,.p-grain{position:absolute;inset:0}.p-grain{pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;opacity:.04}.p-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.65) 100%)}@media (prefers-reduced-motion:reduce){.p-blob-ib,.p-blob-it,.p-blob-ob,.p-blob-ot,.p-bokeh-span,.p-f,.p-grad-pan,.p-line-streak,.p-orb{animation:none!important}}@media (max-width:700px){.p-orb.o1{filter:blur(26px)}.p-orb.o2{filter:blur(24px)}.p-orb.o3{filter:blur(20px)}.p-bokeh-span:nth-of-type(n+7){display:none}}