:root {
    --fifth: #0a1424;
    --fourth-alpha: #f9f9f8;

    --third: #0459b3;
    --primary: #032040;
    --primary-alpha: #dfe1e8;
    --second: #0e83ff;
    --second-alpha: #ddecfd;
    --cargo:#00e1ff;
    --grey: #727272;
    --grey-alpha: #f1f1f1;

    --error-solid: #c8292d;
    --error-alpha: #f9eaea;
    --page-background: #faf8f8;
    --inactive: #c4c4c4;
    --white: white;
    --black: black;
    --high-emphasis: #ffffff;

    --og-green-dark: #205239;
    --og-green-mid: #007531;
    --og-green-light: #7ed321;
    --og-dark: #3c4041;
    --og-mid: #6c787c;
    --og-light: #e7ebed;
    --og-white: #fff;
    --og-system-success: #13c25c;
    --og-system-error: #ec5840;
    --og-secondary-orange: #ffae00;
    --og-secondary-dark-blue: #064873;
    --og-secondary-light-blue: #72c7ff;
    --og-green-mid-alpha: rgba(0, 117, 49, 0.1);
    --og-green-light-alpha: rgba(126, 211, 33, 0.1);
    --og-system-error-alpha: rgba(236, 88, 64, 0.2);
    --og-mid-alpha: rgba(108, 120, 124, 0.1);
    --success: #34c301;
    --font-bold: 400;
    --primary-blue: #1565c0;
    --light-gray: #e0e3e9;
    --orange: #e65100;
    --orange-light: #fdeee6;
    --dark: #212529;
    --medium-gray: #d1d4d6;
    --dark-blue: #0d47a1;
    --blue-light: #c2d1e7;
    --blue-accent: #2196f3;
    --blue-lighter: #bcdaf5;
    --yellow: #ffb514;
    --yellow-light: #ffecc4;
    --green: #4caf50;
    --green-light: #b2eab5;
    --purple: #723ecc;
    --purple-light: #d0c4eb;
    --red: #de1515;
    --red-light: #f6b9b9;
}

.search-info-icon::before {
    content: "?";
}

.search-info-icon {
    color: var(--secondary-orange);
    text-align: center;
    font-size: 18px;
    position: absolute;
    right: 8px;
    top: 6px;
}