body.dark{--loyalty-component-page-wrapper-padding: 34px 150px;--web-small-loyalty-component-page-wrapper-padding: 34px 56px;--loyalty-component-map-wrapper-level-number-color: #fff;--loyalty-component-map-wrapper-level-number-font-size: 20px;--loyalty-component-map-wrapper-level-number-font-weight: 700;--loyalty-component-map-wrapper-level-loyalty-button-image-width: 50px;--loyalty-component-canvas-wrapper-overlay-text-color: #fff;--loyalty-component-canvas-wrapper-overlay-text-font-size: 20px;--loyalty-component-canvas-wrapper-overlay-text-font-weight: 700;--loyalty-component-canvas-wrapper-overlay-text-line-height: 30px;--loyalty-component-canvas-wrapper-overlay-button-background: #111214;--loyalty-component-canvas-wrapper-overlay-button-color: #fff;--loyalty-component-canvas-wrapper-overlay-button-padding: 10px 20px;--loyalty-component-canvas-wrapper-overlay-button-font-size: 18px;--loyalty-component-canvas-wrapper-overlay-button-border-radius: 5px}.loyalty-page-wrapper{display:flex;justify-content:center;position:relative;padding:var(--loyalty-component-page-wrapper-padding)}@media only screen and (max-width: 1425px){.loyalty-page-wrapper{padding:var(--web-small-loyalty-component-page-wrapper-padding)}}.loyalty-page-wrapper #loyaltyMapWrapper{position:relative;max-width:1226px;max-height:2233.79px}.loyalty-page-wrapper #loyaltyMapWrapper .level-number{position:absolute;z-index:1;color:var(--loyalty-component-map-wrapper-level-number-color);font-size:var(--loyalty-component-map-wrapper-level-number-font-size);font-weight:var(--loyalty-component-map-wrapper-level-number-font-weight)}.loyalty-page-wrapper #loyaltyMapWrapper .loyalty-button-image{position:absolute;cursor:pointer;width:var(--loyalty-component-map-wrapper-level-loyalty-button-image-width);height:var(--loyalty-component-map-wrapper-level-loyalty-button-image-width)}.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper{position:relative}.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper canvas{width:100%;height:100%}.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper canvas.canvas-blur{filter:blur(15px)}.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper .overlay{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);text-align: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){.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper .overlay{width:calc(100% - 20px)}}@media only screen and (min-width: 768px) and (max-width: 1024px){.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper .overlay{width:calc(100% - 20px)}}@media only screen and (max-width: 767px){.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper .overlay{width:calc(100% - 20px)}}@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){.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper .overlay{width:calc(100% - 100px)}}@media only screen and (min-width: 768px) and (max-width: 1024px){.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper .overlay{width:calc(100% - 100px)}}.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper .overlay-text{text-align:center;opacity:.7;color:var(--loyalty-component-canvas-wrapper-overlay-text-color);font-size:var(--loyalty-component-canvas-wrapper-overlay-text-font-size);font-weight:var(--loyalty-component-canvas-wrapper-overlay-text-font-weight);line-height:var(--loyalty-component-canvas-wrapper-overlay-text-line-height)}@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){.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper .overlay-text{font-size:15px;line-height:22px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper .overlay-text{font-size:15px;line-height:22px}}@media only screen and (max-width: 767px){.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper .overlay-text{font-size:15px;line-height:22px}}.loyalty-page-wrapper #loyaltyMapWrapper .canvas-wrapper .overlay-button{border:none;cursor:pointer;background:var(--loyalty-component-canvas-wrapper-overlay-button-background);color:var(--loyalty-component-canvas-wrapper-overlay-button-color);padding:var(--loyalty-component-canvas-wrapper-overlay-button-padding);font-size:var(--loyalty-component-canvas-wrapper-overlay-button-font-size);border-radius:var(--loyalty-component-canvas-wrapper-overlay-button-border-radius)}@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){.loyalty-page-wrapper{padding:0;flex-direction:column-reverse}}@media only screen and (min-width: 768px) and (max-width: 1024px){.loyalty-page-wrapper{padding:0;flex-direction:column-reverse}}@media only screen and (max-width: 767px){.loyalty-page-wrapper{padding:0;flex-direction:column-reverse}}.loyalty-program-not-available{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px}.mobile-loyalty-user-level-info-wrapper{display:flex;flex-direction:column;width:100%}.mobile-loyalty-user-level-info-wrapper .mobile-buttons-wrapper{display:flex;justify-content:space-between;position:relative;margin:0 4px}@media only screen and (orientation: landscape){.mobile-loyalty-user-level-info-wrapper .mobile-buttons-wrapper{justify-content: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){.mobile-loyalty-user-level-info-wrapper .mobile-buttons-wrapper{justify-content:center}}@media only screen and (min-width: 768px) and (max-width: 1024px){.mobile-loyalty-user-level-info-wrapper .mobile-buttons-wrapper{justify-content:center}}.mobile-loyalty-user-level-info-wrapper .mobile-buttons-wrapper .dench-button-component{display:block;margin:var(--loyalty-info-wrapper-loyalty-button-margin)}.mobile-loyalty-user-level-info-wrapper .mobile-buttons-wrapper .dench-button{white-space:normal;height:var(--loyalty-info-wrapper-loyalty-button-height)}.mobile-loyalty-user-level-info-wrapper .points-and-store-button-wrapper{position:static}.mobile-loyalty-user-level-info-wrapper .user-is-not-eligible-for-store-tooltip{bottom:-95px;left:0;right:0;width:300px;display:flex;align-items:center;margin:0 auto}.mobile-loyalty-user-level-info-wrapper .user-is-not-eligible-for-store-tooltip .dench-button{height:32px;font-size:14px;line-height:12px}.mobile-loyalty-user-level-info-wrapper .user-is-not-eligible-for-store-tooltip:after{display:none}body.dark{--mobile-loyalty-info-wrapper-loyalty-box-background: #25262B;--mobile-loyalty-info-wrapper-loyalty-box-padding: 16px;--mobile-loyalty-info-wrapper-loyalty-box-margin: 16px 16px 24px;--mobile-loyalty-info-wrapper-loyalty-box-color: #D8DBE4;--mobile-loyalty-info-wrapper-loyalty-box-font-size: 14px;--loyalty-info-wrapper-loyalty-button-margin: 0 12px;--loyalty-info-wrapper-loyalty-button-height: 40px;--loyalty-info-boxes-wrapper-margin: 0 0 0 40px;--loyalty-info-wrapper-loyalty-box-background: #25262B;--loyalty-info-wrapper-loyalty-box-border-radius: 10px;--loyalty-info-wrapper-loyalty-box-width: 354px;--loyalty-info-wrapper-loyalty-box-padding: 24px 32px;--loyalty-info-wrapper-loyalty-box-margin: 0 0 25px 0;--loyalty-info-wrapper-loyalty-box-font-size: 16px;--loyalty-info-wrapper-loyalty-box-color: #D8DBE4;--loyalty-info-wrapper-loyalty-box-font-weight: 600;--loyalty-info-wrapper-loyalty-box-current-user-level-color: #FF007A;--loyalty-info-wrapper-loyalty-box-current-user-level-font-size: 14px;--loyalty-info-wrapper-loyalty-box-current-user-level-font-weight: 700;--loyalty-info-wrapper-loyalty-box-current-user-points-font-size: 16px;--loyalty-info-wrapper-loyalty-box-button-height: 32px;--loyalty-info-wrapper-loyalty-box-button-padding: 0 16px;--loyalty-info-wrapper-loyalty-box-button-font-size: 15px;--loyalty-info-wrapper-loyalty-box-button-font-weight: 600;--loyalty-info-wrapper-loyalty-box-last-loyalty-level-color: #ABAFBB;--loyalty-info-wrapper-loyalty-box-last-loyalty-level-font-weight: 400;--loyalty-info-wrapper-loyalty-box-points-and-store-points-left-title-color: #ABAFBB;--loyalty-info-wrapper-loyalty-box-points-and-store-points-left-title-font-size: 14px;--loyalty-info-wrapper-loyalty-box-points-and-store-points-left-title-font-weight: 400;--loyalty-info-wrapper-loyalty-box-points-and-store-points-left-font-weight: 700;--loyalty-info-wrapper-loyalty-box-points-and-store-points-left-color: #ABAFBB}.loyalty-info-wrapper{margin:var(--loyalty-info-boxes-wrapper-margin)}.loyalty-info-wrapper .loyalty-box{background:var(--loyalty-info-wrapper-loyalty-box-background);border-radius:var(--loyalty-info-wrapper-loyalty-box-border-radius);width:var(--loyalty-info-wrapper-loyalty-box-width);padding:var(--loyalty-info-wrapper-loyalty-box-padding);margin:var(--loyalty-info-wrapper-loyalty-box-margin);color:var(--loyalty-info-wrapper-loyalty-box-color);font-size:var(--loyalty-info-wrapper-loyalty-box-font-size);font-weight:var(--loyalty-info-wrapper-loyalty-box-font-weight);display:flex;justify-content:space-between;align-items:center;position:relative}.loyalty-info-wrapper .loyalty-box .loyalty-level-wrapper,.loyalty-info-wrapper .loyalty-box .points-wrapper{display:flex;flex-direction:column}.loyalty-info-wrapper .loyalty-box .loyalty-level-wrapper .level-title,.loyalty-info-wrapper .loyalty-box .points-wrapper .level-title{margin-bottom:5px}@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){.loyalty-info-wrapper .loyalty-box{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.loyalty-info-wrapper .loyalty-box{width:100%}}@media only screen and (max-width: 767px){.loyalty-info-wrapper .loyalty-box{width:100%}}.loyalty-info-wrapper .current-points{display:flex;flex-direction:column}.loyalty-info-wrapper .current-points .current-user-loyalty-points,.loyalty-info-wrapper .current-points .total-points{margin-bottom:5px}.loyalty-info-wrapper .user-current-level,.loyalty-info-wrapper .user-current-points{color:var(--loyalty-info-wrapper-loyalty-box-current-user-level-color);font-size:var(--loyalty-info-wrapper-loyalty-box-current-user-level-font-size);font-weight:var(--loyalty-info-wrapper-loyalty-box-current-user-level-font-weight)}.loyalty-info-wrapper .current-level-points-left-title{color:var(--loyalty-info-wrapper-loyalty-box-points-and-store-points-left-title-color);font-size:var(--loyalty-info-wrapper-loyalty-box-points-and-store-points-left-title-font-size);font-weight:var(--loyalty-info-wrapper-loyalty-box-points-and-store-points-left-title-font-weight)}.loyalty-info-wrapper .current-level-points-left{font-weight:var(--loyalty-info-wrapper-loyalty-box-points-and-store-points-left-font-weight);color:var(--loyalty-info-wrapper-loyalty-box-points-and-store-points-left-color)}.loyalty-info-wrapper .dench-button{height:var(--loyalty-info-wrapper-loyalty-box-button-height);padding:var(--loyalty-info-wrapper-loyalty-box-button-padding);font-size:var(--loyalty-info-wrapper-loyalty-box-button-font-size);font-weight:var(--loyalty-info-wrapper-loyalty-box-button-font-weight)}@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){.loyalty-info-wrapper{margin:0 0 16px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.loyalty-info-wrapper{margin:0 0 16px}}@media only screen and (max-width: 767px){.loyalty-info-wrapper{margin:0 0 16px}}.last-loyalty-level{color:var(--loyalty-info-wrapper-loyalty-box-last-loyalty-level-color);font-weight:var(--loyalty-info-wrapper-loyalty-box-last-loyalty-level-font-weight)}.user-current-points{font-size:var(--loyalty-info-wrapper-loyalty-box-current-user-points-font-size);margin-left:3px}.current-level-points-left{font-weight:var(--loyalty-info-wrapper-loyalty-box-points-and-store-points-left-font-weight);color:var(--loyalty-info-wrapper-loyalty-box-points-and-store-points-left-color)}.user-current-level,.user-current-points{color:var(--loyalty-info-wrapper-loyalty-box-current-user-level-color);font-size:var(--loyalty-info-wrapper-loyalty-box-current-user-level-font-size);font-weight:var(--loyalty-info-wrapper-loyalty-box-current-user-level-font-weight)}.points-and-store-button-wrapper{cursor:pointer;position:relative;overflow:visible}.points-and-store-button-wrapper:hover .user-is-not-eligible-for-store-tooltip{opacity:1;visibility:visible}.points-and-store-button-wrapper:hover .user-is-not-eligible-for-store-tooltip .explanation-text{padding:4px 0}.points-and-store-button-wrapper:hover .dench-button{cursor:pointer}.user-is-not-eligible-for-store-tooltip{position:absolute;bottom:43px;right:-74px;width:100%;background:#33353d;color:#d8dbe4;text-align:center;font-size:12px;font-weight:600;padding:15px;border-radius:8px;width:250px;opacity:0;visibility:hidden;animation:pulse 2s infinite}.user-is-not-eligible-for-store-tooltip:after{content:"";position:absolute;width:8px;height:8px;background:#33353d;bottom:-4px;transform:rotate(45deg)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}