.modal{z-index:2147483645;opacity:0;visibility:hidden;background-color:var(--color__white);width:100vw;height:100vh;min-height:30px;color:var(--color__black);pointer-events:none;border-radius:10px;flex-direction:column;justify-content:center;padding:10px;transition:transform .2s ease-out,opacity .2s ease-out,visibility .2s ease-out;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 3px #0000004d;.modal-container--open &{opacity:1;visibility:visible;pointer-events:initial}}@media(width>=560px){.modal{width:80%;max-width:690px;height:auto;max-height:85vh;transform:translate(-50%,-60%);.modal-container--open &{transform:translate(-50%,-60%)}}}.modal__title{margin:0 0 4px;font-size:2rem}.modal__background{opacity:0;visibility:hidden;z-index:199;background:#0000008c;width:100vw;height:100vh;transition:opacity .2s ease-out,visibility .2s ease-out;position:fixed;top:0;left:0;.modal-container--open &{opacity:1;visibility:visible}}.modal__close{appearance:none;cursor:pointer;background:var(--color__brand-blue) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='%23fff'%20d='M2.697.575%208%205.877l5.283-5.28%202.12%202.12L10.123%208l5.303%205.304-2.122%202.122L8%2010.12l-5.324%205.324-2.121-2.12%205.323-5.326L.575%202.697z'/%3e%3c/svg%3e") 50% / 60% auto no-repeat;border:0;border-radius:50%;width:28px;height:28px;font-size:0;display:block;position:absolute;top:10px;right:10px;&:hover,&:active{background-color:var(--color__brand-blue--dark)}.modal--error &{background-color:var(--color__plum-purple)}}.error-modal__content{text-align:center;max-width:80%;margin:0 auto;padding:0 0 30px;font-size:1.2rem;& a{color:inherit}}.error-modal__title{text-align:center;margin-top:20px;font-size:2rem}.modal-container--form{.modal__title{text-align:center;margin:25px 0 40px}& form{.form__actions{border-top:0;margin-top:20px;padding-top:20px;padding-bottom:30px;.form__actions-container{text-align:center}}.form__success{max-width:500px;color:var(--color__black);text-align:center;background-color:#0000;border:0;border-radius:0%;margin-bottom:0;padding-top:0;padding-bottom:0;& pre[class*=language-]{margin-top:0}& p{margin-top:20px;font-weight:400;&:first-child{margin-top:0;font-weight:700}& a{color:var(--color__black);text-decoration:underline;&:hover{text-decoration:none}}}& fieldset{width:100%;max-width:none;margin-top:30px;padding-left:0;padding-right:0;.field{margin-bottom:0}&.form-fieldset--with-button{.btn{margin-bottom:0}}}.form__actions{margin-top:10px;padding-top:20px;padding-bottom:20px}}}}