:root {
    --cleanin-success: #16a34a;
    --cleanin-success-rgb: 22, 163, 74;
    --cleanin-success-bg: #f0fdf4;
    --cleanin-success-bg-rgb: 240, 253, 244;
    --cleanin-success-bdr: #86efac;
    --cleanin-success-bdr-rgb: 134, 239, 172;

    --cleanin-error: #dc2626;
    --cleanin-error-rgb: 220, 38, 38;
    --cleanin-error-bg: #fef2f2;
    --cleanin-error-bg-rgb: 254, 242, 242;
    --cleanin-error-bdr: #fca5a5;
    --cleanin-error-bdr-rgb: 252, 165, 165;
}

.iti { width: 100%; }


.result-box.hidden {
    display: none;
}

.result-box {
    max-width: 410px;

    margin: 16px auto 0;
    padding: 12px 16px;

    border-radius: 4px;
    font-size: 16px;
    text-align: center;
}

.result-box.success {
    background-color: var(--cleanin-success-bg);
    color: var(--cleanin-success);
    border: 1px solid var(--cleanin-success-bdr);
}

.result-box.fail {
    background-color: var(--cleanin-error-bg);
    color: var(--cleanin-error);
    border: 1px solid var(--cleanin-error-bdr);
}