.inputgroup[data-v-f13b352c] {
    text-align: start;
    margin-bottom: 20px
}

.inputgroup.input--full[data-v-f13b352c] {
    width: 100%
}

label[data-v-f13b352c] {
    font-weight: var(--font-label-weight);
    display: block;
    font-size: var(--font-p-sm-size-bp-sm);
    line-height: var(--font-p-sm-line-height-bp-sm);
    letter-spacing: var(--font-p-sm-spacing-bp-sm);
    margin-bottom: 5px
}

.label__required[data-v-f13b352c] {
    display: none
}

.input__row[data-v-f13b352c] {
    position: relative;
    display: flex;
    align-items: center
}

.input__row .input__icon[data-v-f13b352c] {
    pointer-events: none;
    position: absolute;
    top: 0;
    inset-inline-start: 15px;
    height: 50px
}

.input__row .input__icon.button__icon--lt[data-v-f13b352c],
.input__row .input__icon.button__icon--rt[data-v-f13b352c] {
    margin: 0
}

.input__row input[data-v-f13b352c],
.input__row textarea[data-v-f13b352c],
.input__row .input__textarea[data-v-f13b352c] {
    flex-grow: 1
}

.input__row input>textarea[data-v-f13b352c],
.input__row textarea>textarea[data-v-f13b352c],
.input__row .input__textarea>textarea[data-v-f13b352c] {
    width: 100%;
    display: block
}

.input__row select[data-v-f13b352c] {
    width: 100%
}

.input__row .input__before[data-v-f13b352c] {
    margin-inline-end: 15px
}

.input__row .input__after[data-v-f13b352c] {
    margin-inline-start: 15px
}

.input__note[data-v-f13b352c] {
    margin-top: 5px;
    margin-bottom: 0;
    color: rgb(var(--rgb-gray-10));
    font-size: var(--font-p-tn-size-bp-sm);
    line-height: var(--font-p-tn-line-height-bp-sm);
    letter-spacing: var(--font-p-tn-spacing-bp-sm)
}

.input__note a[data-v-f13b352c] {
    outline: 0;
    transition: all .2s ease-in-out, padding 0s, margin 0s, font-size 0s;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
    text-decoration-thickness: 1px;
    text-underline-offset: .32em;
    color: rgb(var(--rgb-blue))
}

.input__note a[data-v-f13b352c]:focus-visible,
.input__note a[data-v-f13b352c]:hover,
.input__note a[data-v-f13b352c]:active {
    text-decoration-color: var(--link-blue-underline-50)
}

.a11y--focus-visible .input__note a[data-v-f13b352c]:focus-visible {
    outline: 4px solid rgba(123, 183, 202, .6)
}

.input__note a .sp-icon.color--inherit g[data-v-f13b352c],
.input__note a .sp-icon.color--inherit path[data-v-f13b352c],
.input__note a .sp-icon.color--inherit polygon[data-v-f13b352c] {
    fill: rgb(var(--rgb-blue))
}

.input__note a[data-v-f13b352c] .sp-icon.color--inherit g,
.input__note a[data-v-f13b352c] .sp-icon.color--inherit path,
.input__note a[data-v-f13b352c] .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-blue))
}

.input__note[data-v-f13b352c] a {
    outline: 0;
    transition: all .2s ease-in-out, padding 0s, margin 0s, font-size 0s;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
    text-decoration-thickness: 1px;
    text-underline-offset: .32em;
    color: rgb(var(--rgb-blue))
}

.input__note[data-v-f13b352c] a:focus-visible,
.input__note[data-v-f13b352c] a:hover,
.input__note[data-v-f13b352c] a:active {
    text-decoration-color: var(--link-blue-underline-50)
}

.a11y--focus-visible .input__note[data-v-f13b352c] a:focus-visible {
    outline: 4px solid rgba(123, 183, 202, .6)
}

.input__note[data-v-f13b352c] a .sp-icon.color--inherit g,
.input__note[data-v-f13b352c] a .sp-icon.color--inherit path,
.input__note[data-v-f13b352c] a .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-blue))
}

