* {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    line-height: 1;
}

*:not(table):not(tr):not(th):not(td) {
    border: none;
}

html,
body {
    width: 100%;
     height: 100%;
    color: #010101;
}

html {
    // font-size: .1875rem; // 3px
    font-family: 'Inter', sans-serif;
    --headerHeight: 70px;
    --sbw-s-1: clamp(20rem, calc(12.5rem + 15vw + 15vh), 40rem);
    --sbw-t-1: 6rem;
    // --sbw-s-1: clamp(5rem, calc(4rem + 4vw + 4vh), 10rem);
    // --sbw-t-1: 2rem;
    --sbw-s-2: clamp(20rem, calc(7.5rem + 10vw + 10vh), 30rem);
    --sbw-t-2: clamp(4.5rem, calc(3.5rem + 1vw + 1vh), 8rem);
    --sbw-s-3: clamp(10rem, calc(5rem + 7.5vw + 10vh), 20rem);
    --sbw-t-3: clamp(3rem, calc(1.5rem + 1vw + 2.5vh), 4rem);
    --sbw-s-4: clamp(20rem, calc(15rem + 30vw + 30vh), 100rem);
    --sbw-t-4: clamp(6rem, calc(4rem + 5vw + 5vh), 17.5rem);
    --sbw-s-5: clamp(17.5rem, calc(7.5rem + 12.5vw + 12.5vh), 40rem);
    --sbw-t-5: clamp(3.5rem, calc(2.25rem + 2.2vw + 2.2vh), 8rem);
}

// @media (min-width: 576px) {
//     html {
//         font-size: .25rem; // 4px
//     }
// }

// @media (min-width: 768px) {
//     html {
//         font-size: .3125rem; // 5px
//     }
// }

// @media (min-width: 1200px) and (min-height: 700px) {
//     html {
//         font-size: .4375rem; // 7px
//     }
// }

// @media (min-width: 1400px) and (min-height: 750px) {
//     html {
//         font-size: .5rem; // 8px
//     }
// }

// @media (min-width: 1600px) and (min-height: 800px) {
//     html {
//         font-size: .5625rem; // 9px
//     }
// }

@media screen and (min-width: 992px) {
    html {
        // --headerHeight: 14rem;
    }
}

@media screen and (min-width: 1200px) {
    html {
        /* --headerHeight: 12rem; */
    }
}

body {
    font-size: 1rem;
}

*:not(.sxs-fcontrol):focus-visible {
    outline: 1px solid #999999;
}

a // a:hover,

// a:focus 
    {
    color: unset;
    text-decoration: none;
    outline: none;
}

a,
button {
    color: inherit;
    cursor: pointer;
}

button {
    background: transparent;
}

input,
button,
select {
    outline: none;
    border: none;
}

img {
    display: block;
    max-width: 100%;
    font-size: 1rem;
}

textarea {
    resize: none;
    outline: none;
}

h1,
h2 {
    font-weight: 500;
}

h3,
h4,
h5,
h6 {
    font-weight: normal;
}

b,
strong,
th {
    font-weight: 700;
}

// th,
// td {
//     text-align: center;
// }

table {
    border-collapse: collapse;
}

svg {
    fill: #010101;
}