@layer components{.labelled-input__label[data-v-d70e88ae]{font-weight:500;font-size:var(--text-base)}.labelled-input__label--visually-hidden[data-v-d70e88ae]{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.labelled-input__field[data-v-d70e88ae]{border-radius:var(--radius-input);width:100%;font-size:var(--text-base);background:var(--colour-surface);border:1px solid var(--colour-border);flex:1}@media (width>=64rem){.labelled-input__field[data-v-d70e88ae],.labelled-input__label[data-v-d70e88ae]{font-size:var(--text-sm)}}input.labelled-input__field[data-v-d70e88ae]{min-height:var(--input-height);padding:0 .75rem}textarea.labelled-input__field[data-v-d70e88ae]{padding:.75rem}.labelled-input__field--file[data-v-d70e88ae]{padding:.5rem .75rem}.labelled-input__field[data-v-d70e88ae]:focus{box-shadow:0 0 0 2px var(--colour-primary);outline:none}.labelled-input__field[data-v-d70e88ae]:disabled{border-color:var(--colour-border);background:var(--colour-surface-alt);color:var(--colour-ink-muted);box-shadow:none}.labelled-input__field--error[data-v-d70e88ae]{border-color:var(--colour-danger)}.labelled-input__error[data-v-d70e88ae]{color:var(--colour-danger);font-size:var(--text-xs)}}