/*
ICONS
*/

.material-icon-bold {
    font-family: 'Material Symbols Rounded';
    font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 20;
    font-size: 24px;
}

.material-icon-bold-filled {
    font-family: 'Material Symbols Rounded';
    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 20;
    font-size: 24px;
}

.material-icon-regular {
    font-family: 'Material Symbols Rounded';
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
    font-size: 24px;
}

.material-icon-regular-filled {
    font-family: 'Material Symbols Rounded';
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
    font-size: 24px;
}

.material-icon-in-button {
    font-family: 'Material Symbols Rounded';
    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 20;
    font-size: 24px;
    font-size: 1rem !important;
    line-height: 1rem !important;
}

.material-icon-bold-outlined {
    font-family: 'Material Symbols Outlined';
    font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 20;
    font-size: 24px;
}

.material-icon-bold, .material-icon-bold-filled, .material-icon-regular, .material-icon-regular-filled, .material-icon-bold-outlined, .material-icon-in-button {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/*
FONTS
*/

html {
    --fnd-font-line-height-diff: 0.1rem;
    font-size: 16px;
}

body {
    font-family: 'DM Sans', 'Noto Sans', sans-serif !important;
}

a {
    color: var(--fnd-text-color) !important;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p, label, span {
    margin: 0;
    color: var(--fnd-text-color);
}

.font-h-1 {
    font-weight: 700 !important;
    font-size: 2.25rem !important;
    line-height: 2.25rem !important;
    letter-spacing: 0.05rem;
}

.font-h-2 {
    font-weight: 600 !important;
    font-size: 1.75rem !important;
    line-height: 1.75rem !important;
    letter-spacing: 0.0125rem;
}

.font-h-3 {
    font-weight: 600 !important;
    font-size: 1.5rem !important;
    line-height: 1.5rem !important;
}

.font-title-1 {
    font-weight: 500 !important;
    font-size: 1.25rem !important;
    line-height: calc(1.25rem + var(--fnd-font-line-height-diff)) !important;
}

.font-title-2 {
    font-weight: 600 !important;
    font-size: 1.125rem !important;
    line-height: calc(1.125rem + var(--fnd-font-line-height-diff)) !important;
    text-transform: lowercase;
}

.font-title-3 {
    font-weight: 500 !important;
    font-size: 1.125rem !important;
    line-height: calc(1.125rem + var(--fnd-font-line-height-diff)) !important;
}

.font-body-1 {
    font-weight: 400 !important;
    font-size: 1rem !important;
    line-height: calc(1rem + var(--fnd-font-line-height-diff)) !important;
    /*letter-spacing: 0.0125rem;*/
}

.font-body-1-bold {
    font-weight: 600 !important;
    font-size: 1rem !important;
    line-height: calc(1rem + var(--fnd-font-line-height-diff)) !important;
    /*letter-spacing: 0.0125rem;*/
}

.font-body-2 {
    font-weight: 400 !important;
    font-size: 0.875rem !important;
    line-height: calc(0.875rem + var(--fnd-font-line-height-diff)) !important;
    /*letter-spacing: 0.0125rem;*/
}

.font-body-2-bold {
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    line-height: calc(0.875rem + var(--fnd-font-line-height-diff)) !important;
    /*letter-spacing: 0.0125rem;*/
}

.font-caption-1 {
    font-weight: 400 !important;
    font-size: 0.75rem !important;
    line-height: calc(0.75rem + var(--fnd-font-line-height-diff)) !important;
    /*letter-spacing: 0.0125rem;*/
}

.font-caption-1-upper {
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 0.75rem !important;
    line-height: calc(0.75rem + var(--fnd-font-line-height-diff)) !important;
    /*letter-spacing: 0.0125rem;*/
}

.font-caption-1-light {
    font-weight: 300 !important;
    font-size: 0.75rem !important;
    line-height: calc(0.75rem + var(--fnd-font-line-height-diff)) !important;
    /*letter-spacing: 0.0125rem;*/
}

.font-caption-1-bold {
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    line-height: calc(0.75rem + var(--fnd-font-line-height-diff)) !important;
    /*letter-spacing: 0.0125rem;*/
}