.sp-checkbox[data-v-a188db59] {
    vertical-align: middle;
    text-align: start;
    display: block;
    margin-bottom: 20px
}

.sp-checkbox label[data-v-a188db59] {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: self-start
}

.sp-checkbox .checkbox__label[data-v-a188db59] {
    display: inline-flex;
    transition: all .2s ease-in-out;
    font-size: var(--font-p-md-size-bp-sm);
    line-height: var(--font-p-md-line-height-bp-sm);
    letter-spacing: var(--font-p-md-spacing-bp-sm);
    width: calc(100% - 30px)
}

.sp-checkbox .checkbox__note[data-v-a188db59] {
    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);
    flex-basis: 100%
}

.sp-checkbox .checkbox__note a[data-v-a188db59] {
    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))
}

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

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

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

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

.sp-checkbox .checkbox__note[data-v-a188db59] 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))
}

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

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

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

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

.sp-checkbox .checkbox__error[data-v-a188db59] {
    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));
    display: block
}

.sp-checkbox .checkbox__error a[data-v-a188db59] {
    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))
}

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

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

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

.sp-checkbox .checkbox__error[data-v-a188db59] 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))
}

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

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

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

.sp-checkbox .checkbox__error a[data-v-a188db59] {
    color: rgb(var(--rgb-red));
    text-decoration-color: var(--link-red-underline-50)
}

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

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

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

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

.sp-checkbox .checkbox__error[data-v-a188db59] a {
    color: rgb(var(--rgb-red));
    text-decoration-color: var(--link-red-underline-50)
}

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

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

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

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

.sp-checkbox .checkbox__note[data-v-a188db59],
.sp-checkbox .checkbox__error[data-v-a188db59] {
    display: block;
    margin-top: 0;
    margin-inline-start: 30px
}

.sp-checkbox input[type=checkbox][data-v-a188db59] {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0
}

.sp-checkbox[data-v-a188db59] .checkbox__tick {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin-inline-end: 10px;
    border-radius: 5px;
    box-shadow: inset 0 1px rgba(81, 89, 106, .05);
    border: 1px solid #CCCFD4;
    background-color: #fff;
    transition: all .2s ease-in-out;
    margin-top: 2px
}

.sp-checkbox[data-v-a188db59] .checkbox__tick .checkbox__icon {
    display: none;
    color: #fff;
    line-height: 12px;
    width: 12px;
    height: 12px;
    margin: 0 auto
}

.sp-checkbox[data-v-a188db59] .checkbox__tick .checkbox__spinner {
    display: flex
}

.sp-checkbox[data-v-a188db59] input[type=checkbox]:focus~.checkbox__tick,
.sp-checkbox[data-v-a188db59] input[type=checkbox]:hover~.checkbox__tick {
    box-shadow: 0 0 6px rgba(80, 169, 170, .3), inset 0 1px rgba(81, 89, 106, .05);
    border-color: #4298b4
}

.sp-checkbox[data-v-a188db59] input[type=checkbox]:checked~.checkbox__tick {
    background-color: #4298b4;
    border-color: #4298b4;
    box-shadow: none
}

.sp-checkbox[data-v-a188db59] input[type=checkbox]:checked~.checkbox__tick .checkbox__icon {
    display: inline-flex
}

.sp-checkbox[data-v-a188db59] input[type=checkbox]:checked:focus~.checkbox__tick,
.sp-checkbox[data-v-a188db59] input[type=checkbox]:checked:hover~.checkbox__tick {
    background-color: #347990;
    border-color: #347990
}

.sp-checkbox[data-v-a188db59] input[type=checkbox]:disabled~.checkbox__tick,
.sp-checkbox[data-v-a188db59] input[type=checkbox]:disabled:hover~.checkbox__tick {
    box-shadow: none;
    opacity: .5
}

.sp-checkbox:disabled~.checkbox__label[data-v-a188db59],
.sp-checkbox:disabled:hover~.checkbox__label[data-v-a188db59] {
    opacity: .5
}

.sp-checkbox.has--error input[type=checkbox]:focus~.checkbox__tick[data-v-a188db59],
.sp-checkbox.has--error input[type=checkbox]:hover~.checkbox__tick[data-v-a188db59] {
    box-shadow: 0 0 6px rgba(220, 105, 80, .3), inset 0 1px rgba(81, 89, 106, .05);
    border-color: #f25e62
}

.sp-checkbox.has--error .checkbox__tick[data-v-a188db59] {
    border-color: #f25e62
}

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

.sp-checkbox.is--busy .checkbox__tick[data-v-a188db59] {
    border-color: transparent
}

@media (min-width: 768px) {
    .sp-checkbox .checkbox__label[data-v-a188db59] {
        font-size: var(--font-p-md-size-bp-lg);
        line-height: var(--font-p-md-line-height-bp-lg);
        width: calc(100% - 43px)
    }

    .sp-checkbox .checkbox__note[data-v-a188db59],
    .sp-checkbox .checkbox__error[data-v-a188db59] {
        font-size: var(--font-p-tn-size-bp-md);
        line-height: var(--font-p-tn-line-height-bp-md)
    }

    .sp-checkbox .checkbox__note[data-v-a188db59],
    .sp-checkbox .checkbox__error[data-v-a188db59] {
        margin-inline-start: 43px
    }

    .sp-checkbox input[type=checkbox][data-v-a188db59] {
        position: absolute;
        width: 28px;
        height: 28px;
        opacity: 0
    }

    .sp-checkbox[data-v-a188db59] .checkbox__tick {
        width: 28px;
        height: 28px;
        margin-inline-end: 15px;
        margin-top: 0
    }

    .sp-checkbox[data-v-a188db59] .checkbox__tick .checkbox__icon {
        line-height: 18px;
        width: 18px;
        height: 18px
    }
}