.full-page-modal-component{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:absolute;top:0;width:100vw;z-index:2000}[dir=ltr] .full-page-modal-component{left:0}[dir=rtl] .full-page-modal-component{right:0}@media (min-width: 60em){.full-page-modal-component{background:#00000073}}.full-page-modal-modal{background:var(--color-bg-opaque);display:flex;flex-direction:column;height:calc(100vh - 4rem);left:0;margin-top:4rem;position:fixed;right:0;top:0;z-index:1999}@media (min-width: 60em){.full-page-modal-modal{border-radius:var(--radius-10);height:85vh;left:auto;margin-top:0;right:auto;top:auto;width:82vw}[dir=ltr] .full-page-modal-modal{margin-left:calc(var(--navWidth) - 3.5rem)}[dir=rtl] .full-page-modal-modal{margin-right:calc(var(--navWidth) - 3.5rem)}}.full-page-modal-content{flex:1;overflow:auto;padding:0 1.2rem;position:relative}.full-page-modal-image{height:4rem;width:4rem}[dir=ltr] .full-page-modal-image{margin-right:1.5rem}[dir=rtl] .full-page-modal-image{margin-left:1.5rem}.full-page-modal-icon{color:var(--color-gray-500);font-size:4.2rem}[dir=ltr] .full-page-modal-icon{margin-right:1.5rem}[dir=rtl] .full-page-modal-icon{margin-left:1.5rem}.full-page-modal-close{background-color:transparent;border:none;margin:0;padding:0;align-items:center;color:var(--color-gray-500);display:flex}[dir=ltr] .full-page-modal-close{margin-left:auto}[dir=rtl] .full-page-modal-close{margin-right:auto}@media (min-width: 60em){.full-page-modal-close{position:absolute;top:-.3rem}[dir=ltr] .full-page-modal-close{right:-3.5rem}[dir=rtl] .full-page-modal-close{left:-3.5rem}.full-page-modal-close:hover{opacity:.8}}.full-page-modal-close-text{display:inline-block;font-size:1.2rem}@media (min-width: 60em){.full-page-modal-close-text{display:none}}.full-page-modal-close-icon{font-size:3.2rem}@media (min-width: 60em){.full-page-modal-close-icon{font-size:2.8rem;color:var(--color-neutrals-white)}}.full-page-modal-header{align-items:center;display:flex;height:8rem;justify-content:space-between;padding:0 2rem}.full-page-modal-header h1{color:var(--color-text-bolder);font-size:2.8rem;font-weight:700}.full-page-modal-header>div{align-items:center;display:flex;height:8rem}.full-page-modal-subheader{padding:0 1.4rem}.full-page-modal-subheader:empty{display:none}.full-page-modal-icon{color:var(--color-gray-600);font-size:3rem;margin:0 .5rem}