.modal{-webkit-backdrop-filter:blur(.25rem) opacity(.999) saturate(.3);backdrop-filter:blur(.25rem) opacity(.999) saturate(.3);background-color:color-mix(in srgb,var(--modal-overlay-color,var(--primary)),transparent calc(var(--modal-overlay-opacity, .5)*100%))}.modal>.foreground-content{display:grid;grid-template-areas:"ModalContent";max-height:unset;min-height:unset}.modal>.foreground-content>.backdrop,.modal>.foreground-content>.container{grid-area:ModalContent}.modal>.foreground-content>.backdrop{appearance:none;background:none;border:none;cursor:default;max-height:100vh;max-width:100vw}.modal>.foreground-content>.container{max-width:calc(var(--container-xs) - var(--modal-padding, 1rem)*2);padding:unset;place-self:center;position:relative}@media (min-width:576px){.modal>.foreground-content>.container{max-width:calc(var(--container-sm) - var(--modal-padding, 1rem)*2)}}@media (min-width:768px){.modal>.foreground-content>.container{max-width:calc(var(--container-md) - var(--modal-padding, 1rem)*2)}}@media (min-width:992px){.modal>.foreground-content>.container{max-width:calc(var(--container-lg) - var(--modal-padding, 1rem)*2)}}@media (min-width:1200px){.modal>.foreground-content>.container{max-width:calc(var(--container-xl) - var(--modal-padding, 1rem)*2)}}@media (min-width:1400px){.modal>.foreground-content>.container{max-width:calc(var(--container-xxl) - var(--modal-padding, 1rem)*2)}}.modal>.foreground-content>.container>.column-loop{max-height:calc(100vh - var(--modal-padding, 1rem)*2)}.modal>.background-layers{align-self:stretch;justify-self:center;max-height:unset;min-height:100%;width:100%}.modal .close{background:#fff;border:none;border-radius:100%;color:var(--danger);font-size:2rem;line-height:1em;padding:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);z-index:10}