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