@layer components{body:has(.modal-active),body:has(.target-modal:target){overflow:clip}body:has(.modal-active) main,body:has(.modal-active) .modal-open-overflow,body:has(.target-modal:target) main,body:has(.target-modal:target) .modal-open-overflow{overflow:clip scroll}[data-modal-toggle]{cursor:pointer}.modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;overflow:clip scroll;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 (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:.75;position:fixed;z-index:-1}.modal-inner{max-height:98svh;overflow:auto;position:relative}.modal-inner-s{width:900px}.modal-inner-l{width:1080px}@media (width >= 1920px){.modal-inner-l{width:1200px}}.modal-padding{padding:1.25rem 6.4%}@media (width >= 450px){.modal-padding{padding-left:6%;padding-right:6%}}@media (width >= 768px){.modal-padding{padding:2.5rem 2.75rem}}.target-modal:target{display:flex}}