main:has(.u-dot-grid--spotlight){position:relative}.u-dot-grid--spotlight:after{content:"";transition:opacity 1s var(--ease-out);background:radial-gradient(circle, var(--theme-hero-dot-bg-spotlight) calc(var(--dot-size) / 2), transparent calc(var(--dot-size) / 2));background-size:var(--dot-spacing) var(--dot-spacing);-webkit-mask-image:radial-gradient(circle at var(--mouse-x,70%) var(--mouse-y,10%), var(--color-white) 0%, rgba(255,255,255,.5) 2%, transparent 5%);mask-image:radial-gradient(circle at var(--mouse-x,70%) var(--mouse-y,10%), var(--color-white) 0%, rgba(255,255,255,.5) 2%, transparent 5%);opacity:0;pointer-events:none;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.u-dot-grid--spotlight.is-tracking:after{opacity:1}.bento{padding-bottom:var(--space-3xl);grid-template-areas:"rfc""spec""json""lang""push""battery""bench";gap:12px;display:grid}@media (width>768px){.bento{grid-template-areas:"rfc rfc rfc rfc rfc rfc rfc rfc json json json json""spec spec spec spec lang lang lang lang json json json json""push push push push battery battery battery battery bench bench bench bench"}}.bento__card{border:1px solid var(--theme-glass-border);-webkit-backdrop-filter:var(--theme-glass-blur);backdrop-filter:var(--theme-glass-blur);background:var(--theme-glass-bg);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.bento__card--battery{grid-area:battery}.bento__card--spec{grid-area:spec}.bento__card--push{grid-area:push}.bento__card--bench{grid-area:bench}.bento__card--rfc{grid-area:rfc}.bento__card--json{grid-area:json}.bento__card--lang{grid-area:lang}.bento__card-wrapper{padding:var(--space-l);flex-direction:column;height:100%;display:flex}.bento__card-label{align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-s);color:var(--theme-accent);letter-spacing:var(--tracking-loose);text-transform:uppercase;display:flex}.bento__card-icon{flex-basis:16px;width:16px;height:16px}.bento__card-title{margin-bottom:var(--space-m);color:var(--theme-ink)}.bento__card-body{color:var(--theme-card-fg-muted)}.bento__card-link-wrapper{margin-top:var(--space-l)}.batt-row{align-items:center;gap:var(--space-m);margin-top:var(--space-m);display:flex}.batt-wrap{align-items:center;gap:2px;display:flex}.batt-shell{border:1.5px solid var(--theme-accent);border-radius:4px;width:48px;height:24px;position:relative;overflow:hidden}.batt-fill{transition:width 1.2s var(--ease-out);border-radius:2px;position:absolute;top:1px;bottom:1px;left:1px}.batt-fill--accent{background:var(--theme-accent);width:0}:is(.no-js,.in-view) .batt-fill--accent{width:80%}.batt-fill--muted{background:var(--theme-muted);opacity:.5;width:0}:is(.no-js,.in-view) .batt-fill--muted{width:30%}.batt-tip{border-radius:0 2px 2px 0;flex-shrink:0;width:4px;height:11px}.batt-tip--teal{background:var(--theme-accent);opacity:.7}.batt-tip--muted{background:var(--theme-muted);opacity:.5}.batt-lbl{color:var(--theme-muted);white-space:nowrap;margin-top:3px}.doc-bars{gap:var(--space-2xs);margin-top:var(--space-m);flex-direction:column;display:flex}.doc-bar-row{align-items:center;gap:var(--space-s);display:flex}.doc-bar-lbl{min-width:34px;color:var(--theme-muted)}.doc-bar-track{background:var(--theme-border);border-radius:999px;flex:1;height:7px;overflow:hidden}.doc-bar-fill{transition:width 1.2s var(--ease-out);border-radius:999px;height:100%}.doc-bar-jmap{background:var(--theme-accent);width:0}:is(.no-js,.in-view) .doc-bar-jmap{width:19%}.doc-bar-imap{background:var(--theme-muted);opacity:.4;width:0}:is(.no-js,.in-view) .doc-bar-imap{width:100%}.doc-bar-val{text-align:right;min-width:30px}.doc-bar-val--accent{color:var(--theme-accent)}.doc-bar-val--muted{color:var(--theme-muted)}.push-tl{margin-top:var(--space-m);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.push-name{min-width:34px;color:var(--theme-muted)}.push-track{background:var(--theme-border);border-radius:999px;flex:1;height:4px;position:relative;overflow:visible}.push-dot{--_dot-size:11px;width:var(--_dot-size);height:var(--_dot-size);border-radius:50%;transition:left .2s linear;position:absolute;top:-3.5px;left:0%}.push-dot--j{background:var(--theme-accent);box-shadow:0 0 10px rgb(from var(--theme-accent) r g b / 70%)}.in-view .push-dot--j{animation:back-and-forth-fast 3s var(--ease-out) 1s forwards}.push-dot--i{background:rgb(from var(--theme-muted) r g b / 60%)}.in-view .push-dot--i{animation:3s ease-out 1s forwards back-and-forth-slow}@keyframes back-and-forth-fast{to{left:calc(100% - var(--_dot-size))}}@keyframes back-and-forth-slow{to{left:calc(50% - var(--_dot-size))}}.push-time{text-align:right;min-width:36px}.push-time--j{color:var(--theme-accent)}.push-time--i{color:var(--theme-muted)}.bench-bars{margin-top:var(--space-s);flex-direction:column;gap:8px;display:flex}.bench-row{align-items:center;gap:8px;display:flex}.bench-lbl{min-width:42px;color:var(--theme-muted)}.bench-track{background:var(--theme-border);border-radius:999px;flex:1;height:7px;overflow:hidden}.bench-fill{transition:width 1s var(--ease-out);border-radius:999px;height:100%}.bench-val{text-align:right;min-width:28px}.bench-row--jmap .bench-fill{background:var(--theme-accent);width:0}:is(.no-js,.in-view) .bench-row--jmap .bench-fill{width:2.5%}.bench-row--tb .bench-fill{background:var(--theme-muted);opacity:.35;width:0}:is(.no-js,.in-view) .bench-row--tb .bench-fill{width:98%}.bench-row--jmap .bench-val{color:var(--theme-accent);font-weight:600}.bench-row--tb .bench-val{color:var(--theme-muted)}.bento__card--bench .bench-detail{margin-top:var(--space-s);color:var(--theme-muted)}.bento__card--rfc .bento__card-links{margin-top:var(--space-l)}.hs{--_base-bg:var(--theme-accent);gap:var(--space-3xs);margin-top:var(--space-m);flex-direction:column;display:flex}.hs-layer{transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-s);opacity:0;text-align:center;border-left:2px solid;transform:translate(-12px)}.in-view .hs-layer{opacity:1;transform:translate(0)}.no-js .hs-layer{opacity:1;transform:none}.hs-app{background:rgb(from var(--_base-bg) r g b / 15%);border-color:var(--theme-accent);color:var(--theme-accent)}.hs-jmap{background:rgb(from var(--_base-bg) r g b / 10%);border-color:var(--theme-accent);color:var(--theme-accent)}.hs-json{background:rgb(from var(--_base-bg) r g b / 8%);border-color:var(--theme-muted);color:var(--theme-muted)}.hs-http{background:rgb(from var(--_base-bg) r g b / 4%);border-color:var(--theme-muted);color:var(--theme-muted);opacity:.75}.hs-layer:nth-child(4){transition-delay:50ms}.hs-layer:nth-child(3){transition-delay:.12s}.hs-layer:nth-child(2){transition-delay:.19s}.hs-layer:first-child{transition-delay:.26s}.bento__card--json .http-request{margin-top:var(--space-xl);border-top:1px solid var(--theme-border);padding-top:var(--space-m);justify-content:space-between;align-items:center;display:flex}.http-request__method{color:var(--theme-muted)}.http-request__status{align-items:center;gap:6px;display:flex}.http-request__status-dot{background:var(--theme-accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{box-shadow:0 0 0 0 rgb(from var(--theme-accent) r g b / 40%)}50%{box-shadow:0 0 0 5px rgb(from var(--theme-accent) r g b / 0%)}}.http-request__status-label{color:var(--theme-accent)}.lang-chips{margin-block:var(--space-xs);flex-wrap:wrap;gap:5px;display:flex}.lang-chip{transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);border:1px solid var(--theme-border);background:var(--theme-code-bg);border-radius:var(--radius-m);color:var(--theme-accent);opacity:0;padding:3px 9px;transform:scale(.85)}.in-view .lang-chip{opacity:1;transform:scale(1)}.no-js .lang-chip{opacity:1;transform:none}.lang-chip:first-child{transition-delay:50ms}.lang-chip:nth-child(2){transition-delay:.1s}.lang-chip:nth-child(3){transition-delay:.15s}.lang-chip:nth-child(4){transition-delay:.2s}.lang-chip:nth-child(5){transition-delay:.25s}.lang-chip:nth-child(6){transition-delay:.3s}.bento__card--rfc .bento__card-wrapper{transition:opacity .6s var(--ease-out);opacity:0}.no-js .bento__card--rfc .bento__card-wrapper,.bento__card--rfc.in-view .bento__card-wrapper{opacity:1}.get-started__grid{counter-reset:steps;margin-top:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;display:grid}.get-started__card{counter-increment:steps}.get-started__card:before{content:counter(steps, decimal-leading-zero);margin-bottom:var(--space-s);line-height:var(--leading-flat);color:var(--theme-accent);font-size:var(--size-step--1);font-weight:var(--font-bold);display:block}@media (prefers-reduced-motion:reduce){.batt-fill--accent{width:80%}.batt-fill--muted{width:30%}.doc-bar-jmap{width:19%}.doc-bar-imap{width:100%}.bench-row--jmap .bench-fill{width:2.5%}.bench-row--tb .bench-fill{width:98%}.hs-layer,.lang-chip{opacity:1;transform:none}.bento__card--rfc .bento__card-wrapper{opacity:1}.batt-fill,.doc-bar-fill,.bench-fill,.hs-layer,.lang-chip,.push-dot,.bento__card--rfc .bento__card-wrapper{transition-duration:0s!important;transition-delay:0s!important}.http-request__status-dot{animation:none}}
/*# sourceMappingURL=/home/runner/work/jmapio.github.io/jmapio.github.io/_site/css/home.css.map */