.ce-click-bubble{--ce-bubble-bg: var(--accent);--ce-bubble-ink: #fff;display:flex;flex-direction:column;align-items:center;gap:0;width:fit-content;margin:.15rem auto .85rem;padding:0;border:0;background:transparent;pointer-events:none;font-family:var(--font-display);color:var(--ce-bubble-ink);animation:ce-bubble-point 1.35s ease-in-out infinite}.ce-click-bubble-label{display:inline-block;padding:.45rem .95rem;border-radius:999px;background:var(--ce-bubble-bg);font-size:.92rem;font-weight:700;letter-spacing:.02em;line-height:1.2;box-shadow:0 4px 14px #0000002e}.ce-click-bubble-tail{display:block;width:0;height:0;margin-top:-1px;border-left:.55rem solid transparent;border-right:.55rem solid transparent;border-top:.65rem solid var(--ce-bubble-bg)}.ce-click-bubble.is-open{animation:none}.ce-click-bubble.is-open .ce-click-bubble-label{background:var(--panel, var(--wash));color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.ce-click-bubble.is-open .ce-click-bubble-tail{border-top-color:var(--line)}@keyframes ce-bubble-point{0%,to{transform:translateY(0)}45%{transform:translateY(.35rem)}60%{transform:translateY(.2rem)}}@media(prefers-reduced-motion:reduce){.ce-click-bubble{animation:none}}.me-viewport{--rail-idle: .35rem;--rail-hover: 2.75rem;--me-open: 0;--me-reveal-x: 22%;--me-reveal-y: 26%;--me-reveal-scale: .1;--me-cascade: 1.85rem;--me-stage: #070a0c;--me-sheet: #0b1014;--me-layer-body: rgba(6, 10, 12, .55);--me-crumb-bg: rgba(0, 0, 0, .25);--me-crumb-line: rgba(255, 255, 255, .16);--me-hint-bg: rgba(255, 255, 255, .06);--me-sheet-shadow: -14px -14px 44px rgba(0, 0, 0, .5);--me-overlay-a: .45;--me-overlay-b: .32;--me-overlay-c: .5;--me-layer-a: .55;--me-layer-b: .72;position:relative;min-height:var(--demo-stage-min-modal);max-height:var(--demo-stage-max-h);border:1px solid var(--line);border-radius:.45rem;overflow:hidden;background:var(--me-stage);color:var(--ink);box-shadow:var(--demo-stage-shadow)}html[data-theme=light] .me-viewport{--me-stage: #f4f7f6;--me-sheet: #ffffff;--me-layer-body: rgba(255, 255, 255, .94);--me-crumb-bg: #ffffff;--me-crumb-line: rgba(0, 0, 0, .14);--me-hint-bg: rgba(255, 255, 255, .88);--me-sheet-shadow: -10px -10px 36px rgba(0, 0, 0, .12);--me-overlay-a: .14;--me-overlay-b: .09;--me-overlay-c: .16;--me-layer-a: .22;--me-layer-b: .34}.me-viewport.is-revealed{overflow:visible;z-index:2}.me-stack{position:absolute;inset:.65rem 2.75rem 2.75rem .65rem;z-index:1;pointer-events:none;visibility:hidden;opacity:0}.me-viewport.is-revealed .me-stack{pointer-events:auto;visibility:visible;opacity:1}.me-layer{--depth: 0;position:absolute;inset:0;display:grid;grid-template-columns:2.1rem 1fr;grid-template-rows:2.1rem 1fr;border:0;padding:0;margin:0;text-align:left;color:inherit;cursor:pointer;border-radius:.35rem;overflow:hidden;transform:translate(calc(var(--depth) * var(--me-cascade)),calc(var(--depth) * var(--me-cascade)));background:radial-gradient(100% 80% at 0% 0%,hsl(var(--layer-overlay) / var(--me-layer-a)),transparent 55%),linear-gradient(145deg,hsl(var(--layer-overlay) / var(--me-layer-a)),hsl(var(--layer-overlay-2) / var(--me-layer-b)));box-shadow:inset 0 0 0 1px var(--line);transition:filter .2s ease,transform .25s ease;z-index:calc(var(--depth) + 1)}.me-layer:hover,.me-layer:focus-visible{filter:brightness(1.08);outline:2px solid var(--accent);outline-offset:2px;z-index:20}.me-layer-edge{grid-row:1 / -1;grid-column:1;background:hsl(var(--layer-overlay) / .95);min-width:2.1rem}.me-layer-top{grid-row:1;grid-column:2;background:hsl(var(--layer-overlay) / .88);min-height:2.1rem;display:flex;align-items:center;padding:0 .75rem;font-family:var(--font-display);font-size:.85rem;font-weight:600}.me-layer-body{grid-row:2;grid-column:2;display:grid;align-content:start;gap:.15rem;padding:.85rem 1rem;background:var(--me-layer-body)}.me-layer-body strong{font-family:var(--font-display)}.me-layer-body small{opacity:.7}.me-sheet{position:absolute;inset:0;z-index:3;color:var(--ink);background-color:var(--me-sheet);background-image:radial-gradient(120% 90% at 10% 0%,hsl(var(--overlay) / var(--me-overlay-a)),transparent 55%),linear-gradient(145deg,hsl(var(--overlay) / var(--me-overlay-b)),hsl(var(--overlay-2) / var(--me-overlay-c)) 55%,var(--me-sheet) 100%);transform:translate(calc(var(--me-reveal-x) * var(--me-open)),calc(var(--me-reveal-y) * var(--me-open))) scale(calc(1 - var(--me-reveal-scale) * var(--me-open)));transform-origin:top left;box-shadow:none;border-radius:0;transition:transform .18s ease-out,box-shadow .25s ease,border-radius .25s ease}.me-viewport.is-vt .me-sheet{transition:none}.me-viewport.is-revealed .me-sheet{--me-open: 1;box-shadow:var(--me-sheet-shadow);border-radius:.4rem;cursor:pointer}.me-content{margin:calc(var(--rail-idle) + .85rem) 1rem 1rem calc(var(--rail-idle) + .85rem)}.me-crumb{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;padding:0;margin:1rem 0 0;font-size:.8rem;font-family:var(--font-display)}.me-crumb li{padding:.2rem .55rem;border-radius:999px;border:1px solid var(--me-crumb-line);background:var(--me-crumb-bg)}.me-crumb li:not(:last-child):after{content:none}.me-viewport .cr-rail-left .cr-rail-label{display:none}html.is-modal-vt{view-transition-name:none}html.is-modal-vt *{view-transition-name:none!important}html.is-modal-vt .me-sheet{view-transition-name:me-sheet!important}html.is-modal-vt::view-transition{clip-path:inset(var(--me-vt-inset-t, 0px) var(--me-vt-inset-r, 0px) var(--me-vt-inset-b, 0px) var(--me-vt-inset-l, 0px))}.me-viewport::view-transition{overflow:hidden;pointer-events:none}.me-viewport::view-transition-old(root),.me-viewport::view-transition-new(root),html.is-modal-vt::view-transition-old(root),html.is-modal-vt::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-group(me-sheet){animation-duration:.45s;animation-timing-function:cubic-bezier(.22,1,.36,1);z-index:8}
