.matrix-v2-energy-descriptions--disabled [data-matrix-v2-energy-value],
[data-matrix-v2-energy-value][data-matrix-v2-energy-active="false"] {
    pointer-events: none;
    cursor: default !important;
}

.matrix-v2-energy-descriptions--enabled [data-matrix-v2-energy-active="true"] {
    cursor: pointer;
}

.matrix-v2-energy-descriptions--enabled [data-matrix-v2-energy-active="true"]:focus-visible {
    outline: 3px solid rgba(21, 111, 143, 0.35);
    outline-offset: 3px;
}

.matrix-v2-energy-description-modal {
    --matrix-v2-modal-button-bg-hover: var(--global-palette-btn-bg-hover, #069dd0);
    --matrix-v2-modal-button-text-hover: var(--global-palette-btn-hover, #ffffff);
    --matrix-v2-modal-link: var(--global-palette-highlight, var(--global-palette1, #156f8f));
    --matrix-v2-modal-link-hover: var(--global-palette-highlight-alt, var(--global-palette2, #0f5973));
    --matrix-v2-modal-muted: #667085;
    --matrix-v2-modal-text: #20242a;
    display: none;
    width: 720px !important;
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100vh - 48px);
    box-sizing: border-box;
    padding: 30px;
    overflow: auto;
    border-radius: var(--global-card-border-radius, var(--global-border-radius, 6px));
    color: var(--matrix-v2-modal-text) !important;
    background: #ffffff !important;
    font-family: var(--global-body-font-family, Montserrat, Arial, sans-serif);
    font-size: 16px;
    line-height: 1.6;
}

.fancybox-slide--html .matrix-v2-energy-description-modal,
.fancybox__content.matrix-v2-energy-description-modal {
    display: block;
    padding: 30px;
}

.matrix-v2-energy-description-modal__title {
    margin: 0 42px 18px 0;
    color: inherit;
    font-family: var(--global-heading-font-family, var(--global-body-font-family, Montserrat, Arial, sans-serif));
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
}

.matrix-v2-energy-description-modal__body {
    color: inherit;
    line-height: 1.6;
}

.matrix-v2-energy-description-modal__body > :first-child {
    margin-top: 0;
}

.matrix-v2-energy-description-modal__body > :last-child {
    margin-bottom: 0;
}

.matrix-v2-energy-description-modal__body a,
.matrix-v2-energy-description-modal__body a:visited {
    color: var(--matrix-v2-modal-link) !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.matrix-v2-energy-description-modal__body a:hover,
.matrix-v2-energy-description-modal__body a:focus,
.matrix-v2-energy-description-modal__body a:focus-visible {
    color: var(--matrix-v2-modal-link-hover) !important;
    text-decoration-thickness: 2px;
}

.matrix-v2-energy-description-modal__close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: var(--matrix-v2-modal-muted);
    background: transparent;
    font: inherit;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.matrix-v2-energy-description-modal__close:hover,
.matrix-v2-energy-description-modal__close:focus-visible {
    color: var(--matrix-v2-modal-button-text-hover);
    background: var(--matrix-v2-modal-button-bg-hover);
}

.matrix-v2-energy-description-modal > .fancybox-close-small {
    top: 8px !important;
    right: 8px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--matrix-v2-modal-muted) !important;
    opacity: 1 !important;
    transition: background-color 160ms ease, color 160ms ease;
}

.matrix-v2-energy-description-modal > .fancybox-close-small:hover,
.matrix-v2-energy-description-modal > .fancybox-close-small:focus,
.matrix-v2-energy-description-modal > .fancybox-close-small:focus-visible {
    background: var(--matrix-v2-modal-button-bg-hover) !important;
    box-shadow: none !important;
    color: var(--matrix-v2-modal-button-text-hover) !important;
    outline: none !important;
}

.matrix-v2-energy-description-modal > .fancybox-close-small svg,
.matrix-v2-energy-description-modal > .fancybox-close-small svg path {
    fill: currentColor !important;
}

.matrix-v2-energy-description-backdrop {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(17, 24, 39, 0.72);
}

.matrix-v2-energy-description-modal--fallback-open {
    position: relative;
    display: block;
    width: 720px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 48px);
    overflow: auto;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(17, 24, 39, 0.3);
}

.matrix-v2-energy-modal-open {
    overflow: hidden;
}

@media (max-width: 520px) {
    .matrix-v2-energy-description-modal,
    .fancybox-slide--html .matrix-v2-energy-description-modal,
    .fancybox__content.matrix-v2-energy-description-modal {
        padding: 22px 18px;
    }
}