.popup-wrap{--transparent-actions-offset:.5rem;--close-button-size:  clamp(1.875rem,1.39583rem + 2.12963vw,3.3125rem);--popup-sides-offset:1rem;--popup-top-offset:0px;z-index:999999;background-color:color-mix(in srgb,var(--black),transparent 25%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important}.popup-wrap.transparent{--popup-top-offset:calc(var(--close-button-size) + var(--transparent-actions-offset))}.popup-window{background-color:var(--white);border-radius:var(--rounded);max-width:1000px;max-height:calc(100vh - 2*var(--popup-sides-offset));margin:var(--popup-sides-offset)var(--popup-sides-offset);flex-flow:column;justify-content:stretch;display:flex;box-shadow:0 0 24px #0000004a}.popup-window:is(.popup-wrap.transparent *){--close-button-base-color:var(--white);box-shadow:none;background-color:#0000;border-radius:0;width:100%;max-width:none;height:100%}.popup-window .heading{display:flex}.popup-window .heading:is(.popup-wrap.transparent *){margin-bottom:var(--transparent-actions-offset);margin-right:-.5rem}.popup-window .heading .title{margin:var(--element-spacing)var(--element-spacing)var(--element-spacing-small)}.popup-window .content{padding:var(--element-spacing);flex-grow:1;overflow:auto}.popup-window .content:is(.heading+*){padding-top:0}.popup-window .content:is(.popup-wrap.transparent *){overflow:initial;max-height:calc(100vh - 2*var(--popup-sides-offset) - var(--close-button-size) - var(--transparent-actions-offset));padding:0}.popup-window .content:is(.popup-wrap.transparent *):not(.popup-wrap.stretch *){width:fit-content;margin-inline:auto}.popup-window .close-button{--stroke:3px;--length:73%;--color:var(--close-button-base-color,var(--black));--background:transparent;--outline:var(--color);font:inherit;letter-spacing:inherit;word-spacing:inherit;white-space:nowrap;color:var(--black);text-align:left;cursor:pointer;width:var(--close-button-size);height:var(--close-button-size);padding:0;padding:var(--close-button-padding);pointer-events:all;background:0 0;border:none;border-radius:50%;justify-self:flex-end;align-items:center;margin:0;line-height:1;display:inline-flex}.popup-window .close-button:focus:not(:focus-visible){outline:none}.popup-window .close-button:focus-visible{outline:2px solid var(--focus-color,var(--primary-color));outline-offset:var(--focus-offset,3px)}.popup-window .close-button:hover{--color:var(--white);--background:var(--dark-green);--outline:var(--dark-green)}.popup-window .close-button:active{--color:var(--light-purple-darker);--background:var(--dark-green-darker);--outline:var(--dark-green-darker)}.popup-window .close-button label{cursor:inherit;display:inline}.popup-window .close-button .icon{width:var(--close-button-size);height:var(--close-button-size);border:var(--stroke)solid var(--outline,var(--color));background-color:var(--background);border-radius:50%;position:relative}.popup-window .close-button .icon:before,.popup-window .close-button .icon:after{content:"";width:var(--length);height:var(--stroke);background-color:var(--color);position:absolute;top:50%;left:50%;translate:-50% -50%}.popup-window .close-button .icon:before{rotate:-45deg}.popup-window .close-button .icon:after{rotate:45deg}.popup-window .close-button{margin-left:auto}.popup-window .close-button:not(.popup-wrap.transparent *){margin:var(--element-spacing)var(--element-spacing)0 auto;transform:translate(calc(.5*var(--element-spacing)),calc(-.5*var(--element-spacing)))}.popup-window{max-height:calc(100vh - 2*var(--popup-sides-offset));margin-top:var(--popup-sides-offset)}
/*# sourceMappingURL=css-shared-template--popup.css.map*/