/* stylelint-disable media-feature-name-no-unknown */
html {
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}

@mixin default-font-styles {
    font-family: $typo-stack-base;
    line-height: $typo-line-height-base;
    font-size: $typo-size-base;
    font-weight: $typo-weight-roman;
    color: $neutral-dark;
}

body {
    @include default-font-styles;

    @media (min-device-pixel-ratio: 1.25), (resolution >= 120dpi) {
        @include applyFontSmoothing;
    }
}

.gui-visually-hidden {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    left: -999px
}