.cd{color:inherit;white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.cd.is-pending .cd-tiles{visibility:hidden}.cd-label{letter-spacing:.08em;text-transform:uppercase;opacity:.78;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:11px}.cd-tiles{gap:4px;display:inline-flex}.cd-tile{background:color-mix(in srgb,currentColor 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 14%,transparent);border-radius:8px;align-items:baseline;gap:1px;padding:4px 7px;display:inline-flex}.cd-num{font-variant-numeric:tabular-nums;color:var(--cd-num,currentColor);text-align:right;min-width:2ch;font-size:15px;font-weight:700;line-height:1.1}.cd-unit{opacity:.72;font-size:11px;font-weight:500}.cd-sm .cd-num{font-size:13px}.cd-sm .cd-tile{padding:3px 6px}.cd-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ab-slot{grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.2,.7,.2,1);display:grid}.ab-slot.is-open{grid-template-rows:1fr}.ab-clip{min-height:0;overflow:hidden}.ab-slot .ab{opacity:0;transition:transform .42s cubic-bezier(.2,.7,.2,1),opacity .3s;transform:translateY(-8px)}.ab-slot.is-open .ab{opacity:1;transform:none}.ab--site{--ab-bg:var(--m-dark);--ab-fg:var(--m-on-dark);--ab-mut:var(--m-on-dark-mut);--ab-line:var(--m-dark-line);--ab-mint:var(--m-mint);--ab-acc:var(--m-acc);--ab-acc-hover:var(--m-acc-hover);--ab-on-acc:var(--m-on-acc);--ab-display:var(--m-display);--ab-text:var(--m-text);--ab-mono:var(--m-mono);--ab-gutter:var(--m-gutter);--ab-max:var(--m-max)}.ab.ab--app{--ab-bg:transparent;--ab-fg:var(--es-on-dark);--ab-mut:var(--es-on-dark-mut);--ab-line:var(--es-dark-line);--ab-mint:var(--es-mint);--ab-acc:var(--surface-action-label);--ab-acc-hover:var(--surface-action-label-hover);--ab-on-acc:var(--text-on-action);--ab-display:var(--font-display);--ab-text:var(--font-ui);--ab-mono:var(--font-mono);--ab-gutter:var(--space-6,24px);--ab-max:100%;border-radius:0;padding:0}.ab{color:var(--ab-fg);font-family:var(--ab-text);border-bottom:1px solid var(--ab-line);position:relative;overflow:hidden}.ab--site{background:radial-gradient(120% 180% at 0% 0%, color-mix(in srgb,var(--ab-acc) 30%,transparent) 0%, transparent 42%), radial-gradient(120% 200% at 100% 100%, color-mix(in srgb,var(--ab-mint) 20%,transparent) 0%, transparent 46%), var(--ab-bg)}.ab:before{content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ab-mint) 70%,transparent) 20%, var(--ab-acc) 50%,color-mix(in srgb,var(--ab-mint) 70%,transparent) 80%,transparent 100%);opacity:.9;height:2px;position:absolute;inset:0 0 auto}.ab:after{content:"";pointer-events:none;background:linear-gradient(100deg,transparent 42%,color-mix(in srgb,var(--ab-mint) 12%,transparent) 50%,transparent 58%);background-position:120% 0;background-size:220% 100%;animation:7.5s ease-in-out infinite ab-sheen;position:absolute;inset:0}.ab-in{z-index:1;max-width:calc(var(--ab-max) + var(--ab-gutter) * 2);padding:10px calc(var(--ab-gutter) + 36px) 10px var(--ab-gutter);align-items:center;gap:20px;min-height:58px;margin:0 auto;display:flex;position:relative}.ab-text{flex:auto;align-items:center;gap:13px;min-width:0;display:flex}.ab-icon{width:34px;height:34px;color:var(--ab-mint);background:color-mix(in srgb,var(--ab-mint) 16%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--ab-mint) 30%,transparent) inset;border-radius:999px;flex:none;place-items:center;display:grid;position:relative}.ab-icon:after{content:"";pointer-events:none;box-shadow:0 0 0 0 color-mix(in srgb,var(--ab-mint) 45%,transparent);border-radius:999px;animation:3.2s ease-out infinite ab-halo;position:absolute;inset:-4px}.ab-text p{min-width:0;margin:0;font-size:14px;line-height:1.4}.ab-head{font-family:var(--ab-display);letter-spacing:-.01em;color:var(--ab-fg);font-weight:600}.ab-sub{color:var(--ab-mut);margin-left:8px}.ab-side{flex:none;align-items:center;gap:16px;display:flex}.ab-cd{--cd-num:var(--ab-fg);color:var(--ab-mut)}.ab-cd .cd-label{color:var(--ab-mut)}.ab-cd .cd-tile{background:color-mix(in srgb,var(--ab-fg) 9%,transparent);min-width:30px;box-shadow:0 0 0 1px color-mix(in srgb,var(--ab-mint) 22%,transparent) inset;border-radius:7px;padding:3px 6px 4px}.ab-cd .cd-num{color:var(--ab-fg);font-variant-numeric:tabular-nums;letter-spacing:.02em}.ab-cd .cd-unit{color:var(--ab-mut)}.ab-actions{align-items:center;gap:10px;display:flex}.ab-code{cursor:pointer;background:color-mix(in srgb,var(--ab-mint) 6%,transparent);height:36px;color:var(--ab-fg);border:1px dashed color-mix(in srgb,var(--ab-mint) 55%,transparent);font:inherit;border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 12px;transition:background .15s,border-color .15s;display:inline-flex}.ab-code:hover{background:color-mix(in srgb,var(--ab-mint) 14%,transparent);border-color:color-mix(in srgb,var(--ab-mint) 75%,transparent)}.ab-code-text{font-family:var(--ab-mono);letter-spacing:.06em;font-size:13px;font-weight:600}.ab-code-act{background:color-mix(in srgb,var(--ab-fg) 10%,transparent);height:26px;color:var(--ab-fg);border-radius:999px;align-items:center;gap:4px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.ab-code.is-copied .ab-code-act{background:color-mix(in srgb,var(--ab-mint) 22%,transparent);color:var(--ab-mint)}.ab .ab-cta{white-space:nowrap;background:var(--ab-acc);height:38px;color:var(--ab-on-acc);box-shadow:0 1px 0 color-mix(in srgb,var(--ab-fg) 18%,transparent) inset,0 6px 18px -8px color-mix(in srgb,var(--ab-acc) 90%,transparent);border-radius:999px;align-items:center;gap:7px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.ab .ab-cta:after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ab-on-acc) 38%,transparent),transparent);width:40%;height:100%;transition:left .5s;position:absolute;top:0;left:-60%;transform:skew(-18deg)}.ab .ab-cta:hover{background:var(--ab-acc-hover);color:var(--ab-on-acc);box-shadow:0 1px 0 color-mix(in srgb,var(--ab-fg) 18%,transparent) inset,0 10px 22px -8px color-mix(in srgb,var(--ab-acc) 95%,transparent);transform:translateY(-1px)}.ab .ab-cta:hover:after{left:120%}.ab .ab-cta svg{transition:transform .15s}.ab .ab-cta:hover svg{transform:translate(2px)}.ab-close{right:calc(var(--ab-gutter) - 6px);width:32px;height:32px;color:var(--ab-mut);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:color .15s,background .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.ab-close:hover{color:var(--ab-fg);background:color-mix(in srgb,var(--ab-fg) 10%,transparent)}.ab :focus-visible{outline:2px solid var(--ab-mint);outline-offset:2px}.ab-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes ab-sheen{0%{background-position:120% 0}55%,to{background-position:-120% 0}}@keyframes ab-halo{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ab-mint) 45%,transparent)}70%,to{box-shadow:0 0 0 10px color-mix(in srgb,var(--ab-mint) 0%,transparent)}}@media (prefers-reduced-motion:reduce){.ab-slot,.ab-slot .ab{transition:none}.ab:after,.ab-icon:after{animation:none}.ab:after{display:none}.ab .ab-cta,.ab .ab-cta:after,.ab .ab-cta svg,.ab-code,.ab-close{transition:none}}@media (width<=1180px){.ab-sub{margin-left:0;font-size:13px;display:block}}@media (width<=900px){.ab-in{flex-wrap:wrap;gap:10px 16px;padding-top:12px;padding-bottom:12px}.ab-text{flex-basis:100%}.ab-side{flex-wrap:wrap;flex:auto;justify-content:space-between}}@media (width<=560px){.ab-in{padding-right:calc(var(--ab-gutter) + 28px)}.ab-text{align-items:flex-start}.ab-icon{display:none}.ab-side{flex-direction:column;align-items:stretch;gap:10px;width:100%}.ab-cd{justify-content:flex-start}.ab-actions{width:100%}.ab-code{flex:auto;justify-content:space-between;height:40px}.ab .ab-cta{flex:auto;justify-content:center;height:40px}.ab-close{top:10px;transform:none}}