.input__note[data-v-f13b352c] a :deep(.sp-icon.color--inherit) g,
.input__note[data-v-f13b352c] a :deep(.sp-icon.color--inherit) path,
.input__note[data-v-f13b352c] a :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-blue))
}

.input__label+.input__note[data-v-f13b352c] {
    margin-top: -5px
}

.input__note+.input__row[data-v-f13b352c] {
    margin-top: 10px
}

.input__note+.group__options[data-v-f13b352c] {
    margin-top: 5px
}

.input__label.sr-only+.input__note[data-v-f13b352c],
legend.sr-only+.input__note[data-v-f13b352c] {
    margin-top: 0
}

.input__note[data-v-f13b352c]:first-child {
    margin-top: 0
}

.input__error[data-v-f13b352c] {
    margin-top: 5px;
    margin-bottom: 0;
    color: rgb(var(--rgb-gray-10));
    font-size: var(--font-p-tn-size-bp-sm);
    line-height: var(--font-p-tn-line-height-bp-sm);
    letter-spacing: var(--font-p-tn-spacing-bp-sm);
    color: rgb(var(--rgb-red))
}

.input__error a[data-v-f13b352c] {
    outline: 0;
    transition: all .2s ease-in-out, padding 0s, margin 0s, font-size 0s;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
    text-decoration-thickness: 1px;
    text-underline-offset: .32em;
    color: rgb(var(--rgb-blue))
}

.input__error a[data-v-f13b352c]:focus-visible,
.input__error a[data-v-f13b352c]:hover,
.input__error a[data-v-f13b352c]:active {
    text-decoration-color: var(--link-blue-underline-50)
}

.input__error a .sp-icon.color--inherit g[data-v-f13b352c],
.input__error a .sp-icon.color--inherit path[data-v-f13b352c],
.input__error a .sp-icon.color--inherit polygon[data-v-f13b352c] {
    fill: rgb(var(--rgb-blue))
}

.input__error a[data-v-f13b352c] .sp-icon.color--inherit g,
.input__error a[data-v-f13b352c] .sp-icon.color--inherit path,
.input__error a[data-v-f13b352c] .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-blue))
}

.input__error[data-v-f13b352c] a {
    outline: 0;
    transition: all .2s ease-in-out, padding 0s, margin 0s, font-size 0s;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
    text-decoration-thickness: 1px;
    text-underline-offset: .32em;
    color: rgb(var(--rgb-blue))
}

.input__error[data-v-f13b352c] a:focus-visible,
.input__error[data-v-f13b352c] a:hover,
.input__error[data-v-f13b352c] a:active {
    text-decoration-color: var(--link-blue-underline-50)
}

.input__error[data-v-f13b352c] a .sp-icon.color--inherit g,
.input__error[data-v-f13b352c] a .sp-icon.color--inherit path,
.input__error[data-v-f13b352c] a .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-blue))
}

.input__error[data-v-f13b352c] a :deep(.sp-icon.color--inherit) g,
.input__error[data-v-f13b352c] a :deep(.sp-icon.color--inherit) path,
.input__error[data-v-f13b352c] a :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-blue))
}

.input__error a[data-v-f13b352c] {
    color: rgb(var(--rgb-red));
    text-decoration-color: var(--link-red-underline-50)
}

.input__error a .sp-icon.color--inherit g[data-v-f13b352c],
.input__error a .sp-icon.color--inherit path[data-v-f13b352c],
.input__error a .sp-icon.color--inherit polygon[data-v-f13b352c] {
    fill: rgb(var(--rgb-red))
}

.input__error a[data-v-f13b352c] .sp-icon.color--inherit g,
.input__error a[data-v-f13b352c] .sp-icon.color--inherit path,
.input__error a[data-v-f13b352c] .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-red))
}

.input__error a[data-v-f13b352c]:focus-visible,
.input__error a[data-v-f13b352c]:hover,
.input__error a[data-v-f13b352c]:active {
    text-decoration-color: var(--link-red-underline-100)
}

.a11y--focus-visible .input__error a[data-v-f13b352c]:focus-visible {
    outline: 4px solid rgba(123, 183, 202, .6)
}

