@layer components{body.modal-open,body:has(.target-modal:target),body:has(.modal.modal-active){overflow:clip}body.modal-open main,body.modal-open .modal-open-overflow,body:has(.target-modal:target) main,body:has(.target-modal:target) .modal-open-overflow,body:has(.modal.modal-active) main,body:has(.modal.modal-active) .modal-open-overflow{overflow:clip scroll}[data-modal-toggle]{cursor:pointer}.modal{display:flex;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:var(--z-modal)}.modal:not(.modal-active){display:none}.modal.top-alignment{align-items:flex-start}.modal.top-alignment .modal-inner{top:2rem}@media(min-width:768px){.modal.top-alignment .modal-inner{max-height:60vh;top:20vh}}.modal-opacity-in:not(.modal-active){display:flex;opacity:0;pointer-events:none!important}.modal-opacity-in:not(.modal-active) .pointer-events-all{pointer-events:none!important}.modal-underlay{background-color:var(--color-black);display:block;top:0;right:0;bottom:0;left:0;opacity:.9;position:fixed;z-index:-1}.modal-inner{height:100vh;overflow:clip scroll;position:relative}.modal-inner-s{width:900px}.modal-inner-l{width:1080px}@media(min-width:1920px){.modal-inner-l{width:1200px}}.modal-padding{padding:1.25rem 6.4%}@media(min-width:450px){.modal-padding{padding-left:6%;padding-right:6%}}@media(min-width:768px){.modal-padding{padding:2.5rem 2.75rem}}.target-modal:target{display:flex}}