@use "./variable" as *;

html:has(.rbfb-top-level-wrapper) {
    width: 100%;
    max-width: 100%;
    font-size: 100%;
}

html:has(.rbfb-top-level-wrapper),
body:has(.rbfb-top-level-wrapper) {
    height: 100%;
}

.rbfb-top-level-wrapper {
    font-family: $primary-font;
    background: $white;

    * {
        box-sizing: border-box;
        scroll-behavior: smooth;
        margin: 0;
        padding: 0;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        font-family: inherit;
    }
}
