#CompanyVat:user-invalid,.error{border:1px solid red}#CompanyVat:valid{border:1px solid green}create-customer-form fieldset{display:grid;gap:var(--gap-medium);grid-template-columns:200px auto;label{text-align:left}}SiteNameWrapper,CompanyNameWrapper{display:flex;gap:var(--gap-small)}#SiteAvailability,#CompanyAvailability{display:block;width:24px;height:24px}#SiteAvailability[data-availability="Pending"],#CompanyAvailability[data-availability="Pending"]{background-color:var(--color-accent);background-image:url('/images/icons/spinner.svg');animation:rotate 2s ease infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#SiteAvailability[data-availability="Unavailable"],#CompanyAvailability[data-availability="Unavailable"]{background-color:var(--color-accent);mask-image:url('/images/icons/exclamation.svg')}#SiteAvailability[data-availability="Available"],#CompanyAvailability[data-availability="Available"]{background-color:var(--color-accent);mask-image:url('/images/icons/check.svg')}.split>center{align-items:start}introduction{text-align:left}create-customer-form button{margin-top:var(--gap-large);width:250px}#CreateButton[disabled]{opacity:.3}#top-image {
                    background-image: image-set(
                        url('/top-image-NewCustomer-1920.avif') type('image/avif'),
                        url('/top-image-NewCustomer-1920.jxl') type('image/jxl'),
                        url('/top-image-NewCustomer-1920.jpg') type('image/jpeg')
                    );
                    background-size: cover;
                    background-position-y: -100px;
                    height: 700px;
                    align-content: end;
                    background-position: center;
}

@media (max-width: 1200px)
{
# top-image {
        background-image: image-set(
        url('/top-image-NewCustomer-1200.avif') type('image/avif'),
        url('/top-image-NewCustomer-1200.jxl') type('image/jxl'),
        url('/top-image-NewCustomer-1200.jpg') type('image/jpeg')
    );

    height: 500px;
    }
}

@media (max-width: 1000px)
{
# top-image {
        background-image: image-set(
        url('/top-image-NewCustomer-1000.avif') type('image/avif'),
        url('/top-image-NewCustomer-1000.jxl') type('image/jxl'),
        url('/top-image-NewCustomer-1000.jpg') type('image/jpeg')
    );
    }
}

@media (max-width: 800px)
{
# top-image {
    background-image: image-set(
        url('/top-image-NewCustomer-800.avif') type('image/avif'),
        url('/top-image-NewCustomer-800.jxl') type('image/jxl'),
        url('/top-image-NewCustomer-800.jpg') type('image/jpeg')
    );
    }
}