.mt-url-field[data-v-3e870ff1]{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label help-text" "input input" "error error" "hint hint";margin-bottom:var(--scale-size-32)}.mt-url-field--future-remove-default-margin[data-v-3e870ff1]{margin-bottom:0}.mt-url-field__block[data-v-3e870ff1]{grid-area:input;display:flex;align-items:center;height:1px;border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs);background:var(--color-background-primary-default)}.mt-url-field__block[data-v-3e870ff1]:has(input:disabled){cursor:not-allowed}.mt-url-field__block[data-v-3e870ff1]:has(.mt-url-field__input:focus-visible){outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-url-field__block[data-v-3e870ff1]:has(.mt-url-field__input:disabled){background:var(--color-background-tertiary-default)}.mt-url-field__block--size-default[data-v-3e870ff1]{min-height:var(--scale-size-48)}.mt-url-field__block--size-small[data-v-3e870ff1]{min-height:var(--scale-size-32)}.mt-url-field__block--error[data-v-3e870ff1]{border-color:var(--color-border-critical-default);background:var(--color-background-critical-default)}.mt-url-field__input[data-v-3e870ff1]{all:unset;height:100%;width:100%;color:var(--color-text-primary-default);padding-inline:var(--scale-size-8) var(--scale-size-16);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.mt-url-field__input[data-v-3e870ff1]::-moz-placeholder{color:var(--color-text-secondary-default)}.mt-url-field__input[data-v-3e870ff1]::placeholder{color:var(--color-text-secondary-default)}.mt-url-field__affix[data-v-3e870ff1]{display:grid;place-items:center;height:100%;background:var(--color-interaction-secondary-default);color:var(--color-text-primary-default);font-weight:var(--font-weight-medium);padding-inline:var(--scale-size-12)}.mt-url-field__affix--disabled[data-v-3e870ff1]{background:var(--color-interaction-secondary-disabled)}.mt-url-field__affix--prefix[data-v-3e870ff1]{border-top-left-radius:var(--border-radius-xs);border-bottom-left-radius:var(--border-radius-xs);border-right:1px solid var(--color-border-primary-default);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs)}.mt-url-field__affix--suffix[data-v-3e870ff1]{border-top-right-radius:var(--border-radius-xs);border-bottom-right-radius:var(--border-radius-xs);border-left:1px solid var(--color-border-primary-default);font-size:var(--font-size-2xs);line-height:var(--font-line-height-2xs)}.mt-url-field__protocol-toggle[data-v-3e870ff1]{display:flex;align-items:center;gap:var(--scale-size-2);padding-inline:var(--scale-size-8);border-radius:var(--border-radius-button);transition:background-color .15s ease-out;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-xs);color:var(--color-text-primary-default);background-color:var(--color-interaction-secondary-default);border:1px solid var(--color-border-primary-default)}.mt-url-field__protocol-toggle[data-size=small][data-v-3e870ff1]{height:var(--scale-size-24);margin-inline-start:3px}.mt-url-field__protocol-toggle[data-size=default][data-v-3e870ff1]{margin-inline-start:7px;height:var(--scale-size-32)}.mt-url-field__protocol-toggle[data-v-3e870ff1]:is(:hover,:focus-visible){background-color:var(--color-interaction-secondary-hover)}.mt-url-field__protocol-toggle[data-v-3e870ff1]:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-url-field__protocol-toggle[data-v-3e870ff1]:disabled{background-color:var(--color-interaction-secondary-disabled);cursor:not-allowed}.mt-url-field__copy-button[data-v-3e870ff1]{display:grid;place-items:center;padding:var(--scale-size-8);border-radius:var(--border-radius-button);transition:background-color .15s ease-out;margin-inline-end:var(--scale-size-6)}.mt-url-field__copy-button[data-v-3e870ff1]:is(:hover,:focus-visible){background-color:var(--color-interaction-secondary-hover)}.mt-url-field__copy-button[data-v-3e870ff1]:focus-visible{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-url-field__hint[data-v-3e870ff1]{grid-area:hint;font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);color:var(--color-text-secondary-default);margin-top:.1875rem}