@font-face {
    font-family: 'Mona Sans Fallback';
    src: local('Segoe UI'), local('Roboto'), local('Helvetica Neue'), local('Arial');
    ascent-override: 109%;
    descent-override: 32%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Mona Sans';
    src: url('https://natios.visualbook.pro/assets/fonts/MonaSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mona Sans';
    src: url('https://natios.visualbook.pro/assets/fonts/MonaSans-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-headings);
    font-weight: 800;
    font-feature-settings: 'ss05' 0, 'calt' 0, 'rvrn' 0;
    text-transform: none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 800 !important;
}
body, p, table, th, td, div, span, a, ul, ol, li, button, input, textarea, select {
    font-family: var(--font-family-body);
    font-weight: normal;
    font-feature-settings: 'ss05' 0, 'calt' 0, 'rvrn' 0;
}
strong, b {
    font-family: var(--font-family-body-bold);
    font-weight: 800;
    font-feature-settings: 'ss05' 0, 'calt' 0, 'rvrn' 0;
}
:root {
    --font-family-headings: 'Mona Sans', 'Mona Sans Fallback', system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --font-family-body: 'Mona Sans', 'Mona Sans Fallback', system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --font-family-body-bold: 'Mona Sans', 'Mona Sans Fallback', system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --card-color-bg: #fbfbfb;
    --card-color-swatch1-color: #a4a8b8;
    --card-color-swatch2-color: #c3c6d4;
    --card-color-swatch3-color: #dddfe8;
}

.card-typography-pisma {
    background-color: #FFFFFF;
    color: #C3C6D4;
}
.card-typography-pisma .custom-font-display {
    font-family: 'Mona Sans' !important;
    font-feature-settings: 'ss05' 0, 'calt' 0, 'rvrn' 0;
    
    position: relative;
    top: 0px;
    color: #C3C6D4;
    font-size: 100px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    width: 100% !important;
    -webkit-font-feature-settings: 'ss05' 0, 'calt' 0, 'rvrn' 0 !important;
    font-feature-settings: 'ss05' 0, 'calt' 0, 'rvrn' 0 !important;
    font-variant-numeric: normal !important;
}
:root {
    --heading-scale: 1;
    --heading-kerning: 0em;
    --body-line-height: 1.5;
    --body-kerning: 0em;
    --base-font-size: 16px;
    --table-header-color-bg: #FAFAFA;
    --gray-100: #161616;
    --gray-90: #262626;
    --gray-80: #393939;
    --gray-70: #525252;
    --gray-60: #6F6F7E;
    --gray-50: #8D8D8D;
    --gray-40: #A8A8A8;
    --gray-30: #C6C6C6;
    --gray-20: #E0E0E0;
    --gray-15: #E8E8E8;
    --gray-10: #F4F4F4;
    --gray-00: #FBFBFB;
    --table-color-bg: white;
    --table-hover-bg: white;
    --card-bottom-bg-color: #FBFBFB;
    --card-bottom-hover-color: #FFFFFF;
    --card-bottom-heading-color: #262626;
    --card-bottom-text-color: #6B6F7E;
    --dynamic-web-bg-color: #FAFAFA;
    --dynamic-blocks-bg-color: #FFFFFF;
    --card-logo-bg: #ffffff;
    --card-color-bg: #fbfbfb;
    --card-color-swatch1-color: #a4a8b8;
    --card-color-swatch2-color: #c3c6d4;
    --card-color-swatch3-color: #dddfe8;
    --info-badge-text-color: #697077;
    --info-badge-bg-color: #EFEFEF;
    --info-box-text-color: #896C00;
    --info-box-bg-color: #F7EBBE;
    --tooltip-text-color: #FFFFFF;
    --tooltip-bg-color: #697077;
    --visualbook-description-color: #A4A8B8;
    --header-color: #000000;
    --title-color: #FAFAFA;
    --headings-color: #161616;
    --text-color: #697077;
    --button-primary-color: #FE1A3F;
    --button-multibrand-color: #878D96;
    --button-multibrand-color-hover: #FE1A3F;
    --link-color: #FE1A3F;
    --scrollbar-color: #6B6F7E;
    --success-color: #27BC6A;
    --danger-color: #FE1A3F;
    --logo-dark-bg: #141619;
    --logo-light-bg: white;
    --border-radius-card: 8px;
    --border-radius-button: 8px;
    --border-radius-header-button: 50px;
    --border-radius-badge: 16px;
    --border-radius-tooltip: 16px;
    --strikethrough-weight: 1px;
    --table-font-size: 0.9375rem;
}
h1, h2, h3, h4, h5, h6,
body h1, body h2, body h3, body h4, body h5, body h6,
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
section h1, section h2, section h3, section h4, section h5, section h6,
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6 {
    letter-spacing: var(--heading-kerning) !important;
}
body, p, table, th, td, div, span, a, ul, ol, li, button, input, textarea, select {
    line-height: var(--body-line-height);
    letter-spacing: var(--body-kerning);
}
body {
    letter-spacing: var(--body-kerning);
}
p, span, div, td, th, li, a {
    letter-spacing: inherit;
}