.user-points-and-level-details{background:var(--mobile-loyalty-info-wrapper-loyalty-box-background);border-radius:var(--loyalty-info-wrapper-loyalty-box-border-radius);padding:var(--mobile-loyalty-info-wrapper-loyalty-box-padding);margin:var(--mobile-loyalty-info-wrapper-loyalty-box-margin);color:var(--mobile-loyalty-info-wrapper-loyalty-box-color);font-size:var(--mobile-loyalty-info-wrapper-loyalty-box-font-size);font-weight:var(--loyalty-info-wrapper-loyalty-box-font-weight);display:flex;flex-direction:column}.user-points-and-level-details .loyalty-level-wrapper{margin:0 0 12px}.user-points-and-level-details .points-wrapper .current-points,.user-points-and-level-details .points-wrapper .current-user-loyalty-points{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.user-points-and-level-details .points-wrapper .current-user-loyalty-points{margin-bottom:12px}.user-points-and-level-details .loyalty-level-wrapper,.user-points-and-level-details .current-points{display:flex;justify-content:space-between;align-items:center}@media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),(min-device-width: 834px) and (max-device-width: 1194px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),(min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),(min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){.user-points-and-level-details{margin:16px 16px 24px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.user-points-and-level-details{margin:16px 16px 24px}}@media only screen and (max-width: 767px){.user-points-and-level-details{margin:16px 16px 24px}}