.modal{align-items:flex-end;display:flex;justify-content:center;padding:16px 0 0}@media screen and (min-width:768px){.modal{align-items:center;padding:16px}}.modal__content{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;max-height:100%;max-width:100%;overflow:hidden auto;padding:24px;position:relative;width:100%}@media screen and (min-width:768px){.modal__content{max-width:540px;padding:40px}}.modal__close{align-items:center;color:#1c2428;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:0;top:0;transition:all .4s ease 0s;width:100%;z-index:20}@media(hover:hover){.modal__close:hover{transform:rotate(90deg)}}@media screen and (min-width:768px){.modal__close{height:28px;right:16px;top:16px;width:28px}}.modal__close:after{background-color:currentcolor;border-radius:100px;content:"";display:block;height:4px;width:40px}@media screen and (min-width:768px){.modal__close:after{display:none}}@media(hover:hover){.modal__close:focus,.modal__close:hover{color:var(--color-brand-200)}}.modal__close-icon.nuxt-icon{display:none;height:28px;width:28px}@media screen and (min-width:768px){.modal__close-icon.nuxt-icon{display:block}}.modal__close-icon.nuxt-icon svg{height:100%;margin:0;width:100%}.modal__header:not(:last-child){margin:0 0 24px}@media screen and (min-width:1024px){.modal__header:not(:last-child){margin:0 0 32px}}.modal__header-text{color:var(--color-neutral-600);margin:24px 0}.modal__footer-button{width:100%}