:root{--popup-margin-top:var(--padding-small);--popup-margin-bottom:var(--padding-small);--popup-margin-side:calc(var(--base-size) + var(--padding-big))}@media (width<=540px){:root{--popup-margin-side:var(--padding-base)}}.popover-modal-wrap{--content-width:min(calc(var(--content-max-text-width) + var(--popup-margin-side)*2), calc(100cqi - var(--padding-base)));--popover-max-height:calc(100svh - var(--popup-margin-top) - var(--popup-margin-bottom));width:100vw;height:var(--win-height,100vh);padding-block:var(--popup-margin-top);z-index:var(--z-index-modal);justify-content:center;align-items:flex-start;display:flex;position:fixed;top:0;left:0}.popover-modal-wrap .modal-shadow{background:var(--color-popover-shadow-light);z-index:0;width:calc(100vw + 10px);height:calc(100vh + 10px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popover-modal-wrap .popover-modal{--color-text:var(--color-panel-text);--popover-header-h:var(--base-size);max-width:calc(100vw - var(--padding-base));max-height:var(--popover-max-height);min-height:calc(var(--base-size)*2);border-radius:var(--corner-radius);height:fit-content;box-shadow:0 0 0 1px var(--color-line-light);background-color:var(--color-panel);color:var(--color-text);overscroll-behavior:contain;scroll-behavior:smooth;z-index:1;position:relative;overflow:auto}.popover-modal-wrap .popover-modal .popover-header{height:var(--popover-header-h);padding-inline:var(--padding-small);z-index:200;width:min(100%,var(--content-width));align-items:center;display:flex;position:sticky;top:0;right:0}.popover-modal-wrap .popover-modal .popover-header .left{flex-grow:1;margin-right:auto;display:flex}.popover-modal-wrap .popover-modal .popover-header .right{flex-shrink:0;margin-left:auto;display:flex}.popover-modal-wrap .popover-overlays{position:relative}.popover-modal-wrap .popover-overlays:after{--frame-width:calc(var(--padding-mini)*.75);content:"";inset:var(--frame-width);pointer-events:none;box-sizing:border-box;border-width:var(--frame-width);border-color:color-mix(in lab,var(--color-bg),var(--color-panel));border-radius:calc(var(--corner-radius) - var(--frame-width));mix-blend-mode:exclusion;opacity:0;z-index:1;border-style:dashed;transition:opacity .2s;display:block;position:absolute}.popover-modal-wrap .popover-overlays:has(.editable):after{opacity:.3;transition:opacity .4s}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}