:root{
    --_color-black: #222;
    --_color-white: #FFF;

    --_color-black-transparent: rgb(34 34 34 / 80%);

    --_color-gray-1: #8E8E91;
    --_color-gray-2: #F5F5F5;
    --_color-gray-3: #EEE;
    --_color-gray-4: #4E4E4E;

    --_color-orange-1: #fd754a;
    --_color-orange-2: #FC5F46;
    --_color-orange-3: #ffefec;

    --_font-size-min: 12px;
    --_font-size-sm: 1em;
    --_font-size-p: 1.167em;
    --_font-size-h6: 1.167em;
    --_font-size-h5: 1.333em;
    --_font-size-h4: 1.5em;
    --_font-size-h3: 1.667em;
    --_font-size-h2: 2em;
    --_font-size-h1: 2.333em;

    --_font-family-extrabold: Manrope-ExtraBold, sans-serif;
    --_font-family-bold: Manrope-Bold, sans-serif;
    --_font-family-semibold: Manrope-Semibold, sans-serif;
    --_font-family-medium: Manrope-Medium, sans-serif;
    --_font-family-regular: Manrope-Regular, sans-serif;

    --_shadow-black: 0px 5px 20px rgba(34, 34, 34, .09);

}

*{
    margin-inline: 0;
    margin-block: 0;
    padding-inline: 0;
    padding-block: 0;
    box-sizing: border-box;
    outline-color: var(--_color-orange-1);
    z-index: auto;
}

@font-face {
    font-family: Manrope-ExtraBold;
    src: url(/fonts/manrope/Manrope-ExtraBold.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: Manrope-Bold;
    src: url(/fonts/manrope/Manrope-Bold.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: Manrope-SemiBold;
    src: url(/fonts/manrope/Manrope-SemiBold.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: Manrope-Medium;
    src: url(/fonts/manrope/Manrope-Medium.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: Manrope-Regular;
    src: url(/fonts/manrope/Manrope-Regular.ttf) format('truetype');
    font-display: swap;
}

::-webkit-scrollbar,
::-moz-scrollbar{
    display: none;
}

body{
    position: relative;
    font: var(--_font-size-min)/1.2 var(--_font-family-regular);
    background: var(--_color-white);
    color: var(--_color-black);
    overflow-x: hidden;
}

h1{
    font: var(--_font-size-h1)/1.2 var(--_font-family-bold);
}

h2{
    font: var(--_font-size-h2)/1.2 var(--_font-family-bold);
}

h3{
    font: var(--_font-size-h3)/1.2 var(--_font-family-bold);
}

h4{
    font: var(--_font-size-h4)/1.2 var(--_font-family-bold);
}

h5{
    font: var(--_font-size-h5)/1.2 var(--_font-family-bold);
}

h6{
    font: var(--_font-size-h6)/1.2 var(--_font-family-bold);
}

p{
    font: var(--_font-size-p)/1.2 var(--_font-family-regular);
    color: var(--_color-gray-1);
}

p > strong{
    font-family: var(--_font-family-medium);
    color: var(--_color-black);
}

a, button{
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    text-underline-offset: .25ch;
    border: none;
    background: inherit;
    color: inherit;
    cursor: pointer;
}

label{
    font-family: var(--_font-family-semibold);
}

input{
    background: transparent;
    color: var(--_color-black);
    border-radius: 6px;
    border: none;
}

picture :is(img, svg){
    vertical-align: middle;
}

main{
    inline-size: 100%;
}

container{
    display: block;
}

summary {
    list-style: none;
}

summary::marker,
summary::-webkit-details-marker {
    display: none;
}

@media (min-width: 768px) {
    body{
        --_font-size-min: 12px;
    }
}