.object-payment-option {
    cursor: pointer;
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: repeat(2, auto);
    column-gap: .75rem;
    padding: .75rem;
    padding-left: 1.25rem;
}

.object-data__oplata,
.object-data__rassrochka {
    background-color: #f7f7f5;
    background-color: rgba(var(--c-gray));
    border-radius: 1rem;
    align-items: center;
    column-gap: .25rem;
}

.object-payment-option__checkbox {
    display: inline-flex;
    flex: 0 0 auto;
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    align-self: center;
}

.object-payment-option .object-data__ipoteka-title,
.object-payment-option .object-data__ipoteka-note {
    grid-column: 1 / 2;
}

.object-payment-option .object-data__ipoteka-link {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    justify-self: start;
    display: inline-flex;
    width: fit-content;
    margin-top: .375rem;
    color: var(--txt-second, #707070);
    border-bottom: 1px dotted currentColor;
    transition: color .3s ease;
}

.object-payment-option .object-data__ipoteka-link:hover {
    color: var(--txt-primary);
}

.object-payment-option .object-data__ipoteka-link .icn {
    display: none;
}

.object-payment-option__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.object-payment-option__box {
    display: flex;
    width: 16px;
    height: 16px;
    padding: 2px;
    justify-content: center;
    align-items: center;
    border-radius: 1000px;
    border: 1px solid var(--border-default, rgba(28, 28, 28, .12));
    background: var(--bg-primary, #fff);
    transition: border-color .3s ease, background-color .3s ease;
}

.object-payment-option__box:after {
    content: "";
    display: block;
    width: 9px;
    height: 6px;
    background-color: var(--txt-primary-inverse, #fff);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='9'%20height='6'%20viewBox='0%200%209%206'%20fill='none'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.03033%200.21967C8.32322%200.512563%208.32322%200.987437%208.03033%201.28033L3.53033%205.78033C3.23744%206.07322%202.76256%206.07322%202.46967%205.78033L0.21967%203.53033C-0.0732233%203.23744%20-0.0732233%202.76256%200.21967%202.46967C0.512563%202.17678%200.987437%202.17678%201.28033%202.46967L3%204.18934L6.96967%200.21967C7.26256%20-0.0732233%207.73744%20-0.0732233%208.03033%200.21967Z'%20fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='9'%20height='6'%20viewBox='0%200%209%206'%20fill='none'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.03033%200.21967C8.32322%200.512563%208.32322%200.987437%208.03033%201.28033L3.53033%205.78033C3.23744%206.07322%202.76256%206.07322%202.46967%205.78033L0.21967%203.53033C-0.0732233%203.23744%20-0.0732233%202.76256%200.21967%202.46967C0.512563%202.17678%200.987437%202.17678%201.28033%202.46967L3%204.18934L6.96967%200.21967C7.26256%20-0.0732233%207.73744%20-0.0732233%208.03033%200.21967Z'%20fill='white'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 9px 6px;
    mask-size: 9px 6px;
    transform: scale(0);
    transition: transform .3s ease;
}

.object-payment-option:hover .object-payment-option__box {
    border-color: rgba(28, 28, 28, .24);
}

.object-payment-option__input:checked + .object-payment-option__box {
    border: 1px solid var(--border-accent, #1c1c1c);
    background: var(--bg-primary-inverse, #1c1c1c);
}

.object-payment-option__input:checked + .object-payment-option__box:after {
    transform: scale(1);
}