.csscalc-num{font-family:var(--font-ibm-plex-mono),"SFMono-Regular",Consolas,monospace;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.02em}.csscalc-hero-bg{filter:saturate(.9)brightness(.95)contrast(1.03)}.csscalc-hero-scrim{background:linear-gradient(100deg,#0b0f14 0%,#0b0f14d1 30%,#0b0f1438 62%,#0b0f1466 100%),linear-gradient(#0b0f1473 0%,#0000 32%,#0b0f14 96%)}@media (max-width:900px){.csscalc-hero-scrim{background:linear-gradient(#0b0f148c 0%,#0b0f14c7 45%,#0b0f14 90%)}}.csscalc-results{display:none}.csscalc-results.on{display:block}@keyframes csscalc-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.csscalc-results.on .csscalc-rise{animation:.75s cubic-bezier(.22,.9,.28,1) backwards csscalc-rise;animation-delay:var(--d,0s)}.csscalc-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(160deg,#00e5ff73,#0000 45%);border-radius:22px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.csscalc-seg-pill{transition:transform .35s cubic-bezier(.22,.9,.28,1)}.csscalc-seg-pill[data-right=true]{transform:translate(100%)}.csscalc-sheet:before{content:"";background:linear-gradient(90deg,#00e5ff,#00e5ff00);height:2px;position:absolute;top:0;left:0;right:0}.csscalc-bar{height:0;transition:height 1.1s cubic-bezier(.22,.9,.28,1),background .5s,box-shadow .5s;transition-delay:var(--d,0s);border-radius:7px 7px 0 0;flex:none;position:relative}.csscalc-bar[data-state=on]:after{content:"";background:linear-gradient(#ffffff80,#0000 40%);border-radius:7px 7px 0 0;position:absolute;inset:0}.csscalc-marker{transition:left 1.9s cubic-bezier(.22,.9,.28,1),opacity .5s}.csscalc-marker:after{content:"";background:linear-gradient(#fff,#ffffff26);border-radius:1px;flex:1;width:2px;margin-top:5px;box-shadow:0 0 14px #fff9}.csscalc-zonebar{width:0;height:100%;transition:width 1.1s cubic-bezier(.22,.9,.28,1);transition-delay:var(--d,0s);border-radius:5px;display:block}.csscalc-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}.csscalc-faq summary::-webkit-details-marker{display:none}.csscalc-faq summary:after{content:"+";color:#00e5ff;font-size:1.35rem;font-weight:300;line-height:1;transition:transform .3s cubic-bezier(.22,.9,.28,1)}.csscalc-faq details[open] summary:after{transform:rotate(45deg)}@media print{body{color:#000;background:#fff}.csscalc-no-print{display:none!important}.csscalc-print-plain,.csscalc-print-plain *{color:#000!important;background:0 0!important}.csscalc-print-border,.csscalc-print-border *{border-color:#ccc!important}}@media (prefers-reduced-motion:reduce){.csscalc-results.on .csscalc-rise{animation:none}.csscalc-bar,.csscalc-marker,.csscalc-zonebar,.csscalc-seg-pill,.csscalc-faq summary:after{transition-duration:.01ms!important;transition-delay:0s!important}}