.input__error[data-v-f13b352c] a {
    color: rgb(var(--rgb-red));
    text-decoration-color: var(--link-red-underline-50)
}

.input__error[data-v-f13b352c] a .sp-icon.color--inherit g,
.input__error[data-v-f13b352c] a .sp-icon.color--inherit path,
.input__error[data-v-f13b352c] a .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-red))
}

.input__error[data-v-f13b352c] a :deep(.sp-icon.color--inherit) g,
.input__error[data-v-f13b352c] a :deep(.sp-icon.color--inherit) path,
.input__error[data-v-f13b352c] a :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-red))
}

.input__error[data-v-f13b352c] a:focus-visible,
.input__error[data-v-f13b352c] a:hover,
.input__error[data-v-f13b352c] a:active {
    text-decoration-color: var(--link-red-underline-100)
}

.a11y--focus-visible .input__error[data-v-f13b352c] a:focus-visible {
    outline: 4px solid rgba(123, 183, 202, .6)
}

.is--busy input[data-v-f13b352c],
.has--icon input[data-v-f13b352c],
.is--busy select[data-v-f13b352c],
.has--icon select[data-v-f13b352c] {
    padding-inline-start: 41px
}

.is--disabled[data-v-f13b352c],
.is--busy[data-v-f13b352c] {
    pointer-events: none
}

[data-v-f13b352c] input:focus~.input__icon path {
    fill: #4298b4
}

.select--expanded[data-v-f13b352c] .input__icon path {
    fill: #4298b4
}

input[data-v-f13b352c]:invalid~.input__icon path,
input[data-v-f13b352c]:invalid:focus~.input__icon path,
.has--error input[data-v-f13b352c]:focus~.input__icon path {
    fill: #f25e62
}

.has--error[data-v-f13b352c] .input__icon:not(.icon--spinner) path {
    fill: #f25e62
}

.has--error input[data-v-f13b352c],
.has--error textarea[data-v-f13b352c],
.has--error input[data-v-f13b352c]:focus,
.has--error textarea[data-v-f13b352c]:focus,
.has--error input[data-v-f13b352c]:hover,
.has--error textarea[data-v-f13b352c]:hover {
    color: rgb(var(--rgb-red));
    border-color: #f25e62;
    box-shadow: inset 0 1px rgba(81, 89, 106, .05)
}

.has--error input[data-v-f13b352c]:focus,
.has--error textarea[data-v-f13b352c]:focus {
    box-shadow: 0 0 6px rgba(220, 105, 80, .3), inset 0 1px rgba(81, 89, 106, .05)
}

.has--error input[data-v-f13b352c]:invalid:focus,
.has--error textarea[data-v-f13b352c]:invalid:focus {
    box-shadow: 0 0 6px rgba(220, 105, 80, .3), inset 0 1px rgba(81, 89, 106, .05)
}

@media (min-width: 768px) {
    label[data-v-f13b352c] {
        font-size: var(--font-p-sm-size-bp-md);
        line-height: var(--font-p-sm-line-height-bp-md);
        letter-spacing: var(--font-p-sm-spacing-bp-md);
        margin-bottom: 10px
    }

    .input__note[data-v-f13b352c] {
        font-size: var(--font-p-tn-size-bp-md);
        line-height: var(--font-p-tn-line-height-bp-md)
    }

    .input__label+.input__note[data-v-f13b352c] {
        margin-top: -10px
    }

    .input__note+.group__options[data-v-f13b352c] {
        margin-top: 10px
    }

    .input__error[data-v-f13b352c] {
        font-size: var(--font-p-tn-size-bp-md);
        line-height: var(--font-p-tn-line-height-bp-md)
    }
}

@media (min-width: 1200px) {
    .input__row .input__icon[data-v-f13b352c] {
        inset-inline-start: 25px;
        height: 60px
    }

    .is--busy input[data-v-f13b352c],
    .has--icon input[data-v-f13b352c],
    .is--busy select[data-v-f13b352c],
    .has--icon select[data-v-f13b352c] {
        padding-inline-start: 53px
    }
}