tp-modal{display:none;background-color:rgba(0,0,0,.5);backdrop-filter:blur(2px);position:fixed;height:100%;width:100%;left:0;top:0;z-index:99;max-width:100%;overflow-y:auto;padding:20px;box-sizing:border-box}tp-modal[open]{display:flex}tp-modal-close{position:absolute;top:20px;right:20px}tp-modal-content{display:block;min-width:0;margin:auto;padding:20px;background-color:#fff;max-width:80ch}

.modal{background:hsla(0,0%,100%,.7);padding:0;opacity:0;transition:fadein var(--transition-time) var(--transition-easing);animation:fadein var(--transition-easing) var(--transition-time);-moz-animation:fadein var(--transition-easing) var(--transition-time);-o-animation:fadein var(--transition-easing) var(--transition-time);-ms-animation:fadein var(--transition-easing) var(--transition-time);transition:display var(--transition-time) var(--transition-easing) allow-discrete,opacity var(--transition-time) var(--transition-easing) allow-discrete}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.modal[open]{opacity:1}@media screen and (min-width: 768px){.modal{padding:var(--grid-col-gutter)}}.modal__close-button{position:static;display:inline-block}.modal__close-button button{padding:0 0 10px;border:none;background:rgba(0,0,0,0);cursor:pointer}.modal__content-wrap{background-color:var(--color-navy);text-align:initial;border-radius:var(--border-radius-images);overflow:hidden}.modal--full-width-mobile{padding:0}@media screen and (min-width: 768px){.modal--full-width-mobile{padding:var(--grid-col-gutter)}}.modal--full-width-mobile .modal__content{padding:0;max-width:100%}@media screen and (min-width: 1024px){.modal--full-width-mobile .modal__content{padding:var(--grid-col-gutter);max-width:1000px}}.modal__content{background-color:rgba(0,0,0,0);text-align:right;padding:var(--grid-col-gutter);max-width:100%}@media screen and (min-width: 1024px){.modal__content{max-width:1000px}}.modal__open-modal{display:contents}