@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);
}

@media screen and (max-width: 600px) {
    .configurator-container {
        height: calc(70vh - 100px) !important;
    }
}

.configurator-table-cell {
    padding: 6px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.mud-swipearea {
    touch-action: pan-y !important;
}

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;
}

p, ul, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 1rem;
}

ul {
    padding-inline-start: 1rem;
}

hr {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    margin-bottom: 1rem;}

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;
}

.launch-background {
    background: #b75a49 url(images/launching-soon.jpg) no-repeat fixed center center;
    background-size: contain;
    height: 100vh
}