:root{--popup-padding:clamp(2rem,5vw,4rem);--popup-maxwidth:960px;--popup-maxheight:80vh;--popup-width:90vw;--popup-border-radius:1rem;--popup-background:var(--color-sand-500);--popup-color:var(--color-black)}::view-transition-old(popup-slide){animation:popupOut .5s ease both}::view-transition-new(popup-slide){animation:popupIn .3s ease both}.popup[open]{display:grid;height:100vh;left:0;place-content:center;position:fixed;top:0;width:100vw;z-index:9999}.popup[open] .popup-backdrop{background:var(--color-black);height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:0}.popup-container{--list-color:var(--link-color);border-radius:var(--popup-border-radius);margin-left:auto;margin-right:auto;max-height:var(--popup-maxheight);max-width:var(--popup-maxwidth);overflow-y:auto;position:relative;width:calc(var(--popup-width) - var(--popup-padding)*2);z-index:1}.popup-trigger-hidden{display:none;list-style:none}.popup-trigger-hidden::-webkit-details-marker{display:none}.popup-step{display:none;&.active{display:block}}.popup-step-content{--heading-color:var(--popup-color);--text-color:var(--popup-color);margin-left:auto;margin-right:auto;padding:var(--popup-padding) calc(var(--popup-padding)*2);[data-level="1"]>&{padding-bottom:0}[data-level="2"] &{--heading-color:var(--popup-background);--block-overlay-color:var(--color-green-500);&:before{background:radial-gradient(circle at bottom 0 left 0,transparent 30%,var(--block-overlay-color));content:"";inset:0;mix-blend-mode:hard-light;opacity:40%;position:absolute}}}.popup-step-links{display:flex;flex-wrap:wrap;gap:0 1rem;justify-content:center;padding:var(--popup-padding);padding-top:0;& .btn{--button-padding-small:0;margin-top:.75rem;padding:0;padding-bottom:var(--popup-padding)}& a.btn-link{--button-padding-small:10px 36px 12px;padding:var(--button-padding-small)}[data-level="2"] &{--heading-color:var(--popup-color);--text-color:var(--popup-color);background:var(--popup-background);padding-bottom:calc(var(--popup-padding)*.75);padding-top:calc(var(--popup-padding)*.75)}}.popup-step-action{width:100%}.popup-close-button{appearance:none;background:var(--text-color);border:0;border-radius:2rem;color:var(--body-background);height:2rem;position:absolute;right:.5rem;top:.5rem;width:2rem;z-index:10}.popup-step hr{border:0;border-top:1px solid var(--text-color);margin:3rem auto;max-width:100%;opacity:.3}.popup-step.active:not(:has(.popup-step.active)){view-transition-name:popup-slide}