.generic-modal-overlay{z-index:1000;direction:rtl;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.error-modal-overlay{z-index:9999;background-color:#0000}.error-modal-overlay .generic-modal-content{box-shadow:0 1px 2px #f76060c5}.generic-modal-content{background-color:#fff;border-radius:12px;width:fit-content;max-width:min(700px,100vw - 32px);max-height:calc(100dvh - 32px);padding:25px;position:relative;overflow-y:auto;box-shadow:0 5px 15px #0003}.generic-modal-title{color:#0c0e0e;text-align:center;border-bottom:2px solid #eee;margin-top:15px;margin-bottom:20px;padding-bottom:15px;font-size:25px;font-weight:700}.generic-modal-close{cursor:pointer;color:#666;background:0 0;border:none;font-size:35px;transition:color .2s;position:absolute;top:5px;left:5px}.generic-modal-close:hover{color:#ff4d4d}@media (width<=767px){.generic-modal-overlay{align-items:flex-start;padding:10px;overflow-y:auto}.generic-modal-content{width:100%;max-width:100%;max-height:calc(100dvh - 20px);padding:16px 14px}.generic-modal-title{margin-top:8px;margin-bottom:14px;padding-bottom:10px;padding-left:36px;font-size:19px}.generic-modal-close{padding:0 8px;font-size:30px;line-height:1}.generic-modal-content .modal-actions{flex-wrap:wrap}.generic-modal-content .modal-actions>button,.generic-modal-content .modal-actions>.generic-button{flex:120px;min-width:0}}@media (width>=768px) and (width<=1366px) and (orientation:landscape){.generic-modal-overlay{padding:12px}.generic-modal-content{max-width:min(700px,100%);max-height:calc(100dvh - 24px)}}@media (width>=600px) and (width<=1024px) and (orientation:portrait){.generic-modal-overlay{align-items:flex-start;padding:14px;overflow-y:auto}.generic-modal-content{width:min(700px,100%);max-width:100%;max-height:calc(100dvh - 28px)}.generic-modal-close{min-width:44px;min-height:44px}}