:disabled {
    color: inherit;
    pointer-events: none;
}


:focus {
    outline: none;
}


:hover {
    -webkit-tap-highlight-color: transparent;
}


:root {
    --color--white: #ffffff;
    --color--white-transparent-20: #ffffff33;
    --color--dark: #1a1a1a;
    --color--black: #000000;
    --color--black-transparent-35: #00000059;
    --color--black-transparent-65: #000000A6;

    --color--gray-light: #f7f7f7;
    --color--gray-light-hover: #f3f3f3;
    --color--gray-light-active: #e7e7e7;
    --color--gray-normal: #b0b0b0;
    --color--gray-normal-hover: #9e9e9e;
    --color--gray-normal-active: #8d8d8d;
    --color--gray-dark: #848484;
    --color--gray-dark-hover: #6a6a6a;
    --color--gray-dark-active: #4f4f4f;
    --color--gray-darker: #3e3e3e;

    --color--teal-light: #e8f8fa;
    --color--teal-light-hover: #dcf4f8;
    --color--teal-light-active: #b6e8f0;
    --color--teal-normal: #14b5d0;
    --color--teal-normal-hover: #12a3bb;
    --color--teal-normal-active: #1091a6;
    --color--teal-dark: #0f889c;
    --color--teal-dark-hover: #0c6d7d;
    --color--teal-dark-active: #09515e;
    --color--teal-darker: #073f49;

    --color--blue-light: #e7f1fa;
    --color--blue-light-hover: #dbeaf7;
    --color--blue-light-active: #b5d3ef;
    --color--blue-normal: #1070ca;
    --color--blue-normal-hover: #0e65b6;
    --color--blue-normal-active: #0d5aa2;
    --color--blue-dark: #0c5498;
    --color--blue-dark-hover: #0a4379;
    --color--blue-dark-active: #07325b;
    --color--blue-darker: #062747;

    --color--red-light: #fceaea;
    --color--red-light-hover: #fae0df;
    --color--red-light-active: #f5bebc;
    --color--red-normal: #df2d28;
    --color--red-normal-hover: #c92924;
    --color--red-normal-active: #b22420;
    --color--red-dark: #a7221e;
    --color--red-dark-hover: #861b18;
    --color--red-dark-active: #641412;
    --color--red-darker: #4e100e;

    --color--green-light: #ebf6f1;
    --color--green-light-hover: #e1f2ea;
    --color--green-light-active: #c2e3d3;
    --color--green-normal: #39a671;
    --color--green-normal-hover: #339566;
    --color--green-normal-active: #2e855a;
    --color--green-dark: #2b7d55;
    --color--green-dark-hover: #226444;
    --color--green-dark-active: #1a4b33;
    --color--green-darker: #143a28;

    --color--yellow-light: #fef8ea;
    --color--yellow-light-hover: #fef5df;
    --color--yellow-light-active: #fceabd;
    --color--yellow-normal: #f5bc2a;
    --color--yellow-normal-hover: #dda926;
    --color--yellow-normal-active: #c49622;
    --color--yellow-dark: #b88d20;
    --color--yellow-dark-hover: #937119;
    --color--yellow-dark-active: #6e5513;
    --color--yellow-darker: #56420f;

    --color--orange-light: #fff0e8;
    --color--orange-light-hover: #ffe8dd;
    --color--orange-light-active: #ffd0b8;
    --color--orange-normal: #ff6719;
    --color--orange-normal-hover: #e65d17;
    --color--orange-normal-active: #cc5214;
    --color--orange-dark: #bf4d13;
    --color--orange-dark-hover: #993e0f;
    --color--orange-dark-active: #732e0b;
    --color--orange-darker: #592409;

    --color--kooperativa-yellow: #D6DE23;
    --color--kooperativa-green: #00AB58;
    --color--kooperativa-dark-blue: #2B388F;
    --color--kooperativa-light-blue: #00ADEE;

    --height--viewport: var(--height--window, 100vh);
    --width--container: 1440px;
    --width--viewport: calc(100vw - var(--width--scrollbar));
}



::placeholder {
    color: var(--color--gray-dark-hover);
}



::-moz-focus-inner {
    border: none;
}


::-webkit-search-cancel-button {
    display: none;
}



a {
    color: inherit;
    text-decoration: none;
}


body {
    background-color: var(--color--gray-light-hover);
    color: var(--color--dark);
    font-family: "Inter", sans-serif;
    font-size: 18px;
    margin: 0;
}


button {
    cursor: pointer;
    font: inherit;
    text-align: inherit;
    text-transform: inherit;
    user-select: none;
}


dialog {
    border: 0;
    color: inherit;
    margin: 0;
    padding: 0;
    position: fixed;
}


html {
    line-height: 1.26;
}


img {
    pointer-events: none;
}


input[type="checkbox"] {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
}

input[type="email"],
input[type="search"],
input[type="text"] {
    background-color: var(--color--white);
    border: 1px solid var(--color--gray-normal);
    border-radius: 8px;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding: 13px 15px 12px;
    width: 100%;
}


label {
    display: block;
}


path:not([stroke-width]) {
    fill: currentColor;
}

path[stroke-width] {
    stroke: currentColor;
}


svg {
    display: block;
    pointer-events: none;
}

svg:not([fill]) {
    fill: currentColor;
}


table {
    border-collapse: collapse;
    width: 100%;
}


textarea {
    background-color: var(--color--white);
    border: 1px solid var(--color--gray-normal);
    border-radius: 8px;
    box-sizing: border-box;
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding: 11px 15px 9px;
    resize: none;
    width: 100%;
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}



@media (max-width: 1567px) {
    :root {
        --width--container: calc(var(--width--viewport) - (64px * 2));
    }
}


@media (max-width: 1299px) {
    :root {
        --width--container: calc(var(--width--viewport) - (32px * 2));
    }
}


@media (max-width: 1024px) {
    :root {
        --width--container: 660px;
    }
}


@media (max-width: 691px) {
    :root {
        --width--container: calc(var(--width--viewport) - 32px);
    }
}