.enquiry-flow{container:enquiry-flow / inline-size;display:flex;flex-direction:column;gap:28px;inline-size:100%;max-width:680px;margin-inline:auto;color:var(--bk-evergreen)}.enquiry-flow [hidden],.flow-step[hidden],.enquiry-flow__controls[hidden],.enquiry-flow__back[hidden],.enquiry-flow__confirmation[hidden],.enquiry-flow__failure[hidden],.enquiry-flow__summary-row[hidden],.flow-field__error[hidden]{display:none}.enquiry-flow__progress{display:flex;align-items:center;gap:16px}.enquiry-flow__progress-track{flex:1;block-size:3px;background-color:var(--bk-line);border-radius:var(--bk-radius-pill);overflow:hidden}.enquiry-flow__progress-fill{display:block;block-size:100%;inline-size:var(--enquiry-progress, 0%);background-color:var(--bk-evergreen);border-radius:inherit;transition:inline-size var(--bk-duration-slow) var(--bk-ease)}@media(prefers-reduced-motion:reduce){.enquiry-flow__progress-fill{transition:none}}.enquiry-flow__progress-text{margin:0;font-family:var(--bk-font-mono);font-size:var(--bk-tag);letter-spacing:var(--bk-tracking-mono);color:var(--bk-olive);white-space:nowrap}.flow-step{display:flex;flex-direction:column;gap:24px}.flow-step__heading{margin:0;max-width:22ch;font-size:var(--bk-h4);line-height:var(--bk-leading-heading);letter-spacing:var(--bk-tracking-heading);font-weight:400}@container enquiry-flow (min-width: 600px){.flow-step__heading{font-size:var(--bk-h3-l)}}.flow-step__heading:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.flow-step__heading+.flow-step__body{margin-block-start:-12px}.flow-step__body{max-width:52ch;font-size:var(--bk-body-l);line-height:var(--bk-leading-body);color:var(--bk-ink-2)}.flow-step__body p{margin:0}.flow-step__field{display:flex;flex-direction:column;gap:10px;border:0;padding:0;margin:0;min-inline-size:0}.flow-step__options,.flow-question__options{display:grid;gap:10px}@container enquiry-flow (min-width: 440px){.flow-step__options{grid-template-columns:repeat(2,minmax(0,1fr))}}.flow-field__input{inline-size:100%;min-block-size:56px;padding:16px 20px;border:1px solid var(--bk-line);border-radius:var(--bk-radius-m);background-color:transparent;color:var(--bk-evergreen);font-family:inherit;font-size:var(--bk-body);line-height:var(--bk-leading-snug);transition:border-color var(--bk-duration) var(--bk-ease)}.flow-field__input::placeholder{color:rgb(var(--bk-evergreen-rgb) / .45)}.flow-field__input:hover{border-color:rgb(var(--bk-evergreen-rgb) / .45)}.flow-field__input:focus-visible{outline:2px solid var(--bk-evergreen);outline-offset:2px;border-color:var(--bk-evergreen)}.flow-field__input:is([type=date],[type=time],[type=datetime-local],[type=month]){display:block;min-inline-size:0;max-inline-size:100%;-webkit-appearance:none;appearance:none}.flow-field__input::-webkit-date-and-time-value{min-block-size:1.4em;text-align:start}.flow-field__input::-webkit-datetime-edit{padding:0}select.flow-field__input{padding-inline:20px 48px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--bk-evergreen) 50%),linear-gradient(135deg,var(--bk-evergreen) 50%,transparent 50%);background-position:calc(100% - 26px) 50%,calc(100% - 21px) 50%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}.flow-field__input--textarea{resize:vertical;min-block-size:144px}.flow-field__aside{display:flex;align-items:center;gap:8px;min-block-size:var(--minimum-touch-target);font-size:var(--bk-chip)}.flow-field__error{margin:0;color:var(--color-error);font-size:var(--bk-chip)}.flow-field__input[aria-invalid=true]{border-color:var(--color-error)}.flow-quantities{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border-block-start:1px solid var(--bk-line)}.flow-quantities__item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;padding-block:10px;border-block-end:1px solid var(--bk-line)}.flow-quantities__title{font-size:var(--bk-body);overflow-wrap:anywhere}.flow-quantities__input{inline-size:7em;min-block-size:48px;padding:10px 16px;text-align:end}.flow-quantities__item .flow-field__error{grid-column:1 / -1}.flow-option{position:relative;display:grid}.flow-option__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flow-option__label{display:flex;flex-direction:column;justify-content:center;gap:2px;min-block-size:56px;padding:14px 18px;border:1px solid var(--bk-line);border-radius:var(--bk-radius-m);background-color:transparent;color:var(--bk-evergreen);font-size:var(--bk-body);line-height:var(--bk-leading-snug);cursor:pointer;transition:border-color var(--bk-duration) var(--bk-ease),background-color var(--bk-duration) var(--bk-ease),color var(--bk-duration) var(--bk-ease)}.flow-option__label:hover{border-color:var(--bk-evergreen)}.flow-option__description{font-size:var(--bk-chip);color:var(--bk-olive)}.flow-option__input:checked+.flow-option__label{border-color:var(--bk-evergreen);background-color:var(--bk-evergreen);color:var(--bk-paper)}.flow-option__input:checked+.flow-option__label .flow-option__description{color:var(--bk-on-dark-muted)}.flow-option__input:focus-visible+.flow-option__label{outline:2px solid var(--bk-evergreen);outline-offset:2px}.flow-question{display:flex;flex-direction:column;gap:12px;margin:8px 0 0;padding:24px 0 0;border:0;border-block-start:1px solid var(--bk-line);min-inline-size:0}.flow-question__legend{float:left;inline-size:100%;padding:0;font-size:var(--bk-h6);line-height:var(--bk-leading-heading);letter-spacing:var(--bk-tracking-snug)}.flow-question__legend+*{clear:both}.flow-question__body{margin:0;font-size:var(--bk-chip);color:var(--bk-ink-2)}.flow-contact,.flow-contact__row{display:flex;flex-direction:column;gap:12px}@container enquiry-flow (min-width: 440px){.flow-contact__row{flex-direction:row}.flow-contact__row>*{flex:1;min-inline-size:0}}.enquiry-flow__controls{display:flex;gap:10px}.enquiry-flow__controls :is(.button,.button-secondary){min-block-size:52px}@media screen and (max-width:749px){.enquiry-flow__controls{position:sticky;bottom:0;z-index:var(--layer-sticky);padding-block:12px max(12px,env(safe-area-inset-bottom));background-color:var(--color-background);border-block-start:1px solid var(--bk-line)}}.shortlist-drawer .enquiry-flow__controls{position:sticky;bottom:0;z-index:var(--layer-sticky);margin-block-start:auto;padding-block:16px max(16px,env(safe-area-inset-bottom));background-color:var(--color-background);border-block-start:1px solid var(--bk-line)}.enquiry-flow__next{flex:1}.enquiry-flow__honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.enquiry-flow__confirmation,.enquiry-flow__failure{display:flex;flex-direction:column;gap:24px;align-items:flex-start}.enquiry-flow__confirmation:focus-visible,.enquiry-flow__failure:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.enquiry-flow__summary{display:grid;margin:0;inline-size:100%;border-block-start:1px solid var(--bk-line)}.enquiry-flow__summary-row{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;padding-block:12px;border-block-end:1px solid var(--bk-line);font-size:var(--bk-body)}.enquiry-flow__summary-row dt{color:var(--bk-olive)}.enquiry-flow__summary-row dd{margin:0;text-align:end}.enquiry-flow__branch{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:-12px 0 0;font-size:var(--bk-chip);color:var(--bk-ink-2)}.enquiry-flow__branch[hidden]{display:none}.enquiry-flow__branch-change{min-block-size:var(--minimum-touch-target);padding:0;border:0;background:none;color:var(--bk-evergreen);font-size:var(--bk-chip);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.flow-range{grid-column:1 / -1;display:grid;gap:var(--gap-sm);padding-block:var(--padding-sm) var(--padding-md)}.flow-range__value{font-size:var(--bk-h5);line-height:1.1;letter-spacing:var(--bk-tracking-snug);color:var(--bk-olive)}.flow-range[data-selected] .flow-range__value{color:var(--bk-evergreen)}.flow-range__input{inline-size:100%;block-size:var(--minimum-touch-target);margin:0;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.flow-range__input::-webkit-slider-runnable-track{block-size:4px;border-radius:var(--bk-radius-pill);background:rgb(var(--bk-evergreen-rgb) / .15)}.flow-range__input::-moz-range-track{block-size:4px;border-radius:var(--bk-radius-pill);background:rgb(var(--bk-evergreen-rgb) / .15)}.flow-range__input::-webkit-slider-thumb{-webkit-appearance:none;inline-size:28px;block-size:28px;margin-block-start:-12px;border:2px solid var(--bk-evergreen);border-radius:50%;background:var(--bk-paper);transition:background-color var(--bk-duration),box-shadow var(--bk-duration)}.flow-range__input::-moz-range-thumb{inline-size:28px;block-size:28px;border:2px solid var(--bk-evergreen);border-radius:50%;background:var(--bk-paper)}.flow-range[data-selected] .flow-range__input::-webkit-slider-thumb{background:var(--bk-evergreen);box-shadow:0 0 0 4px var(--bk-lime)}.flow-range[data-selected] .flow-range__input::-moz-range-thumb{background:var(--bk-evergreen);box-shadow:0 0 0 4px var(--bk-lime)}.flow-range__input:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset);border-radius:var(--bk-radius-xs)}.flow-range__ticks{display:flex;justify-content:space-between;font-family:var(--bk-font-mono);font-size:var(--bk-tag);color:var(--bk-olive)}.flow-step__options:has(>flow-range:defined)>.flow-option:not([data-option-unknown]){display:none}.flow-step__field:has(>flow-range:defined)>.flow-field__input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/98/assets/enquiry-flow.css.map */