<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: 'BrandonText';
    src: url('/v2-sensor-support-form/static/fonts/brandontext-regular-webfont.woff2') format('woff2'), url('/v2-sensor-support-form/static/fonts/brandontext-regular-webfont.woff') format('woff');
    font-weight: 390;
    font-style: normal
}

@font-face {
    font-family: 'BrandonText';
    src: url('/v2-sensor-support-form/static/fonts/brandontext-bold-webfont.woff2') format('woff2'), url('/v2-sensor-support-form/static/fonts/brandontext-bold-webfont.woff') format('woff');
    font-weight: 450;
    font-style: normal
}

:root {
    --size-xss: 0.87rem;
    --size-sm: 1rem;

    --title-line-height: 1.2;
    --content-line-height: 1.45;
    --dialog-radius: 16px;

    --disabled-gray: #63666A;
    --alert-red: #E63232;
    --danger-red: #E4002B;
    --interactive-blue: #005CB3;
    --focus-blue: #009CDE;
    --dropdown-gray: #63666A;
    --button-color: #222731;
    --spinner-color: var(--charcoal);

    --check-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.5 11.5858L14.7929 2.29289C15.1834 1.90237 15.8166 1.90237 16.2071 2.29289C16.5976 2.68342 16.5976 3.31658 16.2071 3.70711L6.20711 13.7071C5.81658 14.0976 5.18342 14.0976 4.79289 13.7071L0.792893 9.70711C0.402369 9.31658 0.402369 8.68342 0.792893 8.29289C1.18342 7.90237 1.81658 7.90237 2.20711 8.29289L5.5 11.5858Z' fill='%23222731'/%3E%3C/svg%3E");
    --trend-quickly-svg: url("data:image/svg+xml,%3Csvg width='60' height='34' viewBox='0 0 60 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='34' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.1055 19.8477L26.9107 20.0697L18.4227 28.4203C18.3506 28.4911 18.2731 28.5567 18.1908 28.6162L18.4227 28.4203C18.331 28.5105 18.2326 28.5901 18.1292 28.6593L17.8451 28.8175L17.5718 28.9188L17.2796 28.9809C17.1893 28.9935 17.0954 29 17 29L16.8469 28.9944L16.5844 28.9575L16.2762 28.868L16.0324 28.7567L15.7705 28.5876L15.5773 28.4203L7.08929 20.0697C6.30357 19.2967 6.30357 18.0435 7.08929 17.2705C7.80359 16.5677 8.92135 16.5039 9.709 17.0788L9.93466 17.2705L14.9882 22.2365L14.988 6.97938C14.988 5.8862 15.8888 5 17 5C18.0186 5 18.8604 5.74465 18.9936 6.71079L19.012 6.97938L19.0121 22.2417L24.0653 17.2705C24.7796 16.5677 25.8974 16.5039 26.685 17.0788L26.9107 17.2705C27.625 17.9732 27.6899 19.0728 27.1055 19.8477Z' fill='%23222731'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.8945 14.1523L33.0893 13.9303L41.5773 5.57975C41.6494 5.50885 41.7269 5.44331 41.8092 5.38378L41.5773 5.57975C41.669 5.48954 41.7674 5.40986 41.8708 5.3407L42.1549 5.1825L42.4282 5.08121L42.7204 5.01909C42.8107 5.00654 42.9046 5 43 5L43.1531 5.00564L43.4156 5.04245L43.7238 5.132L43.9676 5.24333L44.2295 5.41243L44.4227 5.57975L52.9107 13.9303C53.6964 14.7033 53.6964 15.9565 52.9107 16.7295C52.1964 17.4323 51.0787 17.4961 50.291 16.9212L50.0653 16.7295L45.0118 11.7635L45.012 27.0206C45.012 28.1138 44.1112 29 43 29C41.9814 29 41.1396 28.2553 41.0064 27.2892L40.988 27.0206L40.9879 11.7583L35.9347 16.7295C35.2204 17.4323 34.1026 17.4961 33.315 16.9212L33.0893 16.7295C32.375 16.0268 32.3101 14.9272 32.8945 14.1523Z' fill='%23222731'/%3E%3C/svg%3E");
    --trend-rising-svg: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='43.9411' height='43.9411' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.8349 12.8097L17.1296 12.7904L29.0363 12.8877C29.1373 12.8885 29.2385 12.897 29.3388 12.913L29.0363 12.8877C29.1649 12.8887 29.2908 12.9019 29.4128 12.9262L29.7255 13.0152L29.9905 13.1369L30.241 13.2995C30.3137 13.3545 30.3847 13.4162 30.4522 13.4837L30.5564 13.5959L30.716 13.8076L30.8707 14.0889L30.9643 14.34L31.0299 14.6447L31.0482 14.8997L31.1455 26.8063C31.1545 27.9085 30.2683 28.7947 29.1661 28.7857C28.1641 28.7775 27.3286 28.0323 27.1782 27.0688L27.1541 26.7737L27.0922 19.6888L16.3039 30.4773C15.5309 31.2503 14.2674 31.24 13.4816 30.4543C12.7614 29.734 12.6927 28.6122 13.2816 27.8349L13.4586 27.632L24.2506 16.8397L17.1622 16.7818C16.1602 16.7736 15.3247 16.0284 15.1743 15.0649L15.1502 14.7698C15.1421 13.7678 15.8737 12.9444 16.8349 12.8097Z' fill='%23222731'/%3E%3C/svg%3E");
    --trend-slowly-svg: url("data:image/svg+xml,%3Csvg width='44' height='35' viewBox='0 0 44 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='43.9411' height='34' transform='translate(0 0.941406)' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.8165 7.83589L25.0385 8.0307L33.389 16.5187C33.4599 16.5908 33.5254 16.6683 33.585 16.7506L33.389 16.5187C33.4792 16.6104 33.5589 16.7088 33.628 16.8122L33.7862 17.0963L33.8875 17.3697L33.9497 17.6618C33.9622 17.7521 33.9688 17.846 33.9688 17.9414L33.9631 18.0945L33.9263 18.357L33.8368 18.6652L33.7254 18.909L33.5563 19.1709L33.389 19.3641L25.0385 27.8521C24.2655 28.6378 23.0122 28.6378 22.2392 27.8521C21.5365 27.1378 21.4726 26.0201 22.0476 25.2324L22.2392 25.0067L27.2052 19.9532L11.9481 19.9534C10.8549 19.9534 9.96875 19.0526 9.96875 17.9414C9.96875 16.9228 10.7134 16.081 11.6795 15.9478L11.9481 15.9294L27.2105 15.9293L22.2392 10.8761C21.5365 10.1618 21.4726 9.04401 22.0476 8.25636L22.2392 8.0307C22.9419 7.3164 24.0416 7.25147 24.8165 7.83589Z' fill='%23222731'/%3E%3C/svg%3E");
    --trend-falling-svg: url("data:image/svg+xml,%3Csvg width='44' height='45' viewBox='0 0 44 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='43.9411' height='43.9411' transform='translate(0 0.941406)' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.1317 17.7763L31.151 18.071L31.0537 29.9777C31.0529 30.0788 31.0444 30.1799 31.0284 30.2802L31.0537 29.9777C31.0527 30.1063 31.0395 30.2322 31.0152 30.3542L30.9262 30.6669L30.8045 30.9319L30.6419 31.1824C30.5869 31.2551 30.5252 31.3261 30.4577 31.3936L30.3455 31.4978L30.1338 31.6574L29.8525 31.8121L29.6015 31.9057L29.2967 31.9713L29.0418 31.9896L17.1351 32.0869C16.0329 32.0959 15.1467 31.2097 15.1557 30.1075C15.1639 29.1055 15.9091 28.27 16.8726 28.1196L17.1677 28.0955L24.2526 28.0336L13.4641 17.2454C12.6911 16.4724 12.7014 15.2088 13.4871 14.423C14.2074 13.7028 15.3292 13.6341 16.1065 14.2231L16.3094 14.4L27.1017 25.192L27.1596 18.1036C27.1678 17.1016 27.913 16.2661 28.8765 16.1157L29.1716 16.0916C30.1736 16.0835 30.997 16.8151 31.1317 17.7763Z' fill='%23222731'/%3E%3C/svg%3E");

    --font-weight-regular: 390;
    --font-weight-bold: 450;
}

