html:has(.fixture-modal),
body:has(.fixture-modal),
html:has(.modal-left.open),
body:has(.modal-left.open) {
    overflow: hidden !important;
}

html.has-fixture-modal,
body.has-fixture-modal {
    overflow: hidden !important;
}

body:has(.fixture-modal) header,
body:has(.fixture-modal) footer,
body:has(.fixture-modal) #header,
body:has(.fixture-modal) #masthead,
body:has(.fixture-modal) #footer,
body:has(.fixture-modal) .header,
body:has(.fixture-modal) .header-main,
body:has(.fixture-modal) .header-wrapper,
body:has(.fixture-modal) .footer,
body:has(.fixture-modal) .footer-wrapper,
body:has(.fixture-modal) .absolute-footer,
body:has(.fixture-modal) .sticky-banner,
body:has(.fixture-modal) .stuck,
body:has(.fixture-modal) .sticky-jump {
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

body:has(.modal-left.open) header,
body:has(.modal-left.open) footer,
body:has(.modal-left.open) #header,
body:has(.modal-left.open) #masthead,
body:has(.modal-left.open) #footer,
body:has(.modal-left.open) .header,
body:has(.modal-left.open) .header-main,
body:has(.modal-left.open) .header-wrapper,
body:has(.modal-left.open) .footer,
body:has(.modal-left.open) .footer-wrapper,
body:has(.modal-left.open) .absolute-footer,
body:has(.modal-left.open) .sticky-banner,
body:has(.modal-left.open) .stuck,
body:has(.modal-left.open) .sticky-jump {
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

body.has-fixture-modal header,
body.has-fixture-modal footer,
body.has-fixture-modal #header,
body.has-fixture-modal #masthead,
body.has-fixture-modal #footer,
body.has-fixture-modal .header,
body.has-fixture-modal .header-main,
body.has-fixture-modal .header-wrapper,
body.has-fixture-modal .footer,
body.has-fixture-modal .footer-wrapper,
body.has-fixture-modal .absolute-footer,
body.has-fixture-modal .sticky-banner,
body.has-fixture-modal .stuck,
body.has-fixture-modal .sticky-jump {
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.fixture-modal {
    position: fixed !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    padding: 16px !important;
    background: rgba(0, 0, 0, 0.78) !important;
    isolation: isolate !important;
    pointer-events: auto !important;
    z-index: 2147483646 !important;
}

.modalBackdrop.open {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    display: block !important;
    visibility: visible !important;
    background: rgba(0, 0, 0, 0.78) !important;
    pointer-events: auto !important;
    z-index: 2147483645 !important;
}

.fixture-modal__content {
    position: relative !important;
    z-index: 2147483647 !important;
    width: min(800px, calc(100vw - 32px)) !important;
    height: min(800px, calc(100dvh - 32px)) !important;
    max-height: calc(100dvh - 32px) !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.modal-left.open:not(.modalTeam):not(.modalGoal) {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
    z-index: 2147483646 !important;
    width: min(800px, calc(100vw - 32px)) !important;
    height: min(800px, calc(100dvh - 32px)) !important;
    max-height: calc(100dvh - 32px) !important;
    margin: auto !important;
    overflow: hidden !important;
    background: #f2f2f2 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.fixture-modal__content__header,
.fixture-modal__content__body {
    position: relative !important;
    z-index: 1 !important;
}

.fixture-modal__content__body {
    height: calc(100% - 240px) !important;
    overflow: auto !important;
}

.modal-left.open:not(.modalTeam):not(.modalGoal) .modalHeadData {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
}

.modal-left.open:not(.modalTeam):not(.modalGoal) .contentTabModalPopup {
    position: relative !important;
    z-index: 1 !important;
    height: calc(100% - 240px) !important;
    overflow: auto !important;
    background: #fff !important;
}

.modal-left.open:not(.modalTeam):not(.modalGoal) .chillContentTabModalPopup,
.modal-left.open:not(.modalTeam):not(.modalGoal) .oddsSimulation,
.modal-left.open:not(.modalTeam):not(.modalGoal) .oddsSimulation iframe {
    background: #fff !important;
}

.modal-left.open:not(.modalTeam):not(.modalGoal) .oddsSimulation iframe {
    display: block !important;
}

@media screen and (max-width: 768px) {
    .fixture-modal {
        align-items: flex-end !important;
        padding: 10px !important;
    }

    .fixture-modal__content {
        width: 100% !important;
        height: min(92dvh, calc(100dvh - 20px)) !important;
        max-height: calc(100dvh - 20px) !important;
        border-radius: 12px 12px 0 0 !important;
    }

    .modal-left.open:not(.modalTeam):not(.modalGoal) {
        top: auto !important;
        right: 10px !important;
        bottom: 0 !important;
        left: 10px !important;
        transform: none !important;
        width: auto !important;
        height: min(92dvh, calc(100dvh - 20px)) !important;
        max-height: calc(100dvh - 20px) !important;
        border-radius: 12px 12px 0 0 !important;
    }
}