/**
  This file is part of the Crown Energy website.
  Author: Mark Eriksson <https://www.mark-eriksson.com>
  */
.options{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.option{display:flex}.options--well .option{flex:1}.options--well .option input:checked+.option__label{padding-inline-start:min(7cqw,2rem)}.option input:checked+.option__label{background-color:var(--clr-crown-blue-1);color:#fff;padding-inline-start:3rem}.option input:checked+.option__label:before{opacity:1;translate:-1.5rem -1px}.options--well :is(.option input:checked+.option__label){background-color:var(--clr-crown-original-blue)}.option input:checked+.option__label path{fill:#fff}.option input:checked+.option__label span:first-of-type{color:#fff}.option input:focus-visible+.option__label{background-color:rgb(from var(--clr-crown-blue-1) r g b / 50%);color:#fff;outline:2px solid var(--clr-crown-original-blue);outline-offset:2px}.option .option__label{padding:.96rem 2rem;background-color:#fff;border:2px solid var(--clr-crown-blue-1);color:var(--clr-crown-blue-1);font-weight:600;font-size:.9rem;line-height:1.2;border-radius:100px;transition:background-color .25s ease,color .25s ease,padding-inline-start .25s ease}.option .option__label:hover,.option .option__label:focus{background-color:rgb(from var(--clr-crown-blue-1) r g b / 15%)}.option .option__label:active{background-color:rgb(from var(--clr-crown-blue-1) r g b / 30%)}.option .option__label:before{content:"";position:absolute;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");inline-size:1.2rem;block-size:1.2rem;translate:-2rem -1px;opacity:0;transition:opacity .25s ease,translate .25s ease}.options--well :is(.option .option__label){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;border:none;padding:min(5cqw,1.5rem) min(7cqw,2rem);box-shadow:0 2px 10px #0000001a;border-radius:var(--border-radius);inline-size:100%}.options--well :is(.option .option__label):before{display:none}.checkbox{display:flex;align-items:center;gap:1rem}.checkbox label{text-transform:uppercase;font-size:.8rem;font-weight:700;line-height:1}.checkbox input{accent-color:var(--clr-crown-original-blue);width:18px;height:18px}.utility-form{max-inline-size:760px;margin:40px auto}.utility-form .form__fields{gap:1.5rem}@container (inline-size > 500px){.utility-form .form__field.form__field--half{flex:1 1 calc(50% - 1.5rem)}}.utility-form .form__input-wrapper{max-inline-size:380px}.utility-form .form__input{border:2px solid var(--clr-crown-blue-1)}.utility-form .form__input:focus-visible{outline:2px solid var(--clr-crown-original-blue);outline-offset:2px}.utility-form .form__label{margin-block-end:.5rem}.utility-form .form__input-supplementary{display:flex}.utility-form .form__input-supplementary .form__input{border-inline-end:none;border-top-right-radius:0;border-bottom-right-radius:0}.utility-form .form__input-supplementary-value{border:2px solid var(--clr-crown-blue-2);border-inline-start:none;border-radius:0 5px 5px 0;background-color:#fff;font-size:.9rem;padding:.8rem 1rem;flex-shrink:0}.utility-form .required{color:var(--clr-crown-original-red)}.utility-form__panel{background-color:var(--clr-crown-blue-3);border-radius:6px;padding:3.5vw 5vw;scroll-margin-block-start:var(--header-height);display:none}.utility-form__panel.utility-form__panel--active{display:block}.utility-form__step-number{font-weight:600;margin-block-end:.5em}.utility-form__step-button{display:flex;align-items:center;justify-content:center}.utility-form__step-button:hover .utility-form__button-arrow{translate:calc(6px * var(--direction)) -1px}.utility-form__buttons{display:flex;flex-wrap:wrap;gap:1.5rem;margin-block-start:2rem}.utility-form__buttons .button{flex:1}.utility-form__button-arrow{inline-size:1.5rem;block-size:1.5rem;transition:translate .15s ease;translate:0 -1px}[data-step-direction=back]{--direction: -1;--button-bg-colour: #cfcfcf;--button-text-colour: var(--clr-crown-black)}[data-step-direction=next]{--direction: 1;--button-bg-colour: var(--clr-crown-original-blue);--button-text-colour: #fff}