.modal{position:fixed;visibility:hidden;z-index:10;display:flex;left:0;right:0;top:0;height:100%;overflow-y:auto;background-color:rgba(0,0,0,.5);padding-top:var(--wrap);padding-bottom:var(--wrap);box-sizing:border-box}.modal .wrapper{min-width:auto}.modal .picture{max-height:490px;margin-left:calc(var(--wrap)*-1);margin-right:calc(var(--wrap)*-1);margin-top:calc(var(--wrap-top)*-1)}.modal.active{visibility:initial}.modal.active .modal__window{transform:translate(0);transition:transform .5s ease .1s}.modal.active .order-form-box{margin-left:calc(var(--wrap)*0);margin-right:calc(var(--wrap)*0)}.modal__window{position:relative;display:flex;flex-direction:column;justify-content:space-between;margin:auto;max-width:var(--modal-max-w,830px);left:0;top:0;transform:translateY(100vh);text-align:center;border-radius:var(--modal-radius,10px);background-color:var(--modal-c,var(--c-light));filter:drop-shadow(20px 23px 52px rgba(0,0,0,.15));box-sizing:border-box;overflow-y:auto;transition:transform .5s ease}.modal__btn{margin-top:auto;padding-top:30px}.modal__close{font-size:var(--modal-close-size,var(--font-size));position:absolute;right:10px;top:10px;width:30px;height:30px}.modal--right{padding:0;justify-content:flex-end}.modal--right .modal__window{transform:translate(100vh);max-width:470px;border-radius:0;margin:0;padding:55px 20px 30px}.modal--right .modal__close{right:var(--wrap);left:auto}@media(min-width:680px){.modal{padding-left:145px;padding-right:145px}.modal--right{padding:0}}@media(min-width:680px){.modal .wrapper{grid-template-columns:1fr 1fr;-moz-column-gap:50px;column-gap:50px}.modal .picture{margin-top:0}}