.modal-holder{display:flex;justify-content:center;align-items:center;position:fixed;top:0;bottom:0;left:0;right:0;z-index:100}.modal-holder__content{display:flex;justify-content:center;align-items:center;position:relative;background-color:var(--body);box-shadow:0 12px 16px #6d6d6d14}@media screen and (min-width: 1024px){.modal-holder__content{padding:2.5em;border-radius:var(--border-radius-xl)}}@media screen and (max-width: 1024px){.modal-holder__content{padding:1em;border-radius:var(--border-radius-lg)}}@media screen and (max-width: 720px){.modal-holder__content{margin:1em}}.modal-holder__close{position:absolute;bottom:calc(100% + .5em);right:0;color:var(--white)}