@layer pmx.foundation, pmx.plugins, pmx.theme;
@layer pmx.plugins {
.marginalia{display:none;position:relative;flex:0 0 min(32vw,27rem)}.marginalia[data-open]{display:block}.marginalia-note{position:absolute;color:var(--pmx-color-fg);overflow:visible;background:0 0;border:0;width:100%;max-width:none;max-height:none;margin:0;padding:0;inset:auto 0}.marginalia-note iframe{display:block;border:0;width:100%;height:24rem}.marginalia-close{display:block;margin-left:auto;margin-right:var(--cm-space-5);width:var(--cm-button-target);height:var(--cm-button-target);color:var(--pmx-color-muted);font:var(--cm-text-body)var(--cm-font-label);cursor:pointer;background:0 0;border:0}.marginalia-close:-webkit-any(:hover,:focus-visible){color:var(--pmx-color-link);background:var(--pmx-color-surface);outline:none}.marginalia-close:-moz-any(:hover,:focus-visible){color:var(--pmx-color-link);background:var(--pmx-color-surface);outline:none}.marginalia-close:is(:hover,:focus-visible){color:var(--pmx-color-link);background:var(--pmx-color-surface);outline:none}.cm-workspace:has(.marginalia[data-open]){gap:var(--cm-space-6)}a[data-marginalia-open]{text-decoration:underline;text-underline-offset:.16em}@media (max-width:48rem){.marginalia[data-open]{flex-basis:0;min-width:0}.cm-workspace:has(.marginalia[data-open]){gap:0}.marginalia-note{position:fixed;overflow:auto;background:var(--pmx-color-bg);padding-top:env(safe-area-inset-top);width:100vw;height:100dvh;max-height:100dvh}.marginalia-note::backdrop{background:var(--pmx-color-bg)}}.marginalia-close{position:absolute;z-index:2;top:0;right:var(--cm-space-5);opacity:0;margin:0;transition:opacity .14s}.marginalia-note:-webkit-any(:hover,:focus-within,[data-active]) .marginalia-close{opacity:1}.marginalia-note:-moz-any(:hover,:focus-within,[data-active]) .marginalia-close{opacity:1}.marginalia-note:is(:hover,:focus-within,[data-active]) .marginalia-close{opacity:1}.marginalia-note[data-active],.marginalia-note:focus-within{z-index:2}a[data-marginalia-active]{color:var(--pmx-color-link);background-color:color-mix(in srgb,var(--pmx-color-link)9%,transparent);text-decoration:underline}@media (max-width:48rem),(hover:none){.marginalia-close{opacity:1}}@media (prefers-reduced-motion:reduce){.marginalia-close{transition:none}}.marginalia-note [hidden],.marginalia-tip[hidden]{display:none}.marginalia-promote,.marginalia-tip{color:var(--pmx-color-fg);background:var(--pmx-color-bg);border:1px solid var(--pmx-color-border);text-align:left;cursor:pointer;padding:0}.marginalia-promote{margin-inline:var(--cm-space-5);width:calc(100% - 2*var(--cm-space-5))}.marginalia-tip{position:fixed;z-index:1100;box-shadow:0 0 var(--cm-space-6)var(--pmx-shadow-color);width:min(22rem,100vw - 24px)}.marginalia-summary{display:flex;gap:var(--cm-space-3);padding:var(--cm-space-4);font:var(--cm-text-label)/var(--cm-leading-label)var(--cm-font-label);align-items: center}.marginalia-summary img{object-fit:contain;width:6rem;height:6rem}.marginalia-summary strong{display:block;font-weight:500;font-size:var(--cm-text-small)}.marginalia-excerpt{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;color:var(--pmx-color-muted);margin-top:var(--cm-space-1);-webkit-box-orient:vertical}.marginalia-summary[data-size=link]{padding:var(--cm-space-2)var(--cm-space-4);padding-right:var(--cm-space-7)}.marginalia-summary[data-size=link] :-webkit-any(img,.marginalia-excerpt){display:none}.marginalia-summary[data-size=link] :-moz-any(img,.marginalia-excerpt){display:none}.marginalia-summary[data-size=link] :is(img,.marginalia-excerpt){display:none}.marginalia-summary[data-size=compact]{flex-direction:column;align-items:stretch}.marginalia-summary[data-size=compact] img{width:100%;height:6rem}.marginalia-note[data-size=link] .marginalia-close{height:40px}.marginalia-promote:-webkit-any(:hover,:focus-visible){border-color:var(--pmx-color-border-strong);outline:none}.marginalia-promote:-moz-any(:hover,:focus-visible){border-color:var(--pmx-color-border-strong);outline:none}.marginalia-promote:is(:hover,:focus-visible){border-color:var(--pmx-color-border-strong);outline:none}.marginalia-tip:-webkit-any(:hover,:focus-visible){border-color:var(--pmx-color-border-strong);outline:none}.marginalia-tip:-moz-any(:hover,:focus-visible){border-color:var(--pmx-color-border-strong);outline:none}.marginalia-tip:is(:hover,:focus-visible){border-color:var(--pmx-color-border-strong);outline:none}.marginalia-tip strong:after{content:" →";color:var(--pmx-color-muted)}.marginalia-note{transition:top .22s}@media (prefers-reduced-motion:reduce){.marginalia-note{transition:none}}@media (max-width:48rem){.marginalia-note{position:fixed;width:calc(100vw - 2*var(--cm-space-4));max-height:calc(100dvh - 2*var(--cm-space-5) - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;background:0 0;height:-moz-fit-content;height:fit-content;margin:auto;padding:0;inset:0;top:0!important}.marginalia-note::backdrop{background:color-mix(in srgb,var(--pmx-color-bg)20%,transparent);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.marginalia-note iframe{background:0 0}.marginalia-close{position:absolute;float:none;margin:0;top:0;right:0}.marginalia-note[open]{animation:.24s cubic-bezier(.2,.7,.3,1) both marginalia-lift}@keyframes marginalia-lift{0%{opacity:0;transform:translateY(var(--cm-space-5))scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}}@media (prefers-reduced-motion:reduce){.marginalia-note[open]{animation:none}}.marginalia-note[data-size=full]{box-sizing:border-box;width:calc(100% - 2*var(--cm-space-5));margin-inline:var(--cm-space-5);border:1px solid var(--pmx-color-border);background:var(--pmx-color-bg);overflow:hidden}.marginalia-note[data-size=full] iframe{height:min(var(--marginalia-shell-height,38rem),calc(100dvh - 4rem));opacity:0;width:100%;transition:opacity .16s}.marginalia-note[data-ready] iframe{opacity:1}.marginalia-note[data-size=full] .marginalia-close{right:0}.marginalia-loading{position:absolute;inset:var(--cm-space-7)var(--cm-space-5)auto}.marginalia-loading .marginalia-summary{padding:0}.marginalia-loading img{opacity:.35;height:12rem}.marginalia-loading .marginalia-excerpt{opacity:.5}.marginalia-note:not([data-size=full]) .marginalia-loading{display:none}.marginalia-note[data-active][data-size=full]{border-color:var(--pmx-color-border-strong)}@media (max-width:48rem){.marginalia-note[data-size=full]{width:calc(100vw - 2*var(--cm-space-4));margin:auto}}@media (prefers-reduced-motion:reduce){.marginalia-note iframe{transition:none}}.marginalia-tip-main{display:block;color:inherit;text-decoration:none}.marginalia-tip-side{position:absolute;background:var(--pmx-color-bg);color:var(--pmx-color-muted);opacity:.65;cursor:pointer;border:0;width:32px;height:32px;padding:0;bottom:4px;right:4px}.marginalia-tip-side:-webkit-any(:hover,:focus-visible){opacity:1;color:var(--pmx-color-link);outline:1px solid var(--pmx-color-border)}.marginalia-tip-side:-moz-any(:hover,:focus-visible){opacity:1;color:var(--pmx-color-link);outline:1px solid var(--pmx-color-border)}.marginalia-tip-side:is(:hover,:focus-visible){opacity:1;color:var(--pmx-color-link);outline:1px solid var(--pmx-color-border)}.marginalia-tip-side[hidden]{display:none}.marginalia-connector{position:fixed;pointer-events:none;z-index:30;overflow:visible;width:100vw;height:100dvh;inset:0}.marginalia-connector path{fill:none;stroke:var(--pmx-color-muted);stroke-width:1;opacity:.4}.marginalia-loading :-webkit-any(button,a){display:inline-block;margin-right:var(--cm-space-4);color:var(--pmx-color-link);font:var(--cm-text-label)/var(--cm-leading-label)var(--cm-font-label);cursor:pointer;text-decoration:underline;background:0 0;border:0}.marginalia-loading :-moz-any(button,a){display:inline-block;margin-right:var(--cm-space-4);color:var(--pmx-color-link);font:var(--cm-text-label)/var(--cm-leading-label)var(--cm-font-label);cursor:pointer;text-decoration:underline;background:0 0;border:0}.marginalia-loading :is(button,a){display:inline-block;margin-right:var(--cm-space-4);color:var(--pmx-color-link);font:var(--cm-text-label)/var(--cm-leading-label)var(--cm-font-label);cursor:pointer;text-decoration:underline;background:0 0;border:0}
}