:root {
    --basis-side: 19%;
    --basis-main: calc(100% - var(--basis-side));
    --nav-height: 60px;
    --form-gap: 1.2em;

    --lmp-gray: rgb(244, 243, 244);
    --lmp-medium-dark-gray: rgb(100, 100, 100);
    --lmp-disabled: rgb(213, 213, 213);
    --lmp-navy: rgb(27, 20, 100);
    --lmp-purple: rgb(150, 53, 238);
    --lmp-blue: rgb(0, 135, 255);
    --lmp-white: #fff;
    --lmp-charcoal: #2d2d2d;
    --lmp-darkblue: rgb(11, 11, 242);

    --lmp-muted: rgb(120, 140, 170);
    --lmp-success: rgb(11, 158, 63);
    --lmp-warning-orange: rgb(255, 148, 54);
    --lmp-warning-yellow: rgb(255, 208, 78);
    --lmp-danger: rgb(224, 58, 62);

    --font-primary: "Rubik", Arial, sans-serif;
    --font-utility: "Roboto";

    font-family: var(--font-primary);
    color: var(--lmp-charcoal);
}

@media (width < 1600px) {
    :root {
        --basis-side: 24%;
        --basis-main: 76%;
    }
}

@media (width <= 768px) {
    :root {
        --basis-side: 0%;
        --basis-main: 100%;
    }
}

[x-cloak] {
    display: none !important;
}

.no-arrow::-webkit-outer-spin-button,
.no-arrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-arrow {
    -moz-appearance: textfield;
    appearance: textfield;
}