:global(body.noscroll) {
    position: fixed;
    height: 100%;
    overflow-y: overlay;
}

:global(.page__blur) {
    display: none;
}

:global(body.noscroll .page__blur) {
    display: block;
}

:global(body.noscroll.noblur .page__blur) {
    display: none;
}

:global(header.header_disabled) {
    opacity: 0.2;
}

:global(.container) {
    width: calc(100% - 420px);
}

:global(.paragraph) {
    font-family: var(--font-paragraph-light-1-family);
    font-weight: var(--font-paragraph-light-1-weight);
    font-size: var(--font-paragraph-light-1-size);
    line-height: var(--font-paragraph-light-1-height);
    color: var(--color-monolith-black);
}

@media screen and (max-width: 1536px) {
    :global(.container) {
        width: calc(100% - 240px);
    }
}

@media screen and (max-width: 1024px) {
    :global(.container) {
        width: calc(100% - 120px);
    }
}

@media screen and (max-width: 850px) {
    :global(.container) {
        width: calc(100% - 80px);
    }
}

@media screen and (max-width: 768px) {
    :global(.paragraph) {
        font-family: var(--font-body-light-1-family);
        font-weight: var(--font-body-light-1-weight);
        font-size: var(--font-body-light-1-size);
        line-height: var(--font-body-light-1-height);
    }
}

@media screen and (max-width: 500px) {
    :global(.container) {
        width: calc(100% - 40px);
    }

    :global(.paragraph) {
        font-family: var(--font-body-light-2-family);
        font-weight: var(--font-body-light-2-weight);
        font-size: var(--font-body-light-2-size);
        line-height: var(--font-body-light-2-height);
    }
}

@media print {
    :global(.container) {
        width: calc(100% - 40px) !important;
    }

    :global(.no-print) {
        display: none;
    }
}