.credit-calculator{background:var(--color-monochrome-white);border-radius:var(--radius-m);padding:var(--space-l) var(--container-padding);width:100%}.credit-calculator,.credit-calculator__body{display:flex;flex-direction:column;gap:var(--space-l)}.credit-calculator__inputs{display:flex;flex-direction:column;gap:var(--space-m);width:100%}.credit-calculator__inputs input:focus{outline:none}.credit-calculator__inputs .amount-block{display:flex;flex-direction:column;gap:var(--space-xs)}.credit-calculator__inputs .amount-block input[type=number]{-webkit-appearance:textfield;appearance:textfield}.credit-calculator__inputs .amount-block input[type=number]::-webkit-inner-spin-button,.credit-calculator__inputs .amount-block input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.credit-calculator__inputs .period-block{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.credit-calculator__inputs .period-block__period-form{display:grid;gap:var(--space-s);grid-template-columns:1fr 1fr;width:100%}.credit-calculator__inputs .period-block__amount-input,.credit-calculator__inputs .period-block__variant-select,.credit-calculator__inputs .compact-block{width:100%}.credit-calculator__inputs .compact-block,.credit-calculator__inputs .compact-block__item{display:flex;flex-direction:column;gap:var(--space-xs)}.credit-calculator__inputs .compact-block__variant-list{max-height:130px;overflow-y:auto}.credit-calculator__inputs .compact-block__variant-list::-webkit-scrollbar{height:3px;width:3px}.credit-calculator__inputs .compact-block__variant-list::-webkit-scrollbar-thumb{background-color:var(--color-main-primary);border-radius:3px;cursor:pointer}.credit-calculator__inputs .compact-block__variant-list::-webkit-scrollbar-track{background-color:var(--color-monochrome-white);border-radius:3px;box-shadow:0 2px 3px #0000001a;margin:10px}.credit-calculator__inputs .interest-block input[type=number]{-webkit-appearance:textfield;appearance:textfield}.credit-calculator__inputs .interest-block input[type=number]::-webkit-inner-spin-button,.credit-calculator__inputs .interest-block input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.credit-calculator__inputs input[type=number],.credit-calculator__inputs input[type=text]{background-color:var(--color-elements-inputs-and-tags-fill);border:1px solid var(--color-monochrome-black-5-borders);border-radius:8px;color:var(--color-monochrome-black);padding:8px 10px 10px;width:100%}.credit-calculator__separator{display:none}.credit-calculator__results{display:flex;flex-direction:column;gap:var(--space-m2);width:100%}.credit-calculator__results .summary-block{display:flex;flex-direction:column;gap:var(--space-m)}.credit-calculator__results .summary-block__summary-list{display:flex;flex-direction:column;gap:var(--space-xs)}.credit-calculator__results .summary-block__summary-item{display:flex;flex-direction:row;justify-content:space-between}.credit-calculator__results .credit-results-block{display:flex;flex-direction:column;gap:var(--space-s)}.credit-calculator__results .credit-results-block__progress-bar{background-color:var(--color-main-secondary-light);border-radius:var(--radius-m);height:12px;width:100%}.credit-calculator__results .credit-results-block__progress-bar-line{background-color:var(--color-main-primary-light);border-radius:var(--radius-m);height:100%;transition:width .2s cubic-bezier(.22,1,.22,1);width:var(--6e0a55be)}.credit-calculator__results .credit-results-block__legend{display:flex;flex-direction:row;justify-content:space-between;width:100%}.credit-calculator__results .credit-results-block__legend-item{align-items:center;display:flex;flex-direction:row;gap:5px}.credit-calculator__results .credit-results-block__legend-item-dot{border-radius:var(--radius-m);height:8px;width:8px}.credit-calculator__results .credit-results-block__legend-item-dot--credit{background-color:var(--color-main-primary-light)}.credit-calculator__results .credit-results-block__legend-item-dot--credit-cost{background-color:var(--color-main-secondary-light)}.credit-calculator__results .credit-results-block__legend-item--credit-cost{flex-direction:row-reverse}@media (min-width:1024px){.credit-calculator__body{flex-direction:row;gap:var(--space-xl)}.credit-calculator__separator{background-color:var(--color-monochrome-black-10);display:block;width:1px}.credit-calculator .compact-block{flex-direction:row;gap:var(--space-m)}.credit-calculator .compact-block__item{width:50%}.credit-calculator--compact .credit-calculator__results{justify-content:center}}