@import url("./modal.core.css");
@import url("./modal.shared.css");
@import url("./modal.catalog.css");
@import url("./modal.responsive.css");
@import url("./modal.create-call.clean.css");

/* desktop: largura máx. 1000 */
@media (min-width: 671px) {
    .modal:not(#musicCatalogModal):not(#trackCatalogModal):not(.is-phone-landscape-fullscreen) .modal-content-base {
        max-width: min(1000px, calc(100vw - 16px)) !important;
    }

    #createCallModal.create-call-modal-v4 .modal-content-base,
    #createCallModal.create-call-modal-v4.is-windowed .modal-content-base,
    #createCallModal.create-call-modal-v4:not(.is-windowed) .modal-content-base {
        width: min(1000px, var(--create-call-window-width, 1000px), calc(100% - 16px), calc(100vw - 16px)) !important;
        max-width: min(1000px, calc(100vw - 16px)) !important;
    }

    #spotScheduleModal {
        --spot-modal-width: min(1000px, calc(100vw - 36px));
    }

    #spotScheduleModal .modal-content-base,
    #spotScheduleModal:not(.is-windowed) .modal-content-base {
        width: min(1000px, var(--spot-modal-width), calc(100vw - 16px)) !important;
        max-width: min(1000px, calc(100vw - 16px)) !important;
    }

}