html {
    font-size: 16px;
    line-height: 1.2;
    font-family: 'BrandonText', Arial, sans-serif !important;
    color: var(--charcoal);
}

body {
    font-size: var(--size-sm);
    line-height: 1.45;
    letter-spacing: 0.5px;
}

p {
    line-height: 1.45;
    margin-bottom: 1.5rem;
}

.toast-message {
    p {
        margin-bottom: 0;
    }
}

a, a:visited, a:link {
    color: var(--interactive-blue);
}
a.tooltip {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'BrandonText', Arial, sans-serif !important;
}

h2, h3, h4, h5 {
    line-height: 1.20;
    letter-spacing: 0.5px;
    margin-bottom: var(--size-sm);
}

h2 {
    font-size: 2.25rem;
}

h3 {
    font-size: 1.875rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.125rem;
}

.bold {
    font-weight: var(--font-weight-bold)
}

.content-block {
    h1, h2, h3, h4, h5, h6 {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    &gt; :last-child {
        margin-bottom: 1.5rem;
    }

    &gt; :only-child {
        margin-bottom: .5rem;
    }
}

ul {
    &amp;.actions {
        justify-content: start;
        margin: var(--size-sm) 0;
    }

    &amp; li {
        &amp;.card {
            border-radius: 4px;
            border: 1px solid rgba(197, 197, 197, 0.25);
            background: #FFF;
            box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.10);

            &amp;:hover {
                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.40);
            }

            &amp;:active {
                box-shadow: 0px 0px 4px 2px rgba(21, 155, 215, 0.50);
            }

            &amp; a {
                letter-spacing: 0.5px;
                color: var(--charcoal);
            }

            .icon-image {
                display: none;
            }
            .trend-quickly, .trend-rising, .trend-slowly, .trend-falling {
                margin-right: 1rem;
                display: inline-block;
            }
            .trend-quickly:after {
                content: var(--trend-quickly-svg);
            }
            .trend-rising:after {
                content: var(--trend-rising-svg);
            }
            .trend-slowly:after {
                content: var(--trend-slowly-svg);
            }
            .trend-falling:after {
                content: var(--trend-falling-svg);
            }
        }

        &amp;.action {
            &amp; svg {
                margin-right: 0.7rem;
            }

            &amp; a.request-button {
                justify-content: center;
            }

            &amp; a {
                font-size: var(--size-xss);
                border: none;
                background: var(--charcoal);

                box-shadow: -5px 5px 14px 0px rgba(0, 0, 0, 0.05), 2px 2px 5px 0px rgba(0, 0, 0, 0.10);

                color: var(--white);

                &amp;:hover {
                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .4);
                }

                &amp;:active {
                    box-shadow: 0px 0px 4px 2px rgba(21, 155, 215, 0.50);
                }

                &amp;:focus {
                    outline: 2px solid var(--focus-blue);
                }
            }
        }
    }

    li.action:nth-of-type(2) a {
        color: var(--charcoal);
    }
}

