@layer components{.c-modal{background-color:rgba(33,33,33,.95);bottom:0;display:none;left:0;margin:0 auto;opacity:0;position:fixed;right:0;top:0;transition:opacity .15s linear;z-index:2024}.is-open.c-modal{display:block;opacity:1}.c-modal__container{margin:1.5rem auto;position:relative;width:auto}.c-modal__content{display:flex;flex-direction:column}.c-modal__header{display:flex;justify-content:space-between}.c-modal__close{background:var(--modal-close-background,var(--brand-pink));border-radius:50%;height:50px;transition:background .25s ease-in-out;width:50px;z-index:2}.c-modal__close:after{color:var(--modal-close-text-color,#fff);content:"\f00d";font-family:var(--fa-font-family);font-size:1.2rem;font-weight:var(--font-weight-thin);transition:color .25s ease-in-out}.c-modal__close:focus,.c-modal__close:hover{cursor:zoom-out;--modal-close-background:var(--brand-yellow);--modal-close-text-color:var(--brand-blue)}}