.reward-point-balance-container{padding:calc(1.5rem * var(--mantine-scale)) 0;align-items:center;width:100%}.reward-point-balance-container .points-container{background-color:var(--mantine-color-layout-surface-mid-0);border-radius:calc(.75rem * var(--mantine-scale));padding:calc(1rem * var(--mantine-scale));width:100%}.reward-point-balance-container .points-container .points-details{width:100%;flex-wrap:wrap}.reward-point-balance-container .points-container .points-details .point-details-item{padding:12px 0 12px 16px;flex:1 1 250px;gap:calc(.25rem * var(--mantine-scale))}.reward-point-balance-container .points-container .points-details .point-details-item:hover{background-color:var(--mantine-color-layout-surface-hover-0);border-radius:calc(.5rem * var(--mantine-scale))}.reward-point-balance-container .points-container .points-details .point-details-item.item-clickable{cursor:pointer}.reward-point-balance-container .points-container .points-details .point-details-item .points{font-weight:600;font-size:calc(1.375rem * var(--mantine-scale));line-height:calc(1.75rem * var(--mantine-scale));color:var(--mantine-color-layout-on-surface-0)}.reward-point-balance-container .points-container .points-details .point-details-item .text{font-size:calc(.75rem * var(--mantine-scale));line-height:calc(1rem * var(--mantine-scale));font-weight:500;color:var(--mantine-color-layout-on-surface-secondary-0)}.reward-point-balance-container .points-container .points-details .point-details-item .text .points-expire{color:var(--mantine-color-fail-3)}.reward-point-balance-container .points-container .points-details .point-details-item .text .item-link{color:var(--mantine-color-accents-clip-2);-webkit-text-decoration:none;text-decoration:none}.reward-point-balance-container .bottom-container{display:flex;flex-wrap:wrap;gap:16px}.reward-point-balance-container .bottom-container>*{min-width:300px}.reward-point-balance-container .bottom-container .reward-progress-container{flex:2;padding:20px 16px;background-color:var(--mantine-color-layout-surface-high-0);border-radius:calc(.5rem * var(--mantine-scale))}.reward-point-balance-container .bottom-container .reward-progress-container .mantine-Text-root{font-size:calc(.75rem * var(--mantine-scale));line-height:calc(1rem * var(--mantine-scale));font-weight:500}.reward-point-balance-container .bottom-container .reward-progress-container .progress-legend{height:calc(1rem * var(--mantine-scale));width:100%}.reward-point-balance-container .bottom-container .reward-progress-container .progress-legend.top{height:calc(1.25rem * var(--mantine-scale))}.reward-point-balance-container .bottom-container .reward-progress-container .progress-legend .points-number{font-size:calc(.875rem * var(--mantine-scale));line-height:calc(1.25rem * var(--mantine-scale));font-weight:600}.reward-point-balance-container .bottom-container .reward-progress-container .red-circle,.reward-point-balance-container .bottom-container .reward-progress-container .gray-circle{height:.5rem;width:.5rem;border-radius:50%}.reward-point-balance-container .bottom-container .reward-progress-container .red-circle{background-color:var(--mantine-color-accents-accent-2)}.reward-point-balance-container .bottom-container .reward-progress-container .gray-circle{border:1px solid var(--mantine-color-layout-strokes-0);background-color:var(--mantine-color-inactive-0)}.reward-point-balance-container .bottom-container .configurable-section{flex:1}