@everymatrix/casino-challenges-container 0.17.103 → 0.17.105

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/casino-challenges-container/casino-challenge-card_6.entry.js +1 -1
  2. package/dist/cjs/casino-challenge-card_6.cjs.entry.js +2 -2
  3. package/dist/esm/casino-challenge-card_6.entry.js +2 -2
  4. package/package.json +1 -1
package/dist/cjs/casino-challenge-card_6.cjs.entry.js CHANGED
@@ -227,7 +227,7 @@ const linkSvg$1 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTA
227
227
 
228
228
  const MIN_DEPOSIT_AMOUNT = '0';
229
229
 
230
- const casinoChallengeCardCss = ".card {\n background-color: var(--emw--color-card-background, #141515);\n border: 2px solid var(--emw--card-border-color, rgba(221, 255, 207, 0.1019607843));\n border-radius: 16px;\n box-sizing: border-box;\n color: var(--emw--color-black, #000000);\n position: relative;\n width: 308px;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n@container challenges-container (max-width: 670px) {\n .card {\n width: 100%;\n height: auto;\n padding-bottom: 52px;\n }\n}\n.card:hover {\n background: var(--emw--color-card-background-hover, linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%));\n cursor: pointer;\n}\n.card__image {\n border-radius: 16px 16px 0 0;\n height: 200px;\n object-fit: cover;\n width: 100%;\n}\n@container challenges-container (max-width: 576px) {\n .card__image {\n height: 224px;\n }\n}\n.card__image.grayed {\n opacity: 0.6;\n}\n.card__title {\n -webkit-box-orient: vertical;\n color: var(--emw--color-white, #ffffff);\n display: -webkit-box;\n font-size: var(--emw--font-size-medium, 16px);\n max-height: 39px;\n min-height: 22px;\n -webkit-line-clamp: 2;\n margin: 0 0 8px;\n overflow: hidden;\n padding-right: 32px;\n position: relative;\n text-overflow: ellipsis;\n}\n.card__content {\n padding: 20px;\n}\n.card__button {\n background: transparent;\n border: 2px solid var(--emw--button-border-color-gray, #727672);\n border-radius: var(--emw--button-border-radius, 99px);\n color: var(--emw--color-secondary, #e9931e);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n height: 34px;\n text-transform: uppercase;\n width: calc(100% - 40px);\n margin: auto auto 20px auto;\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button.filled {\n background-color: var(--emw--button-background-primary-color, #18ce51);\n border-color: var(--emw--color-green-300, #083b17);\n color: var(--emw--color-white, #ffffff);\n}\n.card__button.filled:hover {\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n color: var(--emw--color-green-300, #083b17);\n}\n.card__button.grayed {\n color: var(--emw--color-gray-50, #e2e2e2);\n}\n.card__button.grayed:hover {\n border-color: var(--emw--button-primary-border, #24b24e);\n color: var(--emw--color-white, #ffffff);\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button:disabled, .card__button:disabled:hover {\n border: 2px solid var(--emw--button-border-color-gray, #727672);\n color: var(--emw--color-gray-50, #e2e2e2);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.card__badge {\n backdrop-filter: blur(20px);\n background: var(--emw--color-white, #ffffff);\n border-radius: 30px;\n box-shadow: 0 4px 4px 0 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n box-sizing: border-box;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n padding: 2px 12px;\n position: absolute;\n right: 6px;\n top: 6px;\n}\n.card__badge span {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.card__badge.expired {\n background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n border: 1px solid var(--emw--border-gray-color, #292c29);\n font-weight: 700;\n}\n.card__badge.completed {\n background: var(--emw--background-success-color, #c9f0d7);\n border: 1px solid var(--emw--border-success-color, #00b74f);\n color: var(--emw--color-green-300, #083b17);\n font-weight: 700;\n}\n.card__badge.forfeited {\n background: var(--emw--background-errored-color, #ffe1df);\n border: 1px solid var(--emw--border-errored-color, #d6421e);\n color: var(--emw--errored-color, #850606);\n font-weight: 700;\n}\n.card__badge.paused {\n background: var(--emw--background-warning-color, #f8e4ad);\n border: 1px solid var(--emw--border-warning-color, #ea9018);\n color: var(--emw--warning-color, #6d460a);\n font-weight: 700;\n}\n.card__icon--casino {\n height: 24px;\n position: absolute;\n right: 0;\n top: 0;\n width: 24px;\n}\n.card__icon--sportsbook {\n height: 22px;\n position: absolute;\n right: 0;\n top: 0;\n width: 22px;\n}\n\n.additional-info-trigger-info {\n background: var(--emw--additional-button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 24px;\n margin: 0px;\n word-break: break-word;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 48px;\n min-height: 24px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n}\n\n.info-item {\n color: var(--emw--color-primary, #1dbf51);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 24px;\n}\n@container challenges-container (min-width: 576px) {\n .info-item {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n}\n.info-item.grayed {\n color: var(--emw--button-border-color-gray, #727672);\n}\n.info-item__label {\n color: var(--emw--color-gray-150, #c8d6ce);\n font-weight: var(--emw--font-weight-medium, 500);\n margin-right: 3px;\n}\n.info-item__tooltip {\n background-color: var(--emw--color-card-background-secondary, #1b1c2b);\n border-radius: 8px;\n color: var(--emw--color-white, #ffffff);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n opacity: 1;\n padding: 8px 12px;\n position: absolute;\n white-space: normal;\n z-index: 200;\n}\n.info-item__tooltip::before {\n border-bottom: 6px solid var(--emw--color-card-background-secondary, #1b1c2b);\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n content: \"\";\n height: 0;\n left: 50%;\n position: absolute;\n top: -5px;\n transform: translateX(-50%);\n width: 0;\n z-index: 201;\n}\n\n.progress {\n align-content: center;\n background-color: var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));\n border-radius: 100px;\n box-sizing: border-box;\n height: 22px;\n margin-bottom: 8px;\n padding: 0 2px;\n position: relative;\n}\n.progress.paused {\n opacity: 0.5;\n}\n.progress.grayed {\n mix-blend-mode: luminosity;\n}\n.progress__placeholder {\n height: 28px;\n}\n.progress__icon {\n width: 11px;\n}\n.progress__point {\n align-items: center;\n border-radius: 50%;\n color: var(--emw--color-gray-150, #c8d6ce);\n display: flex;\n font-size: 12px;\n font-weight: 700;\n height: 19px;\n justify-content: center;\n line-height: 19px;\n position: absolute;\n text-align: center;\n top: 0;\n width: 19px;\n}\n.progress__point.start {\n background: var(--emw--progress-active-level, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n border: 2px solid var(--emw--button-background-primary-color, #18ce51);\n left: 0;\n}\n.progress__point.end {\n background: var(--emw--color-green-300, #083b17);\n border: 2px solid var(--emw--dark-green, #1c8d56);\n opacity: 0.7;\n right: 0;\n}\n.progress__point.finished {\n background: var(--emw--progress-active-level, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n border: 2px solid var(--emw--button-background-primary-color, #18ce51);\n opacity: 1;\n}\n.progress__point.hidden {\n opacity: 0;\n}\n.progress__bar {\n background: var(--emw--progress-bar-bg, linear-gradient(90deg, #1e654f 0%, #1c8d56 100%));\n border-radius: 73px;\n box-sizing: border-box;\n height: 16px;\n padding-right: 6px;\n}\n.progress__text {\n color: var(--emw--color-gray-50, #e2e2e2);\n font-size: 11px;\n font-weight: 700;\n left: 50%;\n line-height: 16px;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.new-label {\n align-items: center;\n background: var(--emw--new-badge-background-color, linear-gradient(0deg, #ff3d3d 0%, #a80000 100%));\n clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);\n display: flex;\n height: 28px;\n justify-content: center;\n position: absolute;\n right: 16px;\n top: 32px;\n width: 37px;\n}\n.new-label span {\n background: linear-gradient(to bottom right, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) top left/50% 50% no-repeat, linear-gradient(to top right, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) top right/50% 50% no-repeat;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n font-size: var(--emw--font-size-medium, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n padding-bottom: 3px;\n}\n\n.conditions {\n color: var(--emw--color-gray-150, #c8d6ce);\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif), serif;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 14px;\n margin: 6px 0 0 0;\n word-break: break-word;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 28px;\n min-height: 14px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n}\n.conditions .link {\n display: inline-flex;\n align-items: center;\n margin: 0 8px 0 0;\n line-height: 14px;\n color: var(--emw--color-blue, #005fe4);\n padding: 0;\n text-decoration: none;\n border-bottom: 1px solid var(--emw--color-blue, #005fe4);\n}\n.conditions .link .icon {\n margin: 2px 0 0 4px;\n width: 8px;\n height: 8px;\n}";
230
+ const casinoChallengeCardCss = ".card {\n background-color: var(--emw--color-card-background, #141515);\n border: 2px solid var(--emw--card-border-color, rgba(221, 255, 207, 0.1019607843));\n border-radius: 16px;\n box-sizing: border-box;\n color: var(--emw--color-black, #000000);\n position: relative;\n width: 308px;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n@container challenges-container (max-width: 670px) {\n .card {\n width: 100%;\n height: auto;\n padding-bottom: 52px;\n }\n}\n.card:hover {\n background: var(--emw--color-card-background-hover, linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%));\n cursor: pointer;\n}\n.card__image {\n border-radius: 16px 16px 0 0;\n height: 200px;\n object-fit: cover;\n width: 100%;\n}\n@container challenges-container (max-width: 576px) {\n .card__image {\n height: 224px;\n }\n}\n.card__image.grayed {\n opacity: 0.6;\n}\n.card__title {\n -webkit-box-orient: vertical;\n color: var(--emw--color-white, #ffffff);\n display: -webkit-box;\n font-size: var(--emw--font-size-medium, 16px);\n max-height: 39px;\n min-height: 22px;\n -webkit-line-clamp: 2;\n margin: 0 0 8px;\n overflow: hidden;\n padding-right: 32px;\n position: relative;\n text-overflow: ellipsis;\n}\n.card__content {\n padding: 20px;\n}\n.card__button {\n background: transparent;\n border: 2px solid var(--emw--button-border-color-gray, #727672);\n border-radius: var(--emw--button-border-radius, 99px);\n color: var(--emw--color-secondary, #e9931e);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n height: 34px;\n text-transform: uppercase;\n width: calc(100% - 40px);\n margin: auto auto 20px auto;\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button.filled {\n background-color: var(--emw--button-background-primary-color, #18ce51);\n border-color: var(--emw--color-green-300, #083b17);\n color: var(--emw--color-white, #ffffff);\n}\n.card__button.filled:hover {\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n color: var(--emw--color-green-300, #083b17);\n}\n.card__button.grayed {\n color: var(--emw--color-gray-50, #e2e2e2);\n}\n.card__button.grayed:hover {\n border-color: var(--emw--button-primary-border, #24b24e);\n color: var(--emw--color-white, #ffffff);\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button:disabled, .card__button:disabled:hover {\n border: 2px solid var(--emw--button-border-color-gray, #727672);\n color: var(--emw--color-gray-50, #e2e2e2);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.card__badge {\n backdrop-filter: blur(20px);\n background: var(--emw--color-white, #ffffff);\n border-radius: 30px;\n box-shadow: 0 4px 4px 0 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n box-sizing: border-box;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n padding: 2px 12px;\n position: absolute;\n right: 6px;\n top: 6px;\n}\n.card__badge span {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.card__badge.expired {\n background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n border: 1px solid var(--emw--border-gray-color, #292c29);\n font-weight: 700;\n}\n.card__badge.completed {\n background: var(--emw--background-success-color, #c9f0d7);\n border: 1px solid var(--emw--border-success-color, #00b74f);\n color: var(--emw--color-green-300, #083b17);\n font-weight: 700;\n}\n.card__badge.forfeited {\n background: var(--emw--background-errored-color, #ffe1df);\n border: 1px solid var(--emw--border-errored-color, #d6421e);\n color: var(--emw--errored-color, #850606);\n font-weight: 700;\n}\n.card__badge.paused {\n background: var(--emw--background-warning-color, #f8e4ad);\n border: 1px solid var(--emw--border-warning-color, #ea9018);\n color: var(--emw--warning-color, #6d460a);\n font-weight: 700;\n}\n.card__icon--casino {\n height: 24px;\n position: absolute;\n right: 0;\n top: 0;\n width: 24px;\n}\n.card__icon--sportsbook {\n height: 22px;\n position: absolute;\n right: 0;\n top: 0;\n width: 22px;\n}\n\n.additional-info-trigger-info {\n background: var(--emw--additional-button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 24px;\n margin: 0px;\n word-break: break-word;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 48px;\n min-height: 24px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n}\n\n.info-item {\n color: var(--emw--color-primary, #1dbf51);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 24px;\n}\n@container challenges-container (min-width: 576px) {\n .info-item {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n}\n.info-item.grayed {\n color: var(--emw--button-border-color-gray, #727672);\n}\n.info-item__label {\n color: var(--emw--color-gray-150, #c8d6ce);\n font-weight: var(--emw--font-weight-medium, 500);\n margin-right: 3px;\n}\n.info-item__tooltip {\n background-color: var(--emw--color-card-background-secondary, #1b1c2b);\n border-radius: 8px;\n color: var(--emw--color-white, #ffffff);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n opacity: 1;\n padding: 8px 12px;\n position: absolute;\n white-space: normal;\n z-index: 200;\n}\n.info-item__tooltip::before {\n border-bottom: 6px solid var(--emw--color-card-background-secondary, #1b1c2b);\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n content: \"\";\n height: 0;\n left: 50%;\n position: absolute;\n top: -5px;\n transform: translateX(-50%);\n width: 0;\n z-index: 201;\n}\n\n.progress {\n align-content: center;\n background-color: var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));\n border-radius: 100px;\n box-sizing: border-box;\n height: 22px;\n margin-bottom: 8px;\n padding: 0 2px;\n position: relative;\n}\n.progress.paused {\n opacity: 0.5;\n}\n.progress.grayed {\n mix-blend-mode: luminosity;\n}\n.progress__placeholder {\n height: 28px;\n}\n.progress__icon {\n width: 11px;\n}\n.progress__point {\n align-items: center;\n border-radius: 50%;\n color: var(--emw--color-gray-150, #c8d6ce);\n display: flex;\n font-size: 12px;\n font-weight: 700;\n height: 19px;\n justify-content: center;\n line-height: 19px;\n position: absolute;\n text-align: center;\n top: 0;\n width: 19px;\n}\n.progress__point.start {\n background: var(--emw--progress-active-level, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n border: 2px solid var(--emw--button-background-primary-color, #18ce51);\n left: 0;\n}\n.progress__point.end {\n background: var(--emw--color-green-300, #083b17);\n border: 2px solid var(--emw--dark-green, #1c8d56);\n opacity: 0.7;\n right: 0;\n}\n.progress__point.finished {\n background: var(--emw--progress-active-level, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n border: 2px solid var(--emw--button-background-primary-color, #18ce51);\n opacity: 1;\n}\n.progress__point.hidden {\n opacity: 0;\n}\n.progress__bar {\n background: var(--emw--progress-bar-bg, linear-gradient(90deg, #1e654f 0%, #1c8d56 100%));\n border-radius: 73px;\n box-sizing: border-box;\n height: 16px;\n padding-right: 6px;\n}\n.progress__text {\n color: var(--emw--color-gray-50, #e2e2e2);\n font-size: 11px;\n font-weight: 700;\n left: 50%;\n line-height: 16px;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.new-label {\n align-items: center;\n background: var(--emw--new-badge-background-color, linear-gradient(0deg, #ff3d3d 0%, #a80000 100%));\n clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);\n display: flex;\n height: 28px;\n justify-content: center;\n position: absolute;\n right: 16px;\n top: 32px;\n width: 37px;\n}\n.new-label span {\n background: linear-gradient(to bottom right, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) top left/50% 50% no-repeat, linear-gradient(to top right, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) top right/50% 50% no-repeat;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n padding-bottom: 3px;\n}\n\n.conditions {\n color: var(--emw--color-gray-150, #c8d6ce);\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif), serif;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 14px;\n margin: 6px 0 0 0;\n word-break: break-word;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 28px;\n min-height: 14px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n}\n.conditions .link {\n display: inline-flex;\n align-items: center;\n margin: 0 8px 0 0;\n line-height: 14px;\n color: var(--emw--color-blue, #005fe4);\n padding: 0;\n text-decoration: none;\n border-bottom: 1px solid var(--emw--color-blue, #005fe4);\n}\n.conditions .link .icon {\n margin: 2px 0 0 4px;\n width: 8px;\n height: 8px;\n}";
231
231
  const CasinoChallengeCardStyle0 = casinoChallengeCardCss;
