* {
    box-sizing: border-box;
}

html {
    font-size: var(--rocket-font-base, 16px);

    //scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    color: var(--rocket-body-color);
    font-weight: var(--rocket-body-font-weight);
    font-size: var(--rocket-body-font-size);
    font-family: var(--rocket-body-font-family);
    line-height: var(--rocket-body-line-height);
    background-color: var(--rocket-body-background);

    @include overlay;

    &.is-blocked {
        overflow: hidden;
    }

    &.is-darkened {
        &::after {
            @include transition($prop: opacity, $delay: 250ms);

            z-index: 2;
            opacity: 1;
        }

        .page__main-wrapper {
            position: revert;
            z-index: revert;
        }
    }
}

img {
    @include max-size(100%);

    display: block;
}

address {
    font-style: normal;
}

:where(p:not([class])) {
    @extend %base-styles-text;

    margin: 0;
}

// Default fallback colors
:where(h1, h2, h3, h4, h5, h6, blockquote, td, th) {
    color: var(--rocket-color-grey-700);
}

// Default fallback colors
:where(a) {
    color: var(--rocket-color-primary-400);
    text-decoration: underline;

    @include event {
        text-decoration: none;
    }
}

[x-cloak] {
    display: none !important;
}