
.vz-top-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:rgba(20,16,40,.55);padding:24px 16px;box-sizing:border-box;font-family:"Avenir Next Cyr",sans-serif}
.vz-top-modal.vz-top-modal--open{display:flex;align-items:center;justify-content:center}
.vz-top-modal__box{position:relative;display:flex;flex-direction:column;width:100%;max-width:920px;max-height:calc(100vh - 48px);background:#fafafa;border:0;border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.25);overflow:hidden;animation:vzTopModalIn .2s ease-out}
.vz-top-modal__head{flex:0 0 auto;position:relative;padding:20px 64px 14px 24px;background:#fff;border-bottom:1px solid #dce3ff}
.vz-top-modal__title{font-size:22px;line-height:28px;font-weight:700;color:#222}
.vz-top-modal__sub{margin-top:4px;font-size:14px;line-height:19px;color:#666}
.vz-top-modal__close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;background:transparent;border:0;border-radius:50%;color:#8a8796;cursor:pointer}
.vz-top-modal__close:hover{background:#eef1ff;color:#3c3e43}
.vz-top-modal__close:focus{outline:none}
.vz-top-modal__close:focus-visible{outline:2px solid #3d5afe;outline-offset:2px}
.vz-top-modal__close span{font-size:30px;line-height:1}
.vz-top-modal__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 24px 4px}
.vz-top-modal noindex{display:block}
.vz-top-modal .content_box{background:transparent;padding:0}
.vz-top-modal .content_box .items_list{margin-top:14px}
body.vz-top-modal-lock{overflow:hidden!important}
@keyframes vzTopModalIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (max-width:600px){
.vz-top-modal{padding:0}
.vz-top-modal.vz-top-modal--open{align-items:flex-end}
.vz-top-modal__box{max-width:none;max-height:88vh;border:0;border-radius:20px 20px 0 0;animation-name:vzTopModalUp}
.vz-top-modal__head{padding:16px 56px 12px 16px}
.vz-top-modal__head:before{content:"";position:absolute;top:6px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#cbd5ff}
.vz-top-modal__title{font-size:18px;line-height:23px}
.vz-top-modal__sub{font-size:13px;line-height:17px}
.vz-top-modal__close{top:10px;right:8px}
.vz-top-modal__body{padding:12px 12px 0}
}
@keyframes vzTopModalUp{from{transform:translateY(100%)}to{transform:none}}

