[data-theme=light] {
    --_0-iA9I: var(--color-cold-gray-850);
    --_1-iA9I: var(--color-text-regular)
}

[data-theme=dark] {
    --_0-iA9I: var(--color-cold-gray-50);
    --_1-iA9I: var(--color-cold-gray-200)
}

.tv-control-fieldset {
    display: block;
    margin-bottom: 30px;
    min-width: 0
}

.tv-control-fieldset:after {
    clear: both;
    content: "";
    display: table
}

.tv-control-fieldset--spacing_xsmall {
    margin-bottom: 10px
}

.tv-control-fieldset--first {
    margin-top: 12px
}

.tv-control-fieldset:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .tv-control-fieldset {
        margin-bottom: 20px
    }
}

.tv-control-fieldset__group {
    display: flex;
    justify-content: space-between
}

.tv-control-fieldset__label,
.tv-control-fieldset__value {
    box-sizing: border-box;
    display: block;
    float: inline-start
}

.tv-control-fieldset__label--vertical,
.tv-control-fieldset__value--vertical {
    float: none
}

.tv-control-fieldset__label--checkbox,
.tv-control-fieldset__value--checkbox {
    padding-top: 2px !important
}

@media (max-width:479px) {
    .tv-control-fieldset__label,
    .tv-control-fieldset__value {
        float: none
    }
}

.tv-control-fieldset__label {
    clear: inline-start;
    color: var(--color-text-secondary);
    font-size: 13px;
    padding-block: 10px 0;
    padding-inline: 0 20px;
    width: 30%
}

.tv-control-fieldset__label--top {
    padding-top: 0
}

.tv-control-fieldset__label--vertical {
    padding: 0 0 4px;
    width: auto
}

.tv-control-fieldset__label--color_dark {
    color: var(--_0-iA9I)
}

.tv-control-fieldset__label--width_small {
    width: 26%
}

@media (max-width:479px) {
    .tv-control-fieldset__label--width_small {
        width: auto
    }
}

.tv-control-fieldset__label--size_small {
    padding-top: 4px
}

@media (max-width:479px) {
    .tv-control-fieldset__label {
        padding: 0 0 10px;
        width: auto
    }
}

.tv-control-fieldset__label-icon {
    display: inline-block;
    font-size: 12px;
    height: 12px;
    line-height: 1;
    vertical-align: super
}

.tv-control-fieldset__label-icon svg {
    height: 100%;
    width: auto
}

.tv-control-fieldset__value {
    width: 70%
}

.tv-control-fieldset__value--vertical {
    width: auto
}

.tv-control-fieldset__value--width_big {
    width: 74%
}

@media (max-width:479px) {
    .tv-control-fieldset__value,
    .tv-control-fieldset__value--width_big {
        width: auto
    }
}

.tv-control-fieldset__text {
    margin-bottom: 12px
}

.tv-control-fieldset__text:last-of-type {
    margin-bottom: 0
}

.tv-control-fieldset--block .tv-control-fieldset__label,
.tv-control-fieldset--block .tv-control-fieldset__value {
    float: none;
    padding: 0;
    width: auto
}

.tv-control-fieldset--block .tv-control-fieldset__label {
    margin-bottom: 10px
}

.tv-control-fieldset__value-control {
    display: block
}

.tv-control-fieldset__value-control.link,
.tv-control-fieldset__value-control.link:visited {
    color: var(--color-link-primary-default);
    fill: var(--color-link-primary-default)
}

@media (any-hover:hover) {
    .tv-control-fieldset__value-control.link:hover {
        color: var(--color-link-primary-hover);
        fill: var(--color-link-primary-hover)
    }
}

.tv-control-fieldset__value-control.link:active {
    color: var(--color-link-primary-active);
    fill: var(--color-link-primary-active)
}

.tv-control-fieldset__value-control.link:focus {
    outline: auto;
    outline-offset: 2px
}

.tv-control-fieldset__value-control.link:focus-visible {
    outline: auto;
    outline-offset: 2px
}

.tv-control-fieldset__value-control.link:focus:not(:focus-visible) {
    outline: none
}

@media (any-hover:hover) {
    .tv-control-fieldset__value-control.link:hover {
        text-decoration: underline
    }
}

.tv-control-fieldset__input-value {
    flex: 1;
    margin-inline-end: 12px
}

.tv-control-fieldset .tv-control-fieldset__group-btn {
    padding: 0
}

.tv-control-fieldset .tv-control-fieldset__group-btn svg {
    margin-bottom: 1px
}

.tv-control-fieldset__group-btn:first-child {
    margin-inline-end: 5px
}

.tv-control-fieldset .tv-control-fieldset__single-icon-btn {
    padding: 0 12px
}

.tv-control-fieldset .tv-control-fieldset__single-icon-btn svg {
    margin-bottom: 4px
}

.tv-control-fieldset__trash-icon svg {
    color: red
}

.tv-control-fieldset__hint {
    color: var(--_1-iA9I);
    display: block;
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 10px;
    margin-top: 10px
}

