#root {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

html {
    background: white;
    height: 100%;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    background: var(--default-secondary-color-light);
    padding: 0;
    margin: 0;
    height: 100%;
}

body.dealer {
    background-attachment: fixed;
    background-image: url('../img/dealer-settings-background.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

section {
    position: relative;
}

select,
input {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.typography {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
}

body.global-blocked {
    overflow: hidden;
    user-select: none;
}

body.global-blocked *:not(#flow-preloader):not(#confirm-preloader):not(#refund-preloader) {
    pointer-events: none !important;
}

#flow-preloader,
#refund-preloader,
#confirm-preloader {
    z-index: 9999 !important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}