.credit-calculator{background:var(--color-monochrome-white);border-radius:var(--radius-m);display:flex;flex-direction:column;gap:var(--space-l);padding:var(--space-xl);width:100%}.credit-calculator--compact{padding:var(--space-xl) var(--container-padding)}.credit-calculator__body{display:flex;flex-direction:column;gap:var(--space-l)}.credit-calculator__results-button.ui-button{border-radius:var(--radius-m)}.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{width:100%}.credit-calculator__inputs .compact-block,.credit-calculator__inputs .interest-block{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.credit-calculator__inputs .compact-block__item{display:flex;flex-direction:column;gap:var(--space-xs)}.credit-calculator__inputs .compact-block__period-form{display:grid;gap:var(--space-s);grid-template-columns:1fr 1fr;width:100%}.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__inputs--compact{gap:var(--space-s2)}.credit-calculator-title--compact{margin-bottom:5px}.credit-calculator__amount-block-input,.credit-calculator__compact-block-input,.credit-calculator__period-block-input{max-height:40px}.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-s)}.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(--1adcf63b)}.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:14px;width:14px}.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)}@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__separator--compact{margin:36px 0}.credit-calculator .compact-block{gap:var(--space-s2)}.credit-calculator--compact .credit-calculator__results{justify-content:center}}