[popover]#piu-popup{--piu-width-small:400px;--piu-width-medium:600px;--piu-width-large:800px;--piu-padding:2rem;--piu-border-radius:8px;--piu-close-size:2rem;--piu-box-shadow:0 4px 12px #00000026;--piu-border-color:#e0e0e0;--piu-backdrop-color:#00000080;border:1px solid var(--piu-border-color);border-radius:var(--piu-border-radius);padding:var(--piu-padding);box-shadow:var(--piu-box-shadow);background:#fff;max-width:90vw;max-height:90vh;margin:auto;position:fixed;inset:0;overflow:auto}.piu-popup--small{width:var(--piu-width-small)}.piu-popup--medium{width:var(--piu-width-medium)}.piu-popup--large{width:var(--piu-width-large)}.piu-popup--center{margin:auto!important}.piu-popup--top{margin-top:2rem!important;margin-bottom:auto!important}.piu-popup--bottom{margin-top:auto!important;margin-bottom:2rem!important}.piu-popup__content{position:relative}.piu-popup__close{width:var(--piu-close-size);height:var(--piu-close-size);cursor:pointer;color:#666;z-index:1;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:color .2s ease-out;display:flex;position:absolute;top:1rem;right:1rem}.piu-popup__close:hover{color:#000;background:#0000000d}.piu-popup__close:focus{outline-offset:2px;outline:2px solid #0073aa}@starting-style{[popover]#piu-popup:popover-open{opacity:0;transform:scale(.95)}}[popover]#piu-popup{opacity:0;transition:opacity .2s ease-out,transform .2s ease-out,overlay .2s ease-out allow-discrete,display .2s ease-out allow-discrete;transform:scale(.95)}[popover]#piu-popup:popover-open{opacity:1;transform:scale(1)}.piu-popup--no-animation{transition:none!important}[popover]#piu-popup::backdrop{background:var(--piu-backdrop-color);transition:background .2s ease-out}@starting-style{[popover]#piu-popup:popover-open::backdrop{background:0 0}}@media (width<=768px){[popover]#piu-popup{--piu-padding:1.5rem;max-width:calc(100vw - 2rem);width:calc(100vw - 2rem)!important}.piu-popup--top,.piu-popup--bottom{margin-top:1rem;margin-bottom:1rem}.piu-popup__close{top:.5rem;right:.5rem}}@supports not selector(:popover-open){[popover]#piu-popup{display:none}[popover]#piu-popup:popover-open{display:block}}