dialog.twz-popup{--text-color: var(--text-color-dark);padding:var(--popup-padding, 4rem);background:var(--white);border:none;border-radius:0;overflow-y:auto;overflow-x:clip;width:90%;max-width:75rem;transition:opacity .3s cubic-bezier(0.17, 0.67, 0.83, 0.67),transform .3s cubic-bezier(0.17, 0.67, 0.83, 0.67);opacity:0;pointer-events:none}@media(max-width: 767px){dialog.twz-popup{--popup-padding: 2rem}}@media(max-width: 1023px){dialog.twz-popup{flex-direction:column-reverse}dialog.twz-popup>*{flex-grow:1}}@media(min-width: 1024px){dialog.twz-popup{flex-direction:row}}dialog.twz-popup[open]{opacity:1;pointer-events:auto;display:flex}dialog.twz-popup::backdrop{background:var(--twz-overlay-bg, color-mix(in srgb, var(--blue-800) var(--overlay-transparency, 50%), transparent));transition:opacity .3s cubic-bezier(0.17, 0.67, 0.83, 0.67),transform .3s cubic-bezier(0.17, 0.67, 0.83, 0.67)}dialog.twz-popup .twz-element-form__wrapper{flex:1 1 60%;margin:0;max-height:90vh;overflow:auto}dialog.twz-popup .imagewrap{height:32rem;flex:0 0 40%}@media(max-width: 767px){dialog.twz-popup .imagewrap{height:20rem;margin-bottom:2rem}dialog.twz-popup .imagewrap img{-o-object-fit:cover;object-fit:cover}}@media(min-width: 768px)and (max-width: 1023px){dialog.twz-popup .imagewrap{height:25rem}}dialog.twz-popup .close{position:absolute;top:3rem;right:3rem;width:20px;height:20px;background-repeat:no-repeat;background-size:cover;cursor:pointer;transition:.2s ease-in-out;transform:rotate(0deg)}dialog.twz-popup .close:hover{transform:rotate(90deg)}
