.modal{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background:var(--brand-dark-overlay);display:flex;align-items:center;justify-content:center;padding:var(--gutter);color:var(--mid-dark)}.modal__container{width:100%;max-width:35rem;border-radius:2rem;padding:var(--gutter);background:var(--white);border:var(--sand-border)}@media (min-width: 992px){.modal__container{max-width:61.5rem;padding:var(--gutter)}}.modal__title-bar{border-bottom:var(--sand-border);display:flex;align-items:center;justify-content:space-between;padding-bottom:.6rem}.modal__title-bar.no-border{border-bottom:none}.modal__icon{width:3rem;min-width:3rem}.modal__icon .icon-sand svg,.modal__icon .icon-sand path{fill:var(--sand)}.modal__icon .icon-stroke-sand svg,.modal__icon .icon-stroke-sand path{stroke:var(--sand)}.modal__title-text{padding:0 var(--gutter);width:100%;font-size:2.4rem;margin:0;text-align:center}.modal__title-text.left{text-align:left;padding-left:0}.modal__close{width:3rem;min-width:3rem;display:flex;justify-content:flex-end;align-items:center}.modal__close svg{width:1.5rem}.modal__content{max-height:70vh;overflow-y:auto;width:calc(100% + 1rem);padding-right:1rem;margin:var(--gutter) auto 0;padding-bottom:.5rem}@media (max-width: 991px){.modal__content::-webkit-scrollbar{display:none}}.modal__content .narrow-content{max-width:40rem;margin:0 auto}
