.modal{display:none;position:fixed;inset:0;z-index:500;background-color:#2b2b2bcc;overflow:auto;padding:20px}.modal .modal-inner{display:flex;min-height:100%}.modal .close{position:absolute;top:20px;right:20px}.modal .modal-body{position:relative;width:100%;min-height:400px;margin:auto;padding-top:80px;padding-bottom:60px;background-color:#fff;border-radius:5px}.modal.share-modal a{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.3333333333rem;background-color:#eceff1;border-radius:100%;transition:.3s background-color ease,.3s color ease}.modal.share-modal a:hover{background-color:#008bd2;color:#fff}.modal.share-modal .modal-body{max-width:500px;min-height:350px;box-sizing:border-box}.modal.share-modal .share-content{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:60px}@media(max-width:468px){.modal.share-modal .share-content{gap:15px}.modal.share-modal a{width:55px;height:55px;font-size:1rem}}.modal.order .img-container picture{width:100%;height:100%}.modal.order .img-container img{border-radius:5px;width:100%;height:100%;object-fit:cover}.modal.order .img-container{aspect-ratio:408/600}.modal.order .form-img-container{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.modal.order .form-img-container>div{min-width:0}@media(max-width:768px){.modal.order .form-img-container{grid-template-columns:1fr}.modal.order .form-img-container .img-container{order:-1;max-width:400px;margin-left:auto;margin-right:auto}.modal.order .form-img-container .input-number{justify-content:center}.modal.order .form-img-container .button-container{text-align:center}}
