*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#f7f8fa}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{height:100dvh;width:100dvw}.loyalty-program_container{display:flex;flex-direction:column;gap:16px;max-width:870px;width:100%}.status{display:flex;flex-direction:column;gap:24px}@media(max-width:1024px){.status{padding:0 12px;box-shadow:none}}.status__header{display:grid;grid-template-columns:2fr 1fr;grid-gap:24px}@media(max-width:768px){.status__header{grid-template-columns:1fr}}.status__header-loan{display:flex;flex-direction:column;gap:32px;width:100%;border-radius:8px;background:url(/assets/bg-Drr1f41R.png) no-repeat;background-size:cover;padding:32px}.status__header-loan-header{display:flex;justify-content:space-between;align-items:center}.status__header-loan-header div:first-child{padding:8px 16px;color:#fff;border-radius:20px;background-color:#61c528;font-size:13px;text-align:center;text-transform:uppercase}.status__header-loan-header div:last-child{display:flex;align-items:center;gap:4px;color:#fff;font-size:13px}.status__header-loan-info{display:flex;flex-direction:column;align-items:start}.status__header-loan-info-price{display:flex;align-items:center;gap:2px}.status__header-loan-info-price_bold{font-size:40px;font-weight:600;color:#fff}.status__header-loan-info-price_regular{font-size:20px;color:#b8dd9f}.status__header-loan-info-title{font-size:13px;color:#b8dd9f}.status__header-loan-footer-info{margin:0;font-size:13px;color:#b8dd9f;text-align:end}.status__header-loan-progress{height:6px;border-radius:8px;background-color:#017f0f}.status__header-loan-progress_width{height:6px;width:50%;border-radius:8px;background-color:#86c55a}.status__header-calendar{display:flex;flex-direction:column;padding:24px;background-color:#fff;border-radius:8px;border:1px solid #E7E8EC;width:100%;text-align:start}.status__header-calendar img{width:40px;height:40px}.status__header-calendar-title{margin:16px 0 4px;font-size:15px;font-weight:600;color:#192028}.status__header-calendar-subtitle{margin:0;font-size:13px;color:#6f7985}.header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:20px 0;background-color:#fff;box-shadow:0 2px 24px #0000001a}@media(max-width:768px){.header{background-color:#f7f8fa;box-shadow:none;padding:17px 0}.header img[alt=logo]{height:30px}}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1188px;width:100%}@media(max-width:1024px){.header-content{padding:0 24px}}.header-content_center{display:flex;align-items:center;gap:8px}@media(max-width:1024px){.header-content_center{display:none}}.header-content_center button{font-size:13px;color:#6f7985;background-color:transparent}.header-content_end{display:flex;align-items:center;gap:8px}@media(max-width:768px){.header-content_end{display:none}}.header-content__burger{display:none;background-color:transparent;border:none}.header-content__burger:hover{border:none}@media(max-width:768px){.header-content__burger{display:flex;align-items:center;justify-content:center;height:36px;width:36px}}.header-content_users{background-color:#61c528;color:#fff;border-radius:4px;font-size:14px;font-weight:500;text-transform:uppercase}.header-content_users:hover{background-color:#56c419;border:1px solid #56c419}.header-content_exit{display:flex;align-items:center;border-radius:4px;gap:4px;background-color:#edeef0;font-size:14px;color:#818c99;text-transform:uppercase}.main{margin-top:128px}@media(max-width:768px){.main{margin-top:92px}}.main-content{display:grid;grid-template-columns:1fr 320px;grid-gap:36px;margin:0 auto;max-width:1140px;width:100%}@media(max-width:1024px){.main-content{grid-template-columns:1fr}}.main-content__sidebar{display:flex;flex-direction:column;gap:24px}.main-content__sidebar p{margin:0;text-align:start}.main-content__sidebar-header{display:flex;flex-direction:column;gap:16px}.main-content__sidebar-header hr{width:100%}.main-content__sidebar-loan{display:flex;align-items:center;justify-content:space-between}.main-content__sidebar-loan span{font-size:15px;text-align:start}.main-content__sidebar-footer .main-content__sidebar-item_sub-text{margin:6px 0 16px}.main-content__sidebar-contacts{display:flex;align-items:center;gap:4px}.main-content__sidebar-item{padding:24px 32px;border-radius:8px;background-color:#fff;border:1px solid #E7E8EC}@media(max-width:1024px){.main-content__sidebar-item{background-color:transparent;border:1px solid transparent}}.main-content__sidebar-item-button{display:flex;align-items:center;justify-content:center;gap:4px;background-color:#61c528;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase}.main-content__sidebar-item-button:hover{background-color:#56c419;border:1px solid #56c419}.main-content__sidebar-item_sub-text{font-size:14px;color:#6f7985}.main-content__sidebar-item-buttons-group{display:flex;flex-direction:column;gap:16px}.main-content__sidebar-item-buttons-group button{background-color:transparent;text-align:start;border:none;padding:0}.main-content__sidebar-item-buttons-group button:hover{border:none;font-weight:700;transition:font-weight ease-in-out .25s}.footer{display:flex;gap:16px;margin:0 auto;max-width:1188px;padding-top:64px;padding-bottom:24px;width:100%}@media(max-width:768px){.footer{padding-left:12px;padding-right:12px}}.footer__info{display:flex;flex-direction:column;align-items:start;gap:8px;max-width:500px;width:100%}.footer__info span{font-size:13px;color:#969da6}.footer__apps{display:flex;align-items:start;gap:8px}@media screen and (max-width:768px){.footer__apps{flex-direction:column}}