.reward-point-balance-container{padding:calc(1.5rem * var(--mantine-scale)) 0;align-items:center;width:100%}.reward-point-balance-container .points-container{container-type:inline-size;container-name:rewards-card;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{display:grid;width:100%}.reward-point-balance-container .points-container .points-details:has(.reward-progress-container){grid-template-columns:repeat(4,1fr) auto;grid-template-areas:"balance expires coupons rewards barcode" "progress progress progress progress progress"}.reward-point-balance-container .points-container .points-details:not(:has(.reward-progress-container)){grid-template-columns:1fr 1fr auto;grid-template-areas:"balance coupons barcode"}.reward-point-balance-container .points-container .points-details .balance-item{grid-area:balance;align-self:start}.reward-point-balance-container .points-container .points-details .expires-item{grid-area:expires;align-self:start}.reward-point-balance-container .points-container .points-details .coupons-item{grid-area:coupons;align-self:start}.reward-point-balance-container .points-container .points-details .rewards-item{grid-area:rewards;align-self:start}.reward-point-balance-container .points-container .points-details .configurable-section{grid-area:barcode;height:calc(4.5rem * var(--mantine-scale))}.reward-point-balance-container .points-container .points-details .reward-progress-container{grid-area:progress}.reward-point-balance-container .points-container .points-details .point-details-item{padding:12px 0 12px 16px;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 .points-container .points-details .reward-progress-container{padding:20px 16px;height:calc(4.5rem * var(--mantine-scale));background-color:var(--mantine-color-layout-surface-high-0);border-radius:calc(.5rem * var(--mantine-scale))}.reward-point-balance-container .points-container .points-details .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 .points-container .points-details .reward-progress-container .progress-legend{height:calc(1rem * var(--mantine-scale));width:100%}.reward-point-balance-container .points-container .points-details .reward-progress-container .progress-legend.top{height:calc(1.25rem * var(--mantine-scale))}.reward-point-balance-container .points-container .points-details .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 .points-container .points-details .reward-progress-container .red-circle,.reward-point-balance-container .points-container .points-details .reward-progress-container .gray-circle{height:.5rem;width:.5rem;border-radius:50%}.reward-point-balance-container .points-container .points-details .reward-progress-container .red-circle{background-color:var(--mantine-color-accents-accent-2)}.reward-point-balance-container .points-container .points-details .reward-progress-container .gray-circle{border:1px solid var(--mantine-color-layout-strokes-0);background-color:var(--mantine-color-inactive-0)}@container rewards-card (max-width: 899px){.reward-point-balance-container .points-container .points-details:has(.reward-progress-container){grid-template-columns:repeat(4,1fr);grid-template-areas:"balance expires coupons rewards" "progress progress barcode barcode"}.reward-point-balance-container .points-container .points-details:has(.reward-progress-container) .configurable-section{width:100%}}@container rewards-card (max-width: 599px){.reward-point-balance-container .points-container .points-details .configurable-section{width:100%}.reward-point-balance-container .points-container .points-details:has(.reward-progress-container){grid-template-columns:1fr 1fr;grid-template-areas:"balance coupons" "expires rewards" "progress progress" "barcode barcode"}.reward-point-balance-container .points-container .points-details:not(:has(.reward-progress-container)){grid-template-columns:1fr 1fr;grid-template-areas:"balance coupons" "barcode barcode"}}