232
232
 
233
233
  const CasinoChallengeCard = class {
@@ -3207,7 +3207,7 @@ function cleanEscapedString(input) {
3207
3207
  return matched[1].replace(doubleQuoteRegExp, "'");
3208
3208
  }
3209
3209
 
3210
- const casinoChallengesPlayerHistoryCss = ".history {\n width: 100%;\n padding: 0 10%;\n box-sizing: border-box;\n display: flex;\n gap: 16px;\n flex-direction: column;\n}\n@container challenges-container (max-width: 800px) {\n .history {\n padding: 0;\n }\n}\n\n.item {\n background-color: var(--emw--history-item-background, rgba(114, 118, 114, 0.2));\n border-radius: 12px;\n padding: 20px;\n}\n\n.conditions {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif), serif;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: 500;\n line-height: 14px;\n margin: 20px 0 0 0;\n word-break: break-word;\n}\n.conditions .link {\n display: inline-flex;\n align-items: center;\n margin: 0 8px 0 0;\n line-height: 14px;\n color: var(--emw--color-blue, #005fe4);\n padding: 0;\n text-decoration: none;\n border-bottom: 1px solid var(--emw--color-blue, #005fe4);\n}\n.conditions .link .icon {\n margin: 2px 0 0 4px;\n width: 8px;\n height: 8px;\n}\n@container challenges-container (max-width: 800px) {\n .conditions {\n margin: 22px 0 0 0;\n }\n}\n\n.header {\n cursor: pointer;\n border: none;\n width: 100%;\n text-align: left;\n background: transparent;\n color: var(--emw--color-white, white);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n display: flex;\n justify-content: space-between;\n padding: 0;\n}\n@container challenges-container (max-width: 800px) {\n .header {\n line-height: var(--emw--line-height-small, 14px);\n }\n}\n\n.content {\n max-height: 0;\n overflow: auto;\n transition: max-height 0.3s ease;\n background: transparent;\n color: var(--emw--color-white, white);\n}\n.content.open {\n max-height: 400px;\n}\n.content .row {\n display: flex;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 24px;\n padding: 10px 12px 4px;\n box-sizing: border-box;\n color: var(--emw--color-gray-150, #c8d6ce);\n}\n.content .row.list-header .col-1,\n.content .row.list-header .col-2 {\n text-transform: uppercase;\n}\n.content .row .col-1 {\n flex-grow: 1;\n}\n.content .row .col-2 {\n width: 120px;\n}\n.content .row .col-2.errored {\n color: var(--emw--color-error, #d6421e);\n}\n@container challenges-container (max-width: 800px) {\n .content .row {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 22px;\n }\n}\n@container challenges-container (max-width: 620px) {\n .content .row .col-1,\n .content .row .col-2 {\n width: 91px;\n }\n}\n.content .reward {\n margin: 0;\n padding: 0 12px 10px;\n box-sizing: border-box;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 19px;\n color: var(--emw--color-valid, #03873e);\n border-bottom: 1px solid var(--emw--button-border-color-translucent, rgba(200, 214, 206, 0.1019607843));\n display: flex;\n gap: 8px;\n}\n.content .reward.grayed {\n color: var(--emw--color-gray-350, #555a57);\n}\n@container challenges-container (max-width: 800px) {\n .content .reward {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 14px;\n }\n .content .reward img {\n width: 12px;\n height: 12px;\n }\n}\n.content .list-header {\n padding: 0 12px;\n margin-top: 20px;\n border-radius: 6px 6px 0 0;\n color: var(--emw--history-header-color, #727672);\n background: var(--emw--history-item-header-background, #202120);\n}\n.content .list-header span {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 28px;\n}\n@container challenges-container (max-width: 800px) {\n .content .list-header {\n margin-top: 22px;\n }\n .content .list-header span {\n font-size: var(--emw--font-size-2x-small, 10px);\n line-height: 20px;\n }\n}\n\n.empty {\n color: var(--emw--color-gray-50, #e2e2e2);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}";
3210
+ const casinoChallengesPlayerHistoryCss = ".history {\n width: 100%;\n padding: 0 10%;\n box-sizing: border-box;\n display: flex;\n gap: 16px;\n flex-direction: column;\n}\n@container challenges-container (max-width: 800px) {\n .history {\n padding: 0;\n }\n}\n\n.item {\n background-color: var(--emw--history-item-background, rgba(114, 118, 114, 0.2));\n border-radius: 12px;\n padding: 20px;\n}\n\n.conditions {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif), serif;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: 500;\n line-height: 14px;\n margin: 20px 0 0 0;\n word-break: break-word;\n}\n.conditions .link {\n display: inline-flex;\n align-items: center;\n margin: 0 8px 0 0;\n line-height: 14px;\n color: var(--emw--color-blue, #005fe4);\n padding: 0;\n text-decoration: none;\n border-bottom: 1px solid var(--emw--color-blue, #005fe4);\n}\n.conditions .link .icon {\n margin: 2px 0 0 4px;\n width: 8px;\n height: 8px;\n}\n@container challenges-container (max-width: 800px) {\n .conditions {\n margin: 22px 0 0 0;\n }\n}\n\n.header {\n cursor: pointer;\n border: none;\n width: 100%;\n text-align: left;\n background: transparent;\n color: var(--emw--color-white, white);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n display: flex;\n justify-content: space-between;\n padding: 0;\n}\n@container challenges-container (max-width: 800px) {\n .header {\n line-height: var(--emw--line-height-small, 14px);\n }\n}\n\n.content {\n max-height: 0;\n overflow: auto;\n transition: max-height 0.3s ease;\n background: transparent;\n color: var(--emw--color-white, white);\n}\n.content.open {\n max-height: 400px;\n}\n.content .row {\n display: flex;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 24px;\n padding: 10px 12px 4px;\n box-sizing: border-box;\n color: var(--emw--color-gray-150, #c8d6ce);\n}\n.content .row.list-header .col-1,\n.content .row.list-header .col-2 {\n text-transform: uppercase;\n}\n.content .row .col-1 {\n flex-grow: 1;\n}\n.content .row .col-2 {\n width: 120px;\n}\n.content .row .col-2.errored {\n color: var(--emw--color-error, #d6421e);\n}\n@container challenges-container (max-width: 800px) {\n .content .row {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 22px;\n }\n}\n@container challenges-container (max-width: 620px) {\n .content .row .col-1,\n .content .row .col-2 {\n width: 91px;\n }\n}\n.content .reward {\n margin: 0;\n padding: 0 12px 10px;\n box-sizing: border-box;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 19px;\n color: var(--emw--color-valid, #03873e);\n border-bottom: 1px solid var(--emw--button-border-color-translucent, rgba(200, 214, 206, 0.1019607843));\n display: flex;\n gap: 8px;\n}\n.content .reward.grayed {\n color: var(--emw--color-gray-350, #555a57);\n}\n@container challenges-container (max-width: 800px) {\n .content .reward {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 14px;\n }\n .content .reward img {\n width: 12px;\n height: 12px;\n }\n}\n.content .list-header {\n padding: 0 12px;\n margin-top: 20px;\n border-radius: 6px 6px 0 0;\n color: var(--emw--history-header-color, #727672);\n background: var(--emw--history-item-header-background, #202120);\n}\n.content .list-header span {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 28px;\n}\n@container challenges-container (max-width: 800px) {\n .content .list-header {\n margin-top: 22px;\n }\n .content .list-header span {\n font-size: var(--emw--font-size-3x-small, 10px);\n line-height: 20px;\n }\n}\n\n.empty {\n color: var(--emw--color-gray-50, #e2e2e2);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}";
3211
3211
  const CasinoChallengesPlayerHistoryStyle0 = casinoChallengesPlayerHistoryCss;
3212
3212
 
3213
3213
  const skeletons = [0, 1, 2, 3];
package/dist/esm/casino-challenge-card_6.entry.js CHANGED
@@ -224,7 +224,7 @@ const linkSvg$1 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTA
224
224
 
225
225
  const MIN_DEPOSIT_AMOUNT = '0';
226
226
 
227
- const casinoChallengeCardCss = ".card {\n background-color: var(--emw--color-card-background, #141515);\n border: 2px solid var(--emw--card-border-color, rgba(221, 255, 207, 0.1019607843));\n border-radius: 16px;\n box-sizing: border-box;\n color: var(--emw--color-black, #000000);\n position: relative;\n width: 308px;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n@container challenges-container (max-width: 670px) {\n .card {\n width: 100%;\n height: auto;\n padding-bottom: 52px;\n }\n}\n.card:hover {\n background: var(--emw--color-card-background-hover, linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%));\n cursor: pointer;\n}\n.card__image {\n border-radius: 16px 16px 0 0;\n height: 200px;\n object-fit: cover;\n width: 100%;\n}\n@container challenges-container (max-width: 576px) {\n .card__image {\n height: 224px;\n }\n}\n.card__image.grayed {\n opacity: 0.6;\n}\n.card__title {\n -webkit-box-orient: vertical;\n color: var(--emw--color-white, #ffffff);\n display: -webkit-box;\n font-size: var(--emw--font-size-medium, 16px);\n max-height: 39px;\n min-height: 22px;\n -webkit-line-clamp: 2;\n margin: 0 0 8px;\n overflow: hidden;\n padding-right: 32px;\n position: relative;\n text-overflow: ellipsis;\n}\n.card__content {\n padding: 20px;\n}\n.card__button {\n background: transparent;\n border: 2px solid var(--emw--button-border-color-gray, #727672);\n border-radius: var(--emw--button-border-radius, 99px);\n color: var(--emw--color-secondary, #e9931e);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n height: 34px;\n text-transform: uppercase;\n width: calc(100% - 40px);\n margin: auto auto 20px auto;\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button.filled {\n background-color: var(--emw--button-background-primary-color, #18ce51);\n border-color: var(--emw--color-green-300, #083b17);\n color: var(--emw--color-white, #ffffff);\n}\n.card__button.filled:hover {\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n color: var(--emw--color-green-300, #083b17);\n}\n.card__button.grayed {\n color: var(--emw--color-gray-50, #e2e2e2);\n}\n.card__button.grayed:hover {\n border-color: var(--emw--button-primary-border, #24b24e);\n color: var(--emw--color-white, #ffffff);\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button:disabled, .card__button:disabled:hover {\n border: 2px solid var(--emw--button-border-color-gray, #727672);\n color: var(--emw--color-gray-50, #e2e2e2);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.card__badge {\n backdrop-filter: blur(20px);\n background: var(--emw--color-white, #ffffff);\n border-radius: 30px;\n box-shadow: 0 4px 4px 0 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n box-sizing: border-box;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n padding: 2px 12px;\n position: absolute;\n right: 6px;\n top: 6px;\n}\n.card__badge span {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.card__badge.expired {\n background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n border: 1px solid var(--emw--border-gray-color, #292c29);\n font-weight: 700;\n}\n.card__badge.completed {\n background: var(--emw--background-success-color, #c9f0d7);\n border: 1px solid var(--emw--border-success-color, #00b74f);\n color: var(--emw--color-green-300, #083b17);\n font-weight: 700;\n}\n.card__badge.forfeited {\n background: var(--emw--background-errored-color, #ffe1df);\n border: 1px solid var(--emw--border-errored-color, #d6421e);\n color: var(--emw--errored-color, #850606);\n font-weight: 700;\n}\n.card__badge.paused {\n background: var(--emw--background-warning-color, #f8e4ad);\n border: 1px solid var(--emw--border-warning-color, #ea9018);\n color: var(--emw--warning-color, #6d460a);\n font-weight: 700;\n}\n.card__icon--casino {\n height: 24px;\n position: absolute;\n right: 0;\n top: 0;\n width: 24px;\n}\n.card__icon--sportsbook {\n height: 22px;\n position: absolute;\n right: 0;\n top: 0;\n width: 22px;\n}\n\n.additional-info-trigger-info {\n background: var(--emw--additional-button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 24px;\n margin: 0px;\n word-break: break-word;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 48px;\n min-height: 24px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n}\n\n.info-item {\n color: var(--emw--color-primary, #1dbf51);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 24px;\n}\n@container challenges-container (min-width: 576px) {\n .info-item {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n}\n.info-item.grayed {\n color: var(--emw--button-border-color-gray, #727672);\n}\n.info-item__label {\n color: var(--emw--color-gray-150, #c8d6ce);\n font-weight: var(--emw--font-weight-medium, 500);\n margin-right: 3px;\n}\n.info-item__tooltip {\n background-color: var(--emw--color-card-background-secondary, #1b1c2b);\n border-radius: 8px;\n color: var(--emw--color-white, #ffffff);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n opacity: 1;\n padding: 8px 12px;\n position: absolute;\n white-space: normal;\n z-index: 200;\n}\n.info-item__tooltip::before {\n border-bottom: 6px solid var(--emw--color-card-background-secondary, #1b1c2b);\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n content: \"\";\n height: 0;\n left: 50%;\n position: absolute;\n top: -5px;\n transform: translateX(-50%);\n width: 0;\n z-index: 201;\n}\n\n.progress {\n align-content: center;\n background-color: var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));\n border-radius: 100px;\n box-sizing: border-box;\n height: 22px;\n margin-bottom: 8px;\n padding: 0 2px;\n position: relative;\n}\n.progress.paused {\n opacity: 0.5;\n}\n.progress.grayed {\n mix-blend-mode: luminosity;\n}\n.progress__placeholder {\n height: 28px;\n}\n.progress__icon {\n width: 11px;\n}\n.progress__point {\n align-items: center;\n border-radius: 50%;\n color: var(--emw--color-gray-150, #c8d6ce);\n display: flex;\n font-size: 12px;\n font-weight: 700;\n height: 19px;\n justify-content: center;\n line-height: 19px;\n position: absolute;\n text-align: center;\n top: 0;\n width: 19px;\n}\n.progress__point.start {\n background: var(--emw--progress-active-level, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n border: 2px solid var(--emw--button-background-primary-color, #18ce51);\n left: 0;\n}\n.progress__point.end {\n background: var(--emw--color-green-300, #083b17);\n border: 2px solid var(--emw--dark-green, #1c8d56);\n opacity: 0.7;\n right: 0;\n}\n.progress__point.finished {\n background: var(--emw--progress-active-level, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n border: 2px solid var(--emw--button-background-primary-color, #18ce51);\n opacity: 1;\n}\n.progress__point.hidden {\n opacity: 0;\n}\n.progress__bar {\n background: var(--emw--progress-bar-bg, linear-gradient(90deg, #1e654f 0%, #1c8d56 100%));\n border-radius: 73px;\n box-sizing: border-box;\n height: 16px;\n padding-right: 6px;\n}\n.progress__text {\n color: var(--emw--color-gray-50, #e2e2e2);\n font-size: 11px;\n font-weight: 700;\n left: 50%;\n line-height: 16px;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.new-label {\n align-items: center;\n background: var(--emw--new-badge-background-color, linear-gradient(0deg, #ff3d3d 0%, #a80000 100%));\n clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);\n display: flex;\n height: 28px;\n justify-content: center;\n position: absolute;\n right: 16px;\n top: 32px;\n width: 37px;\n}\n.new-label span {\n background: linear-gradient(to bottom right, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) top left/50% 50% no-repeat, linear-gradient(to top right, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) top right/50% 50% no-repeat;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n font-size: var(--emw--font-size-medium, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n padding-bottom: 3px;\n}\n\n.conditions {\n color: var(--emw--color-gray-150, #c8d6ce);\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif), serif;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 14px;\n margin: 6px 0 0 0;\n word-break: break-word;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 28px;\n min-height: 14px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n}\n.conditions .link {\n display: inline-flex;\n align-items: center;\n margin: 0 8px 0 0;\n line-height: 14px;\n color: var(--emw--color-blue, #005fe4);\n padding: 0;\n text-decoration: none;\n border-bottom: 1px solid var(--emw--color-blue, #005fe4);\n}\n.conditions .link .icon {\n margin: 2px 0 0 4px;\n width: 8px;\n height: 8px;\n}";
227
+ const casinoChallengeCardCss = ".card {\n background-color: var(--emw--color-card-background, #141515);\n border: 2px solid var(--emw--card-border-color, rgba(221, 255, 207, 0.1019607843));\n border-radius: 16px;\n box-sizing: border-box;\n color: var(--emw--color-black, #000000);\n position: relative;\n width: 308px;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n@container challenges-container (max-width: 670px) {\n .card {\n width: 100%;\n height: auto;\n padding-bottom: 52px;\n }\n}\n.card:hover {\n background: var(--emw--color-card-background-hover, linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%));\n cursor: pointer;\n}\n.card__image {\n border-radius: 16px 16px 0 0;\n height: 200px;\n object-fit: cover;\n width: 100%;\n}\n@container challenges-container (max-width: 576px) {\n .card__image {\n height: 224px;\n }\n}\n.card__image.grayed {\n opacity: 0.6;\n}\n.card__title {\n -webkit-box-orient: vertical;\n color: var(--emw--color-white, #ffffff);\n display: -webkit-box;\n font-size: var(--emw--font-size-medium, 16px);\n max-height: 39px;\n min-height: 22px;\n -webkit-line-clamp: 2;\n margin: 0 0 8px;\n overflow: hidden;\n padding-right: 32px;\n position: relative;\n text-overflow: ellipsis;\n}\n.card__content {\n padding: 20px;\n}\n.card__button {\n background: transparent;\n border: 2px solid var(--emw--button-border-color-gray, #727672);\n border-radius: var(--emw--button-border-radius, 99px);\n color: var(--emw--color-secondary, #e9931e);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n height: 34px;\n text-transform: uppercase;\n width: calc(100% - 40px);\n margin: auto auto 20px auto;\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button.filled {\n background-color: var(--emw--button-background-primary-color, #18ce51);\n border-color: var(--emw--color-green-300, #083b17);\n color: var(--emw--color-white, #ffffff);\n}\n.card__button.filled:hover {\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n color: var(--emw--color-green-300, #083b17);\n}\n.card__button.grayed {\n color: var(--emw--color-gray-50, #e2e2e2);\n}\n.card__button.grayed:hover {\n border-color: var(--emw--button-primary-border, #24b24e);\n color: var(--emw--color-white, #ffffff);\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button:disabled, .card__button:disabled:hover {\n border: 2px solid var(--emw--button-border-color-gray, #727672);\n color: var(--emw--color-gray-50, #e2e2e2);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.card__badge {\n backdrop-filter: blur(20px);\n background: var(--emw--color-white, #ffffff);\n border-radius: 30px;\n box-shadow: 0 4px 4px 0 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n box-sizing: border-box;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n padding: 2px 12px;\n position: absolute;\n right: 6px;\n top: 6px;\n}\n.card__badge span {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.card__badge.expired {\n background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n border: 1px solid var(--emw--border-gray-color, #292c29);\n font-weight: 700;\n}\n.card__badge.completed {\n background: var(--emw--background-success-color, #c9f0d7);\n border: 1px solid var(--emw--border-success-color, #00b74f);\n color: var(--emw--color-green-300, #083b17);\n font-weight: 700;\n}\n.card__badge.forfeited {\n background: var(--emw--background-errored-color, #ffe1df);\n border: 1px solid var(--emw--border-errored-color, #d6421e);\n color: var(--emw--errored-color, #850606);\n font-weight: 700;\n}\n.card__badge.paused {\n background: var(--emw--background-warning-color, #f8e4ad);\n border: 1px solid var(--emw--border-warning-color, #ea9018);\n color: var(--emw--warning-color, #6d460a);\n font-weight: 700;\n}\n.card__icon--casino {\n height: 24px;\n position: absolute;\n right: 0;\n top: 0;\n width: 24px;\n}\n.card__icon--sportsbook {\n height: 22px;\n position: absolute;\n right: 0;\n top: 0;\n width: 22px;\n}\n\n.additional-info-trigger-info {\n background: var(--emw--additional-button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 24px;\n margin: 0px;\n word-break: break-word;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 48px;\n min-height: 24px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n}\n\n.info-item {\n color: var(--emw--color-primary, #1dbf51);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 24px;\n}\n@container challenges-container (min-width: 576px) {\n .info-item {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n}\n.info-item.grayed {\n color: var(--emw--button-border-color-gray, #727672);\n}\n.info-item__label {\n color: var(--emw--color-gray-150, #c8d6ce);\n font-weight: var(--emw--font-weight-medium, 500);\n margin-right: 3px;\n}\n.info-item__tooltip {\n background-color: var(--emw--color-card-background-secondary, #1b1c2b);\n border-radius: 8px;\n color: var(--emw--color-white, #ffffff);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n opacity: 1;\n padding: 8px 12px;\n position: absolute;\n white-space: normal;\n z-index: 200;\n}\n.info-item__tooltip::before {\n border-bottom: 6px solid var(--emw--color-card-background-secondary, #1b1c2b);\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n content: \"\";\n height: 0;\n left: 50%;\n position: absolute;\n top: -5px;\n transform: translateX(-50%);\n width: 0;\n z-index: 201;\n}\n\n.progress {\n align-content: center;\n background-color: var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));\n border-radius: 100px;\n box-sizing: border-box;\n height: 22px;\n margin-bottom: 8px;\n padding: 0 2px;\n position: relative;\n}\n.progress.paused {\n opacity: 0.5;\n}\n.progress.grayed {\n mix-blend-mode: luminosity;\n}\n.progress__placeholder {\n height: 28px;\n}\n.progress__icon {\n width: 11px;\n}\n.progress__point {\n align-items: center;\n border-radius: 50%;\n color: var(--emw--color-gray-150, #c8d6ce);\n display: flex;\n font-size: 12px;\n font-weight: 700;\n height: 19px;\n justify-content: center;\n line-height: 19px;\n position: absolute;\n text-align: center;\n top: 0;\n width: 19px;\n}\n.progress__point.start {\n background: var(--emw--progress-active-level, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n border: 2px solid var(--emw--button-background-primary-color, #18ce51);\n left: 0;\n}\n.progress__point.end {\n background: var(--emw--color-green-300, #083b17);\n border: 2px solid var(--emw--dark-green, #1c8d56);\n opacity: 0.7;\n right: 0;\n}\n.progress__point.finished {\n background: var(--emw--progress-active-level, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n border: 2px solid var(--emw--button-background-primary-color, #18ce51);\n opacity: 1;\n}\n.progress__point.hidden {\n opacity: 0;\n}\n.progress__bar {\n background: var(--emw--progress-bar-bg, linear-gradient(90deg, #1e654f 0%, #1c8d56 100%));\n border-radius: 73px;\n box-sizing: border-box;\n height: 16px;\n padding-right: 6px;\n}\n.progress__text {\n color: var(--emw--color-gray-50, #e2e2e2);\n font-size: 11px;\n font-weight: 700;\n left: 50%;\n line-height: 16px;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.new-label {\n align-items: center;\n background: var(--emw--new-badge-background-color, linear-gradient(0deg, #ff3d3d 0%, #a80000 100%));\n clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);\n display: flex;\n height: 28px;\n justify-content: center;\n position: absolute;\n right: 16px;\n top: 32px;\n width: 37px;\n}\n.new-label span {\n background: linear-gradient(to bottom right, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) top left/50% 50% no-repeat, linear-gradient(to top right, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) top right/50% 50% no-repeat;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n padding-bottom: 3px;\n}\n\n.conditions {\n color: var(--emw--color-gray-150, #c8d6ce);\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif), serif;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 14px;\n margin: 6px 0 0 0;\n word-break: break-word;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 28px;\n min-height: 14px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n}\n.conditions .link {\n display: inline-flex;\n align-items: center;\n margin: 0 8px 0 0;\n line-height: 14px;\n color: var(--emw--color-blue, #005fe4);\n padding: 0;\n text-decoration: none;\n border-bottom: 1px solid var(--emw--color-blue, #005fe4);\n}\n.conditions .link .icon {\n margin: 2px 0 0 4px;\n width: 8px;\n height: 8px;\n}";
228
228
  const CasinoChallengeCardStyle0 = casinoChallengeCardCss;
229
229
 
230
230
  const CasinoChallengeCard = class {
@@ -3204,7 +3204,7 @@ function cleanEscapedString(input) {
3204
3204
  return matched[1].replace(doubleQuoteRegExp, "'");
3205
3205
  }
3206
3206
 
3207
- const casinoChallengesPlayerHistoryCss = ".history {\n width: 100%;\n padding: 0 10%;\n box-sizing: border-box;\n display: flex;\n gap: 16px;\n flex-direction: column;\n}\n@container challenges-container (max-width: 800px) {\n .history {\n padding: 0;\n }\n}\n\n.item {\n background-color: var(--emw--history-item-background, rgba(114, 118, 114, 0.2));\n border-radius: 12px;\n padding: 20px;\n}\n\n.conditions {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif), serif;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: 500;\n line-height: 14px;\n margin: 20px 0 0 0;\n word-break: break-word;\n}\n.conditions .link {\n display: inline-flex;\n align-items: center;\n margin: 0 8px 0 0;\n line-height: 14px;\n color: var(--emw--color-blue, #005fe4);\n padding: 0;\n text-decoration: none;\n border-bottom: 1px solid var(--emw--color-blue, #005fe4);\n}\n.conditions .link .icon {\n margin: 2px 0 0 4px;\n width: 8px;\n height: 8px;\n}\n@container challenges-container (max-width: 800px) {\n .conditions {\n margin: 22px 0 0 0;\n }\n}\n\n.header {\n cursor: pointer;\n border: none;\n width: 100%;\n text-align: left;\n background: transparent;\n color: var(--emw--color-white, white);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n display: flex;\n justify-content: space-between;\n padding: 0;\n}\n@container challenges-container (max-width: 800px) {\n .header {\n line-height: var(--emw--line-height-small, 14px);\n }\n}\n\n.content {\n max-height: 0;\n overflow: auto;\n transition: max-height 0.3s ease;\n background: transparent;\n color: var(--emw--color-white, white);\n}\n.content.open {\n max-height: 400px;\n}\n.content .row {\n display: flex;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 24px;\n padding: 10px 12px 4px;\n box-sizing: border-box;\n color: var(--emw--color-gray-150, #c8d6ce);\n}\n.content .row.list-header .col-1,\n.content .row.list-header .col-2 {\n text-transform: uppercase;\n}\n.content .row .col-1 {\n flex-grow: 1;\n}\n.content .row .col-2 {\n width: 120px;\n}\n.content .row .col-2.errored {\n color: var(--emw--color-error, #d6421e);\n}\n@container challenges-container (max-width: 800px) {\n .content .row {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 22px;\n }\n}\n@container challenges-container (max-width: 620px) {\n .content .row .col-1,\n .content .row .col-2 {\n width: 91px;\n }\n}\n.content .reward {\n margin: 0;\n padding: 0 12px 10px;\n box-sizing: border-box;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 19px;\n color: var(--emw--color-valid, #03873e);\n border-bottom: 1px solid var(--emw--button-border-color-translucent, rgba(200, 214, 206, 0.1019607843));\n display: flex;\n gap: 8px;\n}\n.content .reward.grayed {\n color: var(--emw--color-gray-350, #555a57);\n}\n@container challenges-container (max-width: 800px) {\n .content .reward {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 14px;\n }\n .content .reward img {\n width: 12px;\n height: 12px;\n }\n}\n.content .list-header {\n padding: 0 12px;\n margin-top: 20px;\n border-radius: 6px 6px 0 0;\n color: var(--emw--history-header-color, #727672);\n background: var(--emw--history-item-header-background, #202120);\n}\n.content .list-header span {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 28px;\n}\n@container challenges-container (max-width: 800px) {\n .content .list-header {\n margin-top: 22px;\n }\n .content .list-header span {\n font-size: var(--emw--font-size-2x-small, 10px);\n line-height: 20px;\n }\n}\n\n.empty {\n color: var(--emw--color-gray-50, #e2e2e2);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}";
3207
+ const casinoChallengesPlayerHistoryCss = ".history {\n width: 100%;\n padding: 0 10%;\n box-sizing: border-box;\n display: flex;\n gap: 16px;\n flex-direction: column;\n}\n@container challenges-container (max-width: 800px) {\n .history {\n padding: 0;\n }\n}\n\n.item {\n background-color: var(--emw--history-item-background, rgba(114, 118, 114, 0.2));\n border-radius: 12px;\n padding: 20px;\n}\n\n.conditions {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif), serif;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: 500;\n line-height: 14px;\n margin: 20px 0 0 0;\n word-break: break-word;\n}\n.conditions .link {\n display: inline-flex;\n align-items: center;\n margin: 0 8px 0 0;\n line-height: 14px;\n color: var(--emw--color-blue, #005fe4);\n padding: 0;\n text-decoration: none;\n border-bottom: 1px solid var(--emw--color-blue, #005fe4);\n}\n.conditions .link .icon {\n margin: 2px 0 0 4px;\n width: 8px;\n height: 8px;\n}\n@container challenges-container (max-width: 800px) {\n .conditions {\n margin: 22px 0 0 0;\n }\n}\n\n.header {\n cursor: pointer;\n border: none;\n width: 100%;\n text-align: left;\n background: transparent;\n color: var(--emw--color-white, white);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n display: flex;\n justify-content: space-between;\n padding: 0;\n}\n@container challenges-container (max-width: 800px) {\n .header {\n line-height: var(--emw--line-height-small, 14px);\n }\n}\n\n.content {\n max-height: 0;\n overflow: auto;\n transition: max-height 0.3s ease;\n background: transparent;\n color: var(--emw--color-white, white);\n}\n.content.open {\n max-height: 400px;\n}\n.content .row {\n display: flex;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 24px;\n padding: 10px 12px 4px;\n box-sizing: border-box;\n color: var(--emw--color-gray-150, #c8d6ce);\n}\n.content .row.list-header .col-1,\n.content .row.list-header .col-2 {\n text-transform: uppercase;\n}\n.content .row .col-1 {\n flex-grow: 1;\n}\n.content .row .col-2 {\n width: 120px;\n}\n.content .row .col-2.errored {\n color: var(--emw--color-error, #d6421e);\n}\n@container challenges-container (max-width: 800px) {\n .content .row {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 22px;\n }\n}\n@container challenges-container (max-width: 620px) {\n .content .row .col-1,\n .content .row .col-2 {\n width: 91px;\n }\n}\n.content .reward {\n margin: 0;\n padding: 0 12px 10px;\n box-sizing: border-box;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 19px;\n color: var(--emw--color-valid, #03873e);\n border-bottom: 1px solid var(--emw--button-border-color-translucent, rgba(200, 214, 206, 0.1019607843));\n display: flex;\n gap: 8px;\n}\n.content .reward.grayed {\n color: var(--emw--color-gray-350, #555a57);\n}\n@container challenges-container (max-width: 800px) {\n .content .reward {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 14px;\n }\n .content .reward img {\n width: 12px;\n height: 12px;\n }\n}\n.content .list-header {\n padding: 0 12px;\n margin-top: 20px;\n border-radius: 6px 6px 0 0;\n color: var(--emw--history-header-color, #727672);\n background: var(--emw--history-item-header-background, #202120);\n}\n.content .list-header span {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 28px;\n}\n@container challenges-container (max-width: 800px) {\n .content .list-header {\n margin-top: 22px;\n }\n .content .list-header span {\n font-size: var(--emw--font-size-3x-small, 10px);\n line-height: 20px;\n }\n}\n\n.empty {\n color: var(--emw--color-gray-50, #e2e2e2);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}";
3208
3208
  const CasinoChallengesPlayerHistoryStyle0 = casinoChallengesPlayerHistoryCss;
3209
3209
 
3210
3210
  const skeletons = [0, 1, 2, 3];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-challenges-container",
3
- "version": "0.17.103",
3
+ "version": "0.17.105",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",