.modal{position:fixed;z-index:999;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center}.modal.visible{visibility:visible}.modal.hidden{visibility:hidden}.modal__content{position:relative;padding:24px;max-width:40vw;border:1px solid var(--color__gray-x);border-radius:16px;background-color:var(--color__off-white)}.modal__content.fit,.modal__content.fit-max{width:-moz-fit-content;width:fit-content}.modal__content.fit-max{max-width:-moz-fit-content;max-width:fit-content}.modal__desc{width:100%;padding-top:16px}.modal__desc_with-title{width:100%;padding-top:48px}.modal__header{position:absolute;top:24px;left:24px;right:24px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px}.modal__header--no-title{justify-content:flex-end}.modal__header__title{flex:1 1;min-width:0;margin:0;padding-right:8px;font-size:24px;font-weight:700;line-height:1.2;color:var(--color__gray-4)}.modal__close{display:flex;flex-shrink:0;align-items:center;gap:8px}.modal__close__text-btn{font:inherit;font-size:14px;font-weight:500;line-height:18px;color:inherit}.modal__close__btn,.modal__close__text-btn{margin:0;padding:0;border:none;background:none;cursor:pointer}.modal__close__btn{display:flex;align-items:center;justify-content:center;line-height:0}.modal__close__text{font-size:14px;font-weight:500;line-height:18px}.modal__close__icon--thick{display:none;margin-bottom:2px}.benefits-page .modal__close__icon--thick,.keystones-page .modal__close__icon--thick{display:block}.benefits-page .modal__close__icon,.keystones-page .modal__close__icon{display:none}.modal__content.shake{animation:shake .5s}@keyframes shake{0%{translate:0 0}25%{translate:10px 0}50%{translate:-10px 0}75%{translate:10px 0}to{translate:0 0}}