@font-face {
    font-family: 'Source Sans';
    src: url(fonts/SourceSans3-VariableFont_wght.ttf);
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/OpenSans-VariableFont_wdth,wght.ttf);
}

@font-face {
    font-family: 'Exo 2';
    src: url(fonts/Exo2-VariableFont_wght.ttf);
}

html, body {
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    --mud-typography-h4-weight: 350;
    --mud-typography-h3-weight: 350;
    --mud-typography-h2-weight: 350;
}

h2 {
    font-weight: 400;
}

h3 {
    font-weight: 550;
}

h4 {
    font-weight: 500;
}

.light-text {
    font-weight: 350;
}

.light-italic-text {
    font-weight: 350;
    font-style: italic;
}

.mud-input.mud-input-underline:before {
    border-bottom: 0 !important;
}

.mud-input.mud-input-underline:after {
    border-bottom: 0 !important;
}

.mud-table-dense .mud-table-cell {
    padding: 6px !important;
}

.cart-badge {
    height: 16px;
    inset: calc(100% - 20px) auto auto calc(100% - 20px) !important;
}

.fit-image {
    object-fit: contain;
    background-size: contain;
}