.form-wrapper form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);padding:var(--gapHalf)}@media(min-width:60em){.form-wrapper form{gap:var(--gapDouble);padding:var(--gap)}}.form-wrapper form input{color-scheme:dark}.form-wrapper form .optional{font-style:italic;font-size:var(--typeMicro);opacity:.9}.form-wrapper form hr,.form-wrapper form h2,.form-wrapper form h3,.form-wrapper form h4,.form-wrapper form h5,.form-wrapper form h6{grid-column:1/-1}input{color-scheme:dark}form select option{background:var(--darkGrey);color:#fff}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:1rem;position:relative;line-height:1.3}.form-field label:after{content:"";opacity:0;transition:var(--transition);display:flex;position:absolute;inset:calc(50% - 2px) auto 0 -10px}.form-field[data-col="1"]{grid-column:span 2}@media(min-width:52em){.form-field[data-col="1"]{grid-column:span 1}}.form-field[data-col="2"]{grid-column:span 2}.form-wrapper input[type=text],.form-wrapper input[type=number],.form-wrapper input[type=tel],.form-wrapper input[type=email],.form-wrapper input[type=date],.form-wrapper textarea{position:relative;width:100%;padding:1rem;border:1px solid var(--secondaryGreyTint);border-radius:var(--radiusSml);background-color:var(--darkGreyTint);color:var(--light);transition:var(--transition);line-height:normal;height:100%}.form-wrapper input[type=text]:focus,.form-wrapper input[type=text] :active,.form-wrapper input[type=text] :focus-visible,.form-wrapper input[type=text] :focus-within,.form-wrapper input[type=number]:focus,.form-wrapper input[type=number] :active,.form-wrapper input[type=number] :focus-visible,.form-wrapper input[type=number] :focus-within,.form-wrapper input[type=tel]:focus,.form-wrapper input[type=tel] :active,.form-wrapper input[type=tel] :focus-visible,.form-wrapper input[type=tel] :focus-within,.form-wrapper input[type=email]:focus,.form-wrapper input[type=email] :active,.form-wrapper input[type=email] :focus-visible,.form-wrapper input[type=email] :focus-within,.form-wrapper input[type=date]:focus,.form-wrapper input[type=date] :active,.form-wrapper input[type=date] :focus-visible,.form-wrapper input[type=date] :focus-within,.form-wrapper textarea:focus,.form-wrapper textarea :active,.form-wrapper textarea :focus-visible,.form-wrapper textarea :focus-within{border-color:var(--greyMid);background-color:var(--greyLightTint)}.form-wrapper input[type=text]::placeholder,.form-wrapper input[type=number]::placeholder,.form-wrapper input[type=tel]::placeholder,.form-wrapper input[type=email]::placeholder,.form-wrapper input[type=date]::placeholder,.form-wrapper textarea::placeholder{color:var(--textColour);opacity:.45;font-style:italic}.form-wrapper input[type=text]:not(:focus):not(:placeholder-shown):valid,.form-wrapper input[type=number]:not(:focus):not(:placeholder-shown):valid,.form-wrapper input[type=tel]:not(:focus):not(:placeholder-shown):valid,.form-wrapper input[type=email]:not(:focus):not(:placeholder-shown):valid,.form-wrapper input[type=date]:not(:focus):not(:placeholder-shown):valid,.form-wrapper textarea:not(:focus):not(:placeholder-shown):valid{border-color:var(--green);background-color:var(--greenTint)}.form-field select{position:relative;width:100%;padding:1rem;border:1px solid var(--secondaryGreyTint);border-radius:var(--radiusSml);background-color:var(--darkGreyTint);color:var(--light);transition:var(--transition);line-height:normal;height:100%}.form-field select:has(option:first-of-type:checked){position:relative;width:100%;padding:1rem;border:1px solid var(--secondaryGreyTint);border-radius:var(--radiusSml);background-color:var(--darkGreyTint);color:var(--light);transition:var(--transition);line-height:normal;height:100%}.form-field select:not(:has(option:first-of-type:checked)){border-color:var(--green);background-color:var(--greenTint)}input[type=text]:not(:focus):not(:placeholder-shown):invalid,input[type=number]:not(:focus):not(:placeholder-shown):invalid,input[type=tel]:not(:focus):not(:placeholder-shown):invalid,input[type=email]:not(:focus):not(:placeholder-shown):invalid{border-color:var(--red);background-color:var(--redTint)}.form-field:has(input[type=text]:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--light);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=number]:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--light);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=tel]:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--light);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=email]:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--light);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=date]:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--light);height:5px;width:5px;border-radius:60rem}.form-field:has(textarea:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--light);height:5px;width:5px;border-radius:60rem}.form-field:has(select:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--light);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=text]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=number]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=tel]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=email]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=date]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);height:5px;width:5px;border-radius:60rem}.form-field:has(textarea:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);height:5px;width:5px;border-radius:60rem}.form-field:has(select:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=text]:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--redTint);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=number]:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--redTint);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=tel]:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--redTint);height:5px;width:5px;border-radius:60rem}.form-field:has(input[type=email]:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--redTint);height:5px;width:5px;border-radius:60rem}.form-field:has(textarea:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--redTint);height:5px;width:5px;border-radius:60rem}.form-field input:user-invalid{border-color:var(--red);background-color:var(--redTint);box-shadow:0 0 5px var(--red)}.form-field select:user-invalid{border-color:var(--red);background-color:var(--redTint);box-shadow:0 0 5px var(--red)}.form-field textarea:user-invalid{border-color:var(--red);background-color:var(--redTint);box-shadow:0 0 5px var(--red)}.is-invalid{border-color:var(--red);background-color:var(--redTint);box-shadow:0 0 5px var(--red)}.submit-wrapper{align-items:center}.submit-button{position:relative;justify-content:center;align-items:center;padding:.75rem 2rem;background-color:var(--red);color:var(--light);border-radius:60rem;overflow:hidden;transition:var(--transition)}.submit-button .button-text{line-height:normal;z-index:1}.submit-button:after{content:"";position:absolute;width:120%;height:120%;transform-origin:right;background-color:var(--redHover);transform:scaleX(0);transition:transform .25s ease-in-out}.submit-button:hover:after{transform-origin:left;transform:scaleX(1)}.loader[data-astro-cid-6j336lcx]{width:8rem;height:8rem;background:url(/images/tyre-loader-icon.svg);animation:rotationLoader 2.75s ease-in-out infinite}.loader_overlay[data-astro-cid-6j336lcx]{backdrop-filter:blur(3px);position:absolute;flex-direction:column;text-align:center;gap:var(--gap);inset:0;z-index:2}.loader_overlay[data-astro-cid-6j336lcx]:after{content:"";width:100%;height:100%;position:absolute;flex-direction:column;text-align:center;background:var(--midGrey);inset:0;z-index:-1;opacity:.85}@media(min-width:60em){.loader_overlay[data-astro-cid-6j336lcx]:after{border-radius:var(--borderRadius)}}.loader-wrapper[data-astro-cid-6j336lcx]{z-index:1;position:sticky;width:85%;height:auto;top:20%;margin:20% auto;display:flex;flex-direction:column;align-items:center}.loader-wrapper[data-astro-cid-6j336lcx] .loader-graphic[data-astro-cid-6j336lcx]{margin-bottom:var(--gap);width:8rem;height:8rem;position:relative;display:flex;justify-content:center;align-items:center}@keyframes rotationLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-wrapper[data-astro-cid-bjeshrcy]{margin-bottom:var(--gap)}
