.tabs__panel {
    --tabs-panel-text-max-width: 1480px;

    display: grid;
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    transition: opacity 1s ease-in-out, visibility 1s ease-in-out;

    &.tabs__panel--hidden {
        grid-template-rows: 0fr;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        & > * {
            overflow: hidden;
        }
    }

    h1, h2, h3, h4, h5, h6 {
        color: var(--color-white);
        text-align: center;
    }

    p {
        max-width: var(--tabs-panel-text-max-width);
    }
}