.tv-control-fieldset__hint .link,
.tv-control-fieldset__hint .link:visited {
    color: var(--color-link-primary-default);
    fill: var(--color-link-primary-default)
}

@media (any-hover:hover) {
    .tv-control-fieldset__hint .link:hover {
        color: var(--color-link-primary-hover);
        fill: var(--color-link-primary-hover)
    }
}

.tv-control-fieldset__hint .link:active {
    color: var(--color-link-primary-active);
    fill: var(--color-link-primary-active)
}

.tv-control-fieldset__hint .link:focus {
    outline: auto;
    outline-offset: 2px
}

.tv-control-fieldset__hint .link:focus-visible {
    outline: auto;
    outline-offset: 2px
}

.tv-control-fieldset__hint .link:focus:not(:focus-visible) {
    outline: none
}

@media (any-hover:hover) {
    .tv-control-fieldset__hint .link:hover {
        text-decoration: underline
    }
}

.tv-control-fieldset .tv-control-input[readonly] {
    color: var(--color-text-secondary)
}

.tv-control-fieldset .tv-control-input.i-disabled::placeholder,
.tv-control-fieldset .tv-control-input[disabled]::placeholder,
.tv-control-fieldset .tv-control-number-input__input.i-disabled::placeholder,
.tv-control-fieldset .tv-control-number-input__input[disabled]::placeholder,
.tv-control-fieldset .tv-control-select__control.i-disabled::placeholder,
.tv-control-fieldset .tv-control-select__control[disabled]::placeholder,
.tv-control-fieldset select.tv-control-select.i-disabled::placeholder,
.tv-control-fieldset select.tv-control-select[disabled]::placeholder {
    color: var(--color-icons)
}

[data-theme=light] {
    --_0-EXRx: var(--color-cold-gray-150)
}

[data-theme=dark] {
    --_0-EXRx: var(--color-cold-gray-750)
}

.tv-control-input {
    background-color: var(--color-body-bg);
    border-color: var(--color-border);
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(--color-text-regular);
    display: block;
    font-size: 13px;
    height: 34px;
    padding: 0 12px;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    transition: border-color .35s ease, background-color .35s ease
}

.tv-control-input::placeholder {
    color: var(--color-placeholder);
    opacity: 1
}

.tv-control-input:-webkit-autofill {
    -webkit-text-fill-color: var(--color-cold-gray-650) !important;
    box-shadow: inset 0 0 0 1000px #fff !important
}

.tv-control-input--size_xsmall {
    height: 19px
}

.tv-control-input--size_small {
    height: 27px
}

.tv-control-input--size_large {
    font-size: 16px;
    height: 48px
}

.tv-control-input--connect {
    border-inline-end: 0;
    border-inline-start: 0;
    border-radius: 0
}

.tv-control-input--connect_left {
    border-end-start-radius: 0;
    border-inline-start: none;
    border-start-start-radius: 0
}

.tv-control-input--connect_right {
    border-end-end-radius: 0;
    border-inline-end: none;
    border-start-end-radius: 0
}

.tv-control-input--connect_right#id_username:dir(rtl) {
    direction: ltr;
    text-align: right
}

@media (any-hover:hover) {
    .tv-control-input:hover {
        border-color: var(--color-border-hover);
        transition-duration: 60ms
    }
}

.tv-control-input:focus {
    border-color: var(--color-tv-blue-500) !important;
    transition-duration: 60ms
}

.tv-control-input[readonly] {
    border-color: var(--_0-EXRx);
    color: var(--color-cold-gray-450)
}

.tv-control-input[readonly]:focus {
    border-color: var(--color-disabled-border-and-color) !important
}

@media (any-hover:hover) {
    .tv-control-input[readonly]:hover {
        border-color: var(--color-disabled-border-and-color) !important
    }
}

.tv-control-input.i-disabled,
.tv-control-input[disabled] {
    border-color: var(--color-disabled-border-and-color) !important;
    color: var(--color-disabled-border-and-color) !important
}

.tv-control-input.i-disabled::placeholder,
.tv-control-input[disabled]::placeholder {
    color: var(--color-disabled-border-and-color) !important
}

@media (any-hover:hover) {
    .tv-control-input.i-disabled:hover,
    .tv-control-input[disabled]:hover {
        border-color: var(--color-disabled-border-and-color) !important
    }
}

.tv-control-input.i-error {
    border-color: var(--color-ripe-red-400) !important
}

@media (any-hover:hover) {
    .tv-control-input.i-error:hover {
        border-color: var(--color-ripe-red-400) !important
    }
}

.tv-control-input.i-error:focus {
    border-color: var(--color-ripe-red-500) !important
}

.tv-control-input.i-success {
    border-color: var(--color-success) !important
}

@media (any-hover:hover) {
    .tv-control-input.i-success:hover {
        border-color: var(--color-success-hover) !important
    }
}

.tv-control-input.i-success:active,
.tv-control-input.i-success:focus {
    border-color: var(--color-success-active) !important
}

.tv-control-input--phone {
    direction: ltr;
    text-align: start
}