// =========================================
// --> Core settings
// --------------------------
// avoids the "flash of unstyled content"
[un-cloak] {
    display: none;
}

html,
body {
    min-height: 100vh;
    color: var(--x-body-color, #212529);
    background: var(--x-body-bg, #fff);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img,
picture,
svg {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
}

img,
picture {
    width: auto;
    object-fit: cover;
}

svg {
    fill: currentColor;
    width: 100%;
    overflow: hidden;
}