.form-heading {
    color: var(--charcoal);
}

.replacement-form {
    &amp; .button {
        background-color: var(--charcoal);
        border: 1px solid var(--charcoal);
    }

    input:user-invalid, select:user-invalid {
        border: 1px solid var(--danger-red);
    }
}

.support {
    &amp; .something-else-message {
        &amp; a {
            color: var(--interactive-blue);
        }
    }
}

.replacement-steps {
    &amp; .step {
        --label-color: var(--disabled-gray);

        &amp;.selected, &amp;.passed {
            --label-color: var(--charcoal);
        }

        &amp;.passed .step-label:after {
            content: var(--check-svg);
        }
    }

    .replacement-step-between {
        border-color: var(--disabled-gray);

        &amp;.passed {
            border-color: var(--charcoal);
        }
    }
}

.replacement-form {
    &amp; span.error-message{
        color: var(--danger-red);
    }

    input:focus, select:focus {
        outline: 2px solid var(--focus-blue);
    }
    select {
        font-family: 'BrandonText', Arial, sans-serif;
    }

    input[type="checkbox"]:focus {
        border-radius: 4px;
        border: 1px solid var(--charcoal);
        background: var(--white);
        box-shadow: 0px 0px 4px 2px rgba(21, 155, 215, 0.50);
        outline: unset;
    }

    input {
        font-family: 'BrandonText', Arial, sans-serif !important;
    }

    &amp; label {
        &amp; span {
            color: var(--dropdown-gray);
        }

        &amp;.label-with-tooltip {
            &amp; span {
                color: var(--dropdown-gray);
            }

            &amp; span.error-message{
                color: var(--danger-red);
            }
        }
    }

    label {
        span {
            &amp;.required {
                color: var(--danger-red)
            }
        }
    }
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
    padding: 0;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid var(--charcoal);
    background: var(--charcoal);
    display: flex;
    align-items: center;
    justify-content: center;

    &amp;::before {
        border-radius: var(--size-xxs);
        border: 1px solid var(--charcoal);
        background: var(--charcoal);
        width: var(--size-md);
        height: var(--size-md);
        padding: 0.40rem var(--size-xxs) var(--size-xxs) var(--size-xxs);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    &amp;:checked {
        &amp;::before {
            content: var(--checkbox-svg);
        }
    }
}

@media screen and (max-width: 768px) {
    [data-tooltip]::before {
        right: 100%;
        transform: translateX(10%);
        width: 17rem !important;
        max-width: 70vw;
    }

    .replacement-form {
        fieldset {
            flex-direction: column;
        }

        label:not(:last-of-type) {
            margin-bottom: var(--size-lg);
        }

        label + label {
            margin: auto;
        }

        &amp; label {
            &amp;.label-phone-country {
                width: unset;
                max-width: unset;
            }
        }

        &amp; .calculator-submit {
            width: 100%;
        }
    }

    .form-heading {
        font-size: var(--size-lg);
    }

}

.back-link {
    &amp; a {
        color: var(--black);
    }
}

.reads-calculate-form {
    margin-top: var(--size-lg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 1rem;

    .calculator-pieces {
        display: flex;
        flex-direction: row;
        width: 34rem;
        justify-content: space-between;
        flex-wrap: wrap;
        row-gap: 31px;
    }

    &amp; fieldset.calculator-input {
        width: 16rem;
        &amp; label {
            display: flex;
            flex-direction: column;
            justify-content: start;
            gap: .25rem;
            width: 100%;
            line-height: 1.42;

            &amp; input {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
        }
    }

    &amp; h2 {
        margin: var(--size-sm) 0 var(--size-lg) 0;
    }

    &amp; label {
        display: flex;
        flex-direction: column;
        justify-content: start;
        gap: 1rem;
        width: 100%;
        line-height: 1.42;

        &amp; span.required {
            color: var(--light-pink);

            &amp;:after {
                content: "\a0"; /*Non-breaking space */
            }
        }

        &amp; a.tooltip {
            text-decoration: none;
            font-weight: normal;
            padding-left: 8px;

            &amp; img {
                vertical-align: middle;
            }
        }

        [data-tooltip] {
            position: relative;
        }

        [data-tooltip]:hover:before, [data-tooltip]:focus-within:before {
            content: attr(data-tooltip);
            position: absolute;
            bottom: 100%;
            padding: 1rem;
            border: 1px solid var(--infoBorderGrey);
            border-radius: 4px;
            font-weight: var(--font-weight-regular);
            background: var(--white);
            font-size: .875rem;
            width: 19rem;
            color: var(--black);
            line-height: 1.5;
        }

        &amp;.label-readonly {
            &amp; input {
                background: var(--disabled-gray-light);
                border: hidden;
            }
            color: var(--dropdown-gray);

        }

        &amp;.label-with-tooltip {
            &amp; span {
                display: flex;
                flex-direction: row;
                align-items: center;
                color: var(--charcoal)
            }

            &amp; span[hidden] {
                display: none;
            }

            &amp; span.error-message {
                color: var(--alert-red);
            }

            &amp; span.alert {
                align-items: start;
            }

            &amp; span.alert-image {
                width: var(--size-sm);
                height: var(--size-sm);
                margin-right: var(--size-xs);
                padding-top: 9px;
            }
        }
    }

    &amp; span.alert {
        display: flex;
    }

    &amp; span.alert-image {
        width: var(--size-sm);
        height: var(--size-sm);
        margin-right: var(--size-xs);
        padding-top: 5px;
    }

    &amp; span.error-message {
        margin-top: 0.29rem;
        color: var(--alert-red);
        font-size: 12px;
        font-style: normal;
        font-weight: var(--font-weight-regular);
        line-height: var(--size-sm);
        display: flex;
        flex-direction: row;
        align-items: start;
    }

    input[type="text"] {
        color: var(--dropdown-gray);
        box-sizing: border-box;
        margin-top: var(--size-xxs);
        display: flex;
        height: var(--size-2xl);
        padding: 1rem var(--size-sm);
        align-items: center;
        gap: var(--size-xs);
        align-self: stretch;

        border-radius: var(--size-xxs);
        border: 1px solid var(--charcoal);
        background: var(--white);
    }

    input[type="radio"] {
        border-radius: 500px;
        border: 1px solid var(--charcoal);
        background: var(--charcoal);
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        accent-color: var(--charcoal);
    }

    .radio-buttons {
        display: flex;
    }

    input:user-invalid {
        border: 1px solid var(--alert-red);
    }

    &amp; fieldset.calculator-submit {
        display: flex;
        align-self: center;
        margin-bottom: 0;
    }

    &amp; .button {
        padding: var(--size-xs) var(--size-lg);

        background-color: var(--interactive-blue);
        border: 1px solid var(--interactive-blue);
        border-radius: var(--size-xxs);
        white-space: nowrap;
        color: var(--white);

        font-size: 1rem;
        font-weight: var(--font-weight-bold);
    }

    &amp;:invalid input[type="submit"] {
        background-color: var(--disabled-gray);
        border: 1px solid var(--disabled-gray);
        color: var(--white);
    }

    input:focus {
        outline: 2px solid var(--focus-blue);
    }

    input {
        font-family: 'BrandonText', Arial, sans-serif !important;
    }

    &amp; label {
        &amp; span {
            color: var(--dropdown-gray);
        }

        &amp;.label-with-tooltip {
            &amp; span {
                color: var(--dropdown-gray);
            }

            &amp; span.error-message {
                color: var(--danger-red);
            }
        }
    }

    label {
        span {
            &amp;.required {
                color: var(--danger-red)
            }
        }
    }

    &amp; .button {
        background-color: var(--charcoal);
        border: 1px solid var(--charcoal);
    }

    input:user-invalid, select:user-invalid {
        border: 1px solid var(--danger-red);
    }
}

@media screen and (max-width: 800px) {
    .reads-calculate-form {
        &amp; .calculator-pieces {
            flex-direction: column;
            row-gap: 31px;
            width: 100%;
        }

        &amp; fieldset.calculator-input {
            width: 100%;
        }

        &amp; fieldset.calculator-submit {
            align-self: unset;
        }
        &amp; .button {
            width: 100%;
        }
    }
}
</pre></body></html>