.loan-header{color:var(--typography-body-color-light);padding:var(--global-component-padding,30px);background:#222831 url(/images/main-theme.png) 50%/cover no-repeat;width:100%;margin-bottom:60px}.loan-header>.sw{flex-direction:column;justify-content:start;align-items:start;display:flex}.loan-header.compact .card-container{padding:0 var(--spacing-3,1rem)}.loan-header.compact .repayment-progress{display:none}.loan-header.compact h4{font-size:var(--typography-md)}.loan-header.compact .figure{font-size:var(--typography-xxxl);letter-spacing:-2px}.loan-header .card-container{align-items:stretch;gap:var(--spacing-3,1rem);flex-wrap:wrap;justify-content:center;width:100%;margin:auto;display:flex}.loan-header .card{color:var(--typography-title-color-normal,#221810);align-items:center;gap:var(--spacing-3,1rem);text-align:center;background:#c1c7d1;flex-direction:column;flex:1;justify-content:center;margin-bottom:0;display:flex}@media screen and (min-width:640px){.loan-header .card{gap:var(--spacing-3,1rem)}}.loan-header h4{white-space:nowrap}.loan-header .figure{letter-spacing:-2px;font-size:max(2.5rem,min(5vw,3.75rem));font-weight:900}.loan-header .figure span{display:block}.loan-header .lower{bottom:var(--spacing-3,1rem);align-items:start;gap:var(--spacing-3,1rem);flex-direction:row;justify-content:space-between;margin:auto;display:flex;position:absolute}.loan-header .date{color:var(--typography-title-color-light,#5f452f);align-items:center;gap:var(--spacing-1,.25rem);text-align:left;white-space:nowrap;display:flex}.loan-header .cta{margin:var(--spacing-3,1rem)0 0 auto}.loan-header canvas{max-height:100px}
.loan-status p:not(.status-indicator){font-size:var(--typography-sm,.875rem);margin-bottom:var(--spacing-2,.5rem)}.loan-status p:not(.status-indicator):first-of-type{margin-top:var(--spacing-3,1rem)}.loan-status .status-indicator{text-indent:.8em}.loan-status .status-indicator:before{width:15px;height:15px}.loan-status span{font-weight:var(--typography-weight-semi-bold,500);display:block}@media screen and (min-width:768px){.loan-status span{display:inline}}.loan-status .minting-note{margin-top:var(--spacing-3,1rem);font-style:italic;display:block}