@everymatrix/casino-page 0.0.167 → 0.0.171

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.
@@ -12478,7 +12478,7 @@
12478
12478
  class CasinoPage extends SvelteElement {
12479
12479
  constructor(options) {
12480
12480
  super();
12481
- this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:'Helvetica Neue', 'Helvetica', sans-serif}.CategoriesLobby{margin:0 auto;padding:0 10px}.PanicSectionMobile{flex-direction:column;margin-bottom:40px}.PanicSection{display:flex;justify-content:center;align-items:center;gap:10px}.PanicText{display:flex;justify-content:center;align-items:center;gap:10px}p{font-size:16px;color:#fff}.PanicButton{border-radius:2px;border:1px solid #D0046C;background-color:#D0046C;width:240px;height:48px;color:#fff;cursor:pointer}[type="search"]{appearance:none}.SrOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.CategoryContainer{display:block}.SearchLoading{color:#fff;font-size:14.4px;margin-top:16px;text-align:center}.SearchContainer{flex:3;width:100%;max-width:640px;margin:0 auto}.SearchContainer.SearchTruncated{margin:auto 5% auto 15%}.SearchContainer.SearchTruncated .SearchInput{tabindex:999;padding:20px 12px 20px 40px}.SearchContainer .SearchWrapper{position:relative;display:flex;color:#c7d2fe}.SearchContainer .SearchWrapper .SearchIcon{position:absolute;display:flex;align-items:center;top:0;bottom:0;left:0;padding-left:8px;pointer-events:none}.SearchContainer .SearchWrapper .SearchIcon svg{width:25.6px;height:25.6px;display:block;vertical-align:middle;fill:#c7d2fe}.SearchContainer .SearchWrapper .SearchInput{width:100%;display:block;padding:12px 12px 12px 40px;border-radius:6.4px;border-color:transparent;font-size:16px;background-color:rgba(156, 163, 175, 0.25);color:#e0e7ff}.SearchContainer .SearchWrapper .SearchInput::-webkit-search-decoration,.SearchContainer .SearchWrapper .SearchInput::-webkit-search-cancel-button,.SearchContainer .SearchWrapper .SearchInput::-webkit-search-results-button,.SearchContainer .SearchWrapper .SearchInput::-webkit-search-results-decoration{-webkit-appearance:none}.SearchContainer .SearchWrapper .SearchInput::placeholder{color:white}.SearchContainer .SearchWrapper .SearchInput:focus{background-color:white;color:#111827;outline:2px solid transparent;outline-offset:2px}.SearchContainer .SearchWrapper .SearchInput:focus::placeholder{color:#9ca3af}.SearchContainer .SearchWrapper:focus-within{color:#9ca3af}.SearchContainer .SearchWrapper:focus-within .SearchIcon svg{fill:#9ca3af}.FiltersButtonsContainer{display:inline-flex;flex:1;grid-gap:20px;flex-direction:row-reverse}.FilterButtonWrapper,.ClearFilterButtonWrapper{display:inline-flex;padding:10px 22px;border:1px solid #58586B;border-radius:5px;text-transform:uppercase;color:#fff;cursor:pointer}.ClearFilterButtonWrapper{border:1px solid #FD2839;color:#FD2839}.FilterIconContainer,.ClearIcon{position:relative;padding-left:5px}.FilterIconContainer{top:2px}.ClearIcon{position:relative;top:1px}.ClearIcon svg{width:14px}.FilterButtonWrapper,.ClearFilterButtonWrapper{display:inline-flex;justify-content:center;align-items:center}.NumberOfFiltersContainer{display:block;line-height:0px;border-radius:50%;border:2px solid #D0046C;background:#D0046C;color:#fff;font-size:12px;position:absolute;top:-5px;left:22px}.NumberOfFiltersContainer .NumberOfFilters{display:inline-block;padding-top:50%;padding-bottom:50%;margin-left:3px;margin-right:3px}.CategoriesHeaderSection{width:100%;display:inline-flex;flex-direction:row;margin-top:30px}.CategoriesHeaderMobileSection{position:fixed;bottom:0;left:0;flex-direction:row-reverse;z-index:1}.CategoriesHeaderMobileSection .ClearFilterButtonWrapper{display:none}.CategoriesHeaderMobileSection .SearchContainer{flex:1;max-width:unset;margin:unset;background-color:#d0056c;z-index:1}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper{color:#fff}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchIcon{left:25px}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput{padding:12px;border-radius:0;background-color:#d0056c;color:#fff;text-align:center;opacity:1}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput::placeholder,.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput:-ms-input-placeholder,.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput::-ms-input-placeholder{color:white;opacity:1}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper path{fill:#fff}.CategoriesHeaderMobileSection .FiltersButtonsContainer{flex:1}.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterButtonWrapper{position:relative;width:100%;display:flex;flex-direction:row-reverse;border:1px solid #fff;border-radius:0;background:#fff;color:#D0046C}.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterIconContainer{position:absolute;left:40px;top:revert;padding-left:0}.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterIconContainer path{fill:#D0046C}.CategoriesHeaderMobileSection .NumberOfFiltersContainer{font-size:8px;left:15px}.CategoriesHeaderSectionAltDesign{display:block;position:relative}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection{flex-direction:row;position:relative;margin-top:30px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer{background-color:#07072A}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper{justify-content:center}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput{width:90%;border:1px solid #58586B;border-radius:6.4px;background-color:transparent;color:#fff;padding:12px 50px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput:active,.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput:focus{width:90%}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer{position:absolute;top:64px;right:5px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterIconContainer{display:none}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterButtonWrapper{border-radius:6.4px;border:2px solid #fff;background:transparent;color:#fff}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer .ClearFilterButtonWrapper{padding:10px 16px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection.CategoriesHeaderSearchActive{top:0}.CategoriesHeaderSectionAltDesign .FiltersActive.ClearFilterButtonWrapper{display:block}.CategoriesHeaderSectionAltDesign .ClearSearchButton,.CategoriesHeaderSectionAltDesign .ClearSearchButtonMobile{right:30px;top:9px}.ClearFilterMobileButtonWrapper{position:absolute;right:5px;padding:8px 18px;display:inline-flex;border:1px solid #58586B;border-radius:5px;border:1px solid #FD2839;text-transform:uppercase;color:#fff;cursor:pointer;color:#FD2839;font-size:14px}.ClearFilterMobileButtonWrapper .ClearIcon svg{width:12px}.CategoriesHeaderSearchActive{position:fixed;bottom:unset;top:70px;margin-top:0}.CategoriesHeaderSearchActive .SearchContainer{background-color:white}.CategoriesHeaderSearchActive .SearchContainer .SearchWrapper .SearchInput{background-color:white;color:#000}.SearchStickTop{margin-top:0}@media(max-width: 768px){.SearchContainer{margin:auto 3% auto 0%}}.SearchBarPlaceholder{display:block;width:100%;height:46px}.SearchBarPlaceholder{display:block;width:100%;height:46px}.ClearSearchButton,.ClearSearchButtonMobile{cursor:pointer;position:absolute;right:14px;top:11px}.ClearSearchButton .CloseIconContainer,.ClearSearchButtonMobile .CloseIconContainer{width:25px;height:25px}.ClearSearchButton .CloseIconWrapper,.ClearSearchButtonMobile .CloseIconWrapper{height:25px;width:3px;margin-left:12px;background-color:#FFF;transform:rotate(45deg);Z-index:1}.ClearSearchButton .CloseIcon,.ClearSearchButtonMobile .CloseIcon{height:25px;width:3px;background-color:#FFF;transform:rotate(90deg);Z-index:2}.SearchContainer .CloseIconWrapper,.SearchContainer .CloseIcon{background-color:#FD2839}.ClearSearchButtonMobile{display:none}.CategoriesHeaderSearchActive .ClearSearchButtonMobile{display:block}.CategoriesHeaderSearchActive .ClearSearchButtonMobile .CloseIconWrapper,.CategoriesHeaderSearchActive .ClearSearchButtonMobile .CloseIcon{background-color:#FD2839}</style>`;
12481
+ this.shadowRoot.innerHTML = `<style>*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:'Helvetica Neue', 'Helvetica', sans-serif}.CategoriesLobby{margin:0 auto;padding:0 10px}.PanicSectionMobile{flex-direction:column;margin-bottom:40px}.PanicSection{display:flex;justify-content:center;align-items:center;gap:10px}.PanicText{display:flex;justify-content:center;align-items:center;gap:10px}p{font-size:16px;color:#fff}.PanicButton{border-radius:2px;border:1px solid #D0046C;background-color:#D0046C;width:240px;height:48px;color:#fff;cursor:pointer}[type="search"]{appearance:none}.SrOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.CategoryContainer{display:block}.SearchLoading{color:#fff;font-size:14.4px;margin-top:16px;text-align:center}.SearchContainer{flex:3;width:100%;max-width:640px;margin:0 auto}.SearchContainer.SearchTruncated{margin:auto 5% auto 15%}.SearchContainer.SearchTruncated .SearchInput{tabindex:999;padding:20px 12px 20px 40px}.SearchContainer .SearchWrapper{position:relative;display:flex;color:#c7d2fe}.SearchContainer .SearchWrapper .SearchIcon{position:absolute;display:flex;align-items:center;top:0;bottom:0;left:0;padding-left:8px;pointer-events:none}.SearchContainer .SearchWrapper .SearchIcon svg{width:25.6px;height:25.6px;display:block;vertical-align:middle;fill:#c7d2fe}.SearchContainer .SearchWrapper .SearchInput{width:100%;display:block;padding:12px 12px 12px 40px;border-radius:6.4px;border-color:transparent;font-size:16px;background-color:rgba(156, 163, 175, 0.25);color:#e0e7ff}.SearchContainer .SearchWrapper .SearchInput::-webkit-search-decoration,.SearchContainer .SearchWrapper .SearchInput::-webkit-search-cancel-button,.SearchContainer .SearchWrapper .SearchInput::-webkit-search-results-button,.SearchContainer .SearchWrapper .SearchInput::-webkit-search-results-decoration{-webkit-appearance:none}.SearchContainer .SearchWrapper .SearchInput::placeholder{color:white}.SearchContainer .SearchWrapper .SearchInput:focus{background-color:white;color:#111827;outline:2px solid transparent;outline-offset:2px}.SearchContainer .SearchWrapper .SearchInput:focus::placeholder{color:#9ca3af}.SearchContainer .SearchWrapper:focus-within{color:#9ca3af}.SearchContainer .SearchWrapper:focus-within .SearchIcon svg{fill:#9ca3af}.FiltersButtonsContainer{display:inline-flex;flex:1;grid-gap:20px;flex-direction:row-reverse}.FilterButtonWrapper,.ClearFilterButtonWrapper{display:inline-flex;padding:10px 22px;border:1px solid #58586B;border-radius:5px;text-transform:uppercase;color:#fff;cursor:pointer}.ClearFilterButtonWrapper{border:1px solid #FD2839;color:#FD2839}.FilterIconContainer,.ClearIcon{position:relative;padding-left:5px}.FilterIconContainer{top:2px}.ClearIcon{position:relative;top:1px}.ClearIcon svg{width:14px}.FilterButtonWrapper,.ClearFilterButtonWrapper{display:inline-flex;justify-content:center;align-items:center}.NumberOfFiltersContainer{display:block;line-height:0px;border-radius:50%;border:2px solid #D0046C;background:#D0046C;color:#fff;font-size:12px;position:absolute;top:-5px;left:22px}.NumberOfFiltersContainer .NumberOfFilters{display:inline-block;padding-top:50%;padding-bottom:50%;margin-left:3px;margin-right:3px}.CategoriesHeaderSection{width:100%;display:inline-flex;flex-direction:row;margin-top:30px}.CategoriesHeaderMobileSection{position:fixed;bottom:0;left:0;flex-direction:row-reverse;z-index:1}.CategoriesHeaderMobileSection .ClearFilterButtonWrapper{display:none}.CategoriesHeaderMobileSection .SearchContainer{flex:1;max-width:unset;margin:unset;background-color:#d0056c;z-index:1}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper{color:#fff}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchIcon{left:25px}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput{padding:12px;border-radius:0;background-color:#d0056c;color:#fff;text-align:center;opacity:1}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput::placeholder,.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput:-ms-input-placeholder,.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput::-ms-input-placeholder{color:white;opacity:1}.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper path{fill:#fff}.CategoriesHeaderMobileSection .FiltersButtonsContainer{flex:1}.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterButtonWrapper{position:relative;width:100%;display:flex;flex-direction:row-reverse;border:1px solid #fff;border-radius:0;background:#fff;color:#D0046C}.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterIconContainer{position:absolute;left:40px;top:revert;padding-left:0}.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterIconContainer path{fill:#D0046C}.CategoriesHeaderMobileSection .NumberOfFiltersContainer{font-size:8px;left:15px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection{flex-direction:row;position:relative;margin-top:30px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer{background-color:#07072A}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper{justify-content:center}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput{width:90%;border:1px solid #58586B;border-radius:6.4px;background-color:transparent;color:#fff;padding:12px 50px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput:active,.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .SearchContainer .SearchWrapper .SearchInput:focus{width:90%}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer{position:absolute;top:64px;right:5px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterIconContainer{display:none}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer .FilterButtonWrapper{border-radius:6.4px;border:2px solid #fff;background:transparent;color:#fff}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection .FiltersButtonsContainer .ClearFilterButtonWrapper{padding:10px 16px}.CategoriesHeaderSectionAltDesign.CategoriesHeaderMobileSection.CategoriesHeaderSearchActive{top:0}.CategoriesHeaderSectionAltDesign .FiltersActive.ClearFilterButtonWrapper{display:block}.CategoriesHeaderSectionAltDesign .ClearSearchButton,.CategoriesHeaderSectionAltDesign .ClearSearchButtonMobile{right:30px;top:9px}.ClearFilterMobileButtonWrapper{position:absolute;right:5px;padding:8px 18px;display:inline-flex;border:1px solid #58586B;border-radius:5px;border:1px solid #FD2839;text-transform:uppercase;color:#fff;cursor:pointer;color:#FD2839;font-size:14px}.ClearFilterMobileButtonWrapper .ClearIcon svg{width:12px}.CategoriesHeaderSearchActive{position:fixed;bottom:unset;top:70px;margin-top:0}.CategoriesHeaderSearchActive .SearchContainer{background-color:white}.CategoriesHeaderSearchActive .SearchContainer .SearchWrapper .SearchInput{background-color:white;color:#000}.SearchStickTop{margin-top:0}@media(max-width: 768px){.SearchContainer{margin:auto 3% auto 0%}}.SearchBarPlaceholder{display:block;width:100%;height:46px}.SearchBarPlaceholder{display:block;width:100%;height:46px}.ClearSearchButton,.ClearSearchButtonMobile{cursor:pointer;position:absolute;right:14px;top:11px}.ClearSearchButton .CloseIconContainer,.ClearSearchButtonMobile .CloseIconContainer{width:25px;height:25px}.ClearSearchButton .CloseIconWrapper,.ClearSearchButtonMobile .CloseIconWrapper{height:25px;width:3px;margin-left:12px;background-color:#FFF;transform:rotate(45deg);Z-index:1}.ClearSearchButton .CloseIcon,.ClearSearchButtonMobile .CloseIcon{height:25px;width:3px;background-color:#FFF;transform:rotate(90deg);Z-index:2}.SearchContainer .CloseIconWrapper,.SearchContainer .CloseIcon{background-color:#FD2839}.ClearSearchButtonMobile{display:none}.CategoriesHeaderSearchActive .ClearSearchButtonMobile{display:block}.CategoriesHeaderSearchActive .ClearSearchButtonMobile .CloseIconWrapper,.CategoriesHeaderSearchActive .ClearSearchButtonMobile .CloseIcon{background-color:#FD2839}</style>`;
12482
12482
 
12483
12483
  init(
12484
12484
  this,