@layer pmx.foundation, pmx.plugins, pmx.theme;
@layer pmx.plugins {
.marginalia{--marginalia-width:min(32vw,27rem);display:none;position:relative;flex:0 0 var(--marginalia-width)}.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;opacity:0;border:0;width:100%;height:24rem;transition:opacity .2s}.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)}.cm-workspace:has(.marginalia[data-over]){position:relative}.marginalia[data-over]{position:absolute;z-index:3;top:var(--cm-space-5);right:var(--cm-page-start);width:var(--marginalia-width)}.marginalia[data-over] :-webkit-any(.marginalia-note[data-size=full],.marginalia-promote){box-shadow:0 var(--cm-space-2)var(--cm-space-6)var(--pmx-shadow-color)}.marginalia[data-over] :-moz-any(.marginalia-note[data-size=full],.marginalia-promote){box-shadow:0 var(--cm-space-2)var(--cm-space-6)var(--pmx-shadow-color)}.marginalia[data-over] :is(.marginalia-note[data-size=full],.marginalia-promote){box-shadow:0 var(--cm-space-2)var(--cm-space-6)var(--pmx-shadow-color)}[data-marginalia-keep] figure{transition:filter .36s}[data-marginalia-keep] figure[data-marginalia-under]{filter:opacity(.22)}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}.marginalia[data-settling] .marginalia-note{transition:none}@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));width:100%}.marginalia-note[data-ready] iframe{opacity:1}.marginalia-note[data-size=full] .marginalia-close{right:0}.marginalia-loading{position:absolute;overflow:hidden;box-sizing:border-box;padding:var(--cm-space-7)var(--cm-space-5)var(--cm-space-5);font-size:var(--cm-text-small);transition:opacity .16s .12s;inset:0}.marginalia-note[data-ready] .marginalia-loading{opacity:0}.marginalia-preview figure{margin:0 0 var(--cm-space-5)}.marginalia-preview img{display:block;opacity:0;width:100%;height:auto;transition:opacity .2s}.marginalia-preview img[data-loaded]{opacity:1}.marginalia-preview p{margin:0 0 var(--cm-space-3);font-size:var(--cm-text-small);line-height:var(--cm-leading-body)}.marginalia-note{container-type:inline-size}.marginalia-preview{--marginalia-ratio-up:calc(1 + (var(--cm-ratio) - 1)*.6)}@container (width>=40rem){.marginalia-preview{--marginalia-ratio-up:calc(1 + (var(--cm-ratio) - 1)*.8)}}@container (width>=62rem){.marginalia-preview{--marginalia-ratio-up:var(--cm-ratio)}}.marginalia-preview .marginalia-preview-title{font-family:var(--pmx-font-heading);font-weight:var(--cm-weight-heading);font-size:calc(var(--cm-text-body)*pow(var(--marginalia-ratio-up),var(--cm-step-term)));line-height:var(--cm-leading-heading);letter-spacing:var(--cm-tracking-display);text-wrap:balance}.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,.marginalia-loading,.marginalia-preview img,[data-marginalia-keep] figure{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}
}