.dialog{position:fixed;display:flex;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background:rgba(0,0,0,.5);opacity:0;transition:all .3s linear;z-index:-1}.dialog.active{opacity:1;z-index:2100}.dialog__container{border-radius:30px;overflow:hidden;position:relative;z-index:2}.dialog__button{position:absolute;top:15px;right:15px;z-index:1}.dialog__button svg{width:30px;height:30px;display:flex;justify-content:center;align-items:center}.dialog__button:hover svg rect{fill:#f0886b}.dialog__header{padding:40px 40px 30px}.dialog__wrapper{min-width:50vw;max-width:560px;max-height:90vh;border-radius:12px!important;border:1px solid #e6e6e6;background:#fff;position:relative;overflow:auto}.dialog__wrapper::-webkit-scrollbar-track{margin:20px 0;background-color:#cacaca}.dialog__card{box-shadow:#63636333 0 2px 8px}.dialog__content{padding:0 40px}.dialog__footer{padding:30px 40px 40px}.dialog_fixed .dialog__content{max-height:60vh;height:100%;overflow-x:visible!important;overflow-y:auto!important;padding:10px}.dialog-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.dialog__content-loader{position:absolute;left:0;right:0}.media .dialog__wrapper{max-height:-moz-fit-content;max-height:fit-content}.media .dialog__wrapper .q-img,.media .dialog__wrapper .q-video{height:unset;max-height:calc(90vh - 80px)}.media .dialog__wrapper img{object-fit:contain!important}@media (max-width: 1400px){.dialog__wrapper{min-width:90vw}}@media (max-height: 1040px){.dialog__wrapper{max-width:90vw;width:100%}.dialog__header{padding:20px 20px 15px}.dialog__content{padding:0 20px}.dialog__footer{padding:15px 20px 20px}}@media (max-height: 720px){.dialog_fixed .dialog__content{height:100%;max-height:50vh}}@media (max-height: 450px){.dialog_fixed .dialog__content{max-height:30vh}.dialog__header{padding:10px 10px 7px}.dialog__content{padding:0 10px}.dialog__footer{padding:7px 10px 10px}}@media (max-height: 390px){.dialog_fixed .dialog__content{max-height:20vh}}.dialog_media.dialog_video .dialog__header-close-btn{display:none}@media (max-width: 400px){.dialog_media .dialog__header{display:none}.dialog_media .dialog__content{padding:3px}.dialog_media .dialog__container{border-radius:0;width:100%}.dialog_media .dialog__wrapper{max-width:100%}.dialog_media .dialog__footer,.dialog_media.dialog_video .dialog__button{display:none}.dialog_media.dialog_video .dialog__header{display:flex;padding:0 5px}.dialog_media.dialog_video .dialog__header-close-btn{display:block}}