@everymatrix/casino-search 1.4.1 → 1.5.3

package/dist/casino-search.js

@@ -14811,7 +14811,7 @@
     class CasinoGameThumbnail extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.GameContainer{width:100%;height:100%;position:relative}.GameInnerContainer{position:relative;width:100%;height:100%;overflow:hidden;border-radius:5px}.GameInnerContainer .GameBg{width:100%;height:100%;object-fit:unset;transition:all 150ms ease-in-out}.GameInnerContainer .GameBg.GameBg-1x2,.GameInnerContainer .GameBg.GameBg-2x1,.GameInnerContainer .GameBg.GameBg-2x2{object-fit:cover}.GameInnerContainer .GameInfoWrapper{display:none;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.65);z-index:15}.GameInnerContainer .GameInfoWrapper .GameInfo{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center}.GameInnerContainer .GameInfoWrapper .GameInfoName{color:white;margin-bottom:10px;text-align:center;font-size:14px}.GameInnerContainer .GameInfoWrapper .GameInfoBtn{appearance:none;padding:6px;background:var(--emfe-w-color-primary, #D0046C);color:var(--emfe-w-color-primary-50, #FBECF4);font-size:16px;border:2px solid var(--emfe-w-color-primary-600, #99034F);border-radius:5px;cursor:pointer;transition:border 150ms ease-in-out}.GameInnerContainer .GameInfoWrapper .GameInfoBtn:hover{border:2px solid var(--emfe-w-color-primary-100, #F1BED9)}.GameInnerContainer .GameInfoWrapper .GameInfoVendor{display:block;position:absolute;bottom:8px;right:8px;color:white;font-size:12px;font-weight:normal}.GameInnerContainer:hover{cursor:pointer}.GameInnerContainer:hover .GameInfoWrapper{display:block}.GameInnerContainer:hover .GameBg{filter:blur(5px) grayscale(1)}.GameInnerContainer .GameExtraInfo{display:block;position:absolute;width:100%;height:100%;top:8px;left:8px;z-index:0}.GameInnerContainer .GameExtraInfoLabel{font-size:11px;padding:3px;background-color:var(--emfe-w-color-primary, #D0046C);color:var(--emfe-w-color-primary-50, #FBECF4);font-weight:bold;text-transform:uppercase;border-radius:5px}.GameNameBelow{color:var(--emfe-w-color-white, #FFFFFF);position:relative;bottom:-5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.FavoredIcon,.UnfavoredIcon{width:20px;height:20px}.FavIconContainer{position:absolute;top:10px;right:10px;cursor:pointer;z-index:15}@media(min-width: 1100px){.GamesWrapper .ListGame:hover .GamePlayNowText{z-index:4}}.ListGame:hover .OpenSeat,.ListGame:hover .ClosedSeat,.ListGame:hover .LiveLimits,.ListGame:hover .LatestResult,.ListGame:hover .FullTable,.ListGame:active .OpenSeat,.ListGame:active .ClosedSeat,.ListGame:active .LiveLimits,.ListGame:active .LatestResult,.ListGame:active .FullTable{opacity:.2}.ListGame.GameBackdrop .GameInnerContainer::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg, black 15%, rgba(0, 0, 0, 0) 100%)}.ListGame .GameInnerContainer{z-index:0}.ListGame .GameInnerContainer .GameBg{z-index:5}.ListGame .GameInnerContainer .GameExtraInfo{z-index:10}.ListGame .GameInnerContainer::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0}.ListGame .GameInnerContainer.GameInnerContainerUnavailable::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.9)}.ListGame .GameInnerContainer .ListGame.GameContainerDimmed:before{display:block;content:' ';width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:rgba(0, 0, 0, 0.4);color:var(--emfe-w-color-white, #FFFFFF);fill:var(--emfe-w-color-white, #FFFFFF);opacity:1;border-radius:4px}.ListGame .GameInnerContainer .ListGame.GameContainerFullyDimmed:before{display:block;content:' ';width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:rgba(0, 0, 0, 0.8);color:var(--emfe-w-color-white, #FFFFFF);fill:var(--emfe-w-color-white, #FFFFFF);opacity:1;border-radius:4px}.ListGame .GameInnerContainer .LiveProps{display:flex;flex-direction:column;position:absolute;bottom:8px;left:-8px;right:0;width:100%;padding:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.99) 100%);color:var(--emfe-w-color-white, #FFFFFF);opacity:1;font-size:14px}.ListGame .GameInnerContainer .ListGame:hover .LiveProps,.ListGame .GameInnerContainer .ListGameLink:hover .LiveProps{opacity:0}@keyframes red-pulse{0%{box-shadow:0 0 2px 0 rgba(255, 0, 0, 0.75)}15%{box-shadow:0 0 10px 2px rgba(255, 0, 0, 0.75)}30%{box-shadow:0 0 2px 0 rgba(255, 0, 0, 0.75)}50%{box-shadow:0 0 10px 2px rgba(255, 0, 0, 0.75)}65%{box-shadow:0 0 2px 0 rgba(255, 0, 0, 0.75)}80%{box-shadow:0 0 10px 2px rgba(255, 0, 0, 0.75)}100%{box-shadow:0 0 0 0 rgba(255, 0, 0, 0.75)}}@keyframes green-pulse{0%{box-shadow:0 0 2px 0 rgba(86, 168, 10, 0.75)}15%{box-shadow:0 0 10px 2px rgba(86, 168, 10, 0.75)}30%{box-shadow:0 0 2px 0 rgba(86, 168, 10, 0.75)}50%{box-shadow:0 0 10px 2px rgba(86, 168, 10, 0.75)}65%{box-shadow:0 0 2px 0 rgba(86, 168, 10, 0.75)}80%{box-shadow:0 0 10px 2px rgba(86, 168, 10, 0.75)}100%{box-shadow:0 0 0 0 rgba(86, 168, 10, 0.75)}}@keyframes flip-open{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.ListGame .GameInnerContainer .silde-in-from-left{-webkit-animation-name:silde-in-from-left;animation-name:silde-in-from-left;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes silde-in-from-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes silde-in-from-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes flip-closed-seat{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.ListGame .GameInnerContainer .ListGame.PulsatingGreenShadow,.ListGame .GameInnerContainer .ListGame.PulsatingRedShadow{overflow:auto}.ListGame .GameInnerContainer .ListGame.PulsatingGreenShadow{animation:green-pulse 2s linear}.ListGame .GameInnerContainer .ListGame.PulsatingRedShadow{animation:red-pulse 2s linear}.ListGame .GameInnerContainer .LiveIcons{position:relative;display:flex;padding:0 16px;box-sizing:border-box;flex-direction:row;align-items:center;justify-content:flex-start;min-height:auto;margin-bottom:5px}@media(min-width: 1100px){.ListGame .GameInnerContainer .LiveIcons{min-height:auto}}.ListGame .GameInnerContainer .LiveIcons:first-child{margin-left:0}.ListGame .GameInnerContainer .LiveIcons:last-child{margin-right:0}.ListGame .GameInnerContainer .LiveIcons.Black,.ListGame .GameInnerContainer .LiveIcons.Red,.ListGame .GameInnerContainer .LiveIcons.Green{color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .LiveIcons .LatestResult{min-width:12px;padding:2px;margin:0 1px;margin-right:6px;font-size:14px;text-align:center}@media(min-width: 1100px){.ListGame .GameInnerContainer .LiveIcons .LatestResult{min-width:12px;font-size:14px;margin:0 2px;margin-right:5px;padding:2px}}.ListGame .GameInnerContainer .LiveIcons .LatestResult.FirstElementAnimated{animation:flip-open 2s both;-webkit-animation:flip-open 2s both;-webkit-backface-visibility:visible;backface-visibility:visible}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First{min-width:24px;padding:4px}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Black,.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Red,.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Green{color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Black{background:var(--emfe-w-color-black, #000000)}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Red{background:red}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Green{background:#56A80A}@media(min-width: 1100px){.ListGame .GameInnerContainer .LiveIcons .LatestResult.First{padding:4px}}.ListGame .GameInnerContainer .LiveIcons .Double{display:flex;flex-direction:column}.ListGame .GameInnerContainer .LiveIcons .Double .LatestResult:first-child{margin-bottom:10px}.ListGame .GameInnerContainer .LiveIcons .Double:first-child .LatestResult{margin-left:0;margin-bottom:0}.ListGame .GameInnerContainer .LiveIcons .Double:last-child .LatestResult{margin-right:0}.ListGame .GameInnerContainer .LiveIcons .Black,.ListGame .GameInnerContainer .LiveIcons .Red,.ListGame .GameInnerContainer .LiveIcons .Green{background-color:transparent}.ListGame .GameInnerContainer .LiveIcons .Black{color:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .LiveIcons .Red{color:red}.ListGame .GameInnerContainer .LiveIcons .Green{color:#56A80A}.ListGame .GameInnerContainer .Blue{color:#4d90a7}.ListGame .GameInnerContainer .Red{background-color:red}.ListGame .GameInnerContainer .Black{background-color:var(--emfe-w-color-black, #000000)}.ListGame .GameInnerContainer .Green{background-color:#56A80A}.ListGame .GameInnerContainer .White{background-color:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .Yellow{background-color:#eeca3d}.ListGame .GameInnerContainer .Gold{background-color:#866d0c}.ListGame .GameInnerContainer .Orange{background-color:#574708}.ListGame .GameInnerContainer .Purple{background-color:#330033}.ListGame .GameInnerContainer .Tie{background-color:var(--emfe-w-color-white, #FFFFFF);background-image:linear-gradient(135deg, var(--emfe-w-color-white, #FFFFFF) 25%, transparent 25%, transparent 50%, #212121 50%, var(--emfe-w-color-white, #FFFFFF) 75%, transparent 75%, var(--emfe-w-color-white, #FFFFFF))}.ListGame .GameInnerContainer .OpenSeat,.ListGame .GameInnerContainer .ClosedSeat{display:inline-block;width:16px;height:16px;margin-right:4px}@media(min-width: 768px){.ListGame .GameInnerContainer .OpenSeat,.ListGame .GameInnerContainer .ClosedSeat{width:16px;height:16px}}@media(min-width: 1100px){.ListGame .GameInnerContainer .OpenSeat,.ListGame .GameInnerContainer .ClosedSeat{width:16px;height:16px}}.ListGame .GameInnerContainer .OpenSeat svg,.ListGame .GameInnerContainer .ClosedSeat svg{width:100%;height:100%}.ListGame .GameInnerContainer .OpenSeat{animation:flip-closed-seat 2s both;-webkit-animation:flip-closed-seat 2s both;-webkit-backface-visibility:visible;backface-visibility:visible}.ListGame .GameInnerContainer .ClosedSeat{animation:flip-open 2s both;-webkit-animation:flip-open 2s both;-webkit-backface-visibility:visible;backface-visibility:visible}.ListGame .GameInnerContainer .OpenSeat svg{fill:transparent;stroke:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .ClosedSeat svg{fill:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .FullTable{display:flex;position:relative;z-index:10;height:20px;padding:1px 4px 1px 0;align-items:center;border-radius:3px;font-size:12px;white-space:normal;text-transform:uppercase;-webkit-animation-name:silde-in-from-left;animation-name:silde-in-from-left;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.ListGame .GameInnerContainer .FullTable svg{width:100%;height:100%;fill:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .FullTable.ClosedSeat{margin-right:-3px}.ListGame .GameInnerContainer .PlayersDisplay{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:2px 10px;background:linear-gradient(to bottom, rgba(33, 33, 33, 0.9) 0%, rgba(33, 33, 33, 0.1) 100%);color:var(--emfe-w-color-white, #FFFFFF)}@media(min-width: 1100px){.ListGame .GameInnerContainer .PlayersDisplay{padding:2px 16px}}.ListGame .GameInnerContainer .PlayersDisplay .PlayersIcon{width:14px;height:14px;margin-right:4px}.ListGame .GameInnerContainer .PlayersDisplay .PlayersIcon svg{fill:var(--emfe-w-color-white, #FFFFFF);width:100%;height:100%}.ListGame .GameInnerContainer .ClosedGame{opacity:1;z-index:10;padding:8px 10px;color:var(--emfe-w-color-white, #FFFFFF);font-size:18px}@media(min-width: 1100px){.ListGame .GameInnerContainer .ClosedGame{padding:8px 16px}}.ListGame .GameInnerContainer .ClosedGame span{font-size:18px}.ListGame .GameInnerContainer .LiveLimits{opacity:1;display:flex;flex-direction:row;justify-content:space-between;padding:2px 20px 5px 20px;background:var(--emfe-w-color-black, #000000);color:var(--emfe-w-color-white, #FFFFFF);font-weight:normal;font-size:12px}@media(min-width: 1100px){.ListGame .GameInnerContainer .LiveLimits{padding:2px 18px 5px 18px}}.ListGame .GameInnerContainer .LiveLimits span{font-size:12px}.ListGame .GameInnerContainer .Players{display:inline-block;width:19px;height:19px}</style>`;
+    		this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.GameContainer{width:100%;height:100%;position:relative}.GameInnerContainer{position:relative;width:100%;height:100%;overflow:hidden;border-radius:5px}.GameInnerContainer .GameBg{width:100%;height:100%;object-fit:unset;transition:all 150ms ease-in-out}.GameInnerContainer .GameBg.GameBg-1x2,.GameInnerContainer .GameBg.GameBg-2x1,.GameInnerContainer .GameBg.GameBg-2x2{object-fit:cover}.GameInnerContainer .GameInfoWrapper{display:none;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.65);z-index:15}.GameInnerContainer .GameInfoWrapper .GameInfo{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center}.GameInnerContainer .GameInfoWrapper .GameInfoName{color:white;margin-bottom:10px;text-align:center;font-size:14px}.GameInnerContainer .GameInfoWrapper .GameInfoBtn{appearance:none;padding:6px;background:var(--emfe-w-color-primary, #D0046C);color:var(--emfe-w-color-primary-50, #FBECF4);font-size:16px;border:2px solid var(--emfe-w-color-primary-600, #99034F);border-radius:5px;cursor:pointer;transition:border 150ms ease-in-out}.GameInnerContainer .GameInfoWrapper .GameInfoBtn:hover{border:2px solid var(--emfe-w-color-primary-100, #F1BED9)}.GameInnerContainer .GameInfoWrapper .GameInfoVendor{display:block;position:absolute;bottom:8px;right:8px;color:white;font-size:12px;font-weight:normal}.GameInnerContainer:hover{cursor:pointer}.GameInnerContainer:hover .GameInfoWrapper{display:block}.GameInnerContainer:hover .GameBg{filter:blur(5px) grayscale(1)}.GameInnerContainer .GameExtraInfo{display:block;position:absolute;width:100%;height:100%;top:8px;left:8px;z-index:0}.GameInnerContainer .GameExtraInfoLabel{font-size:11px;padding:3px;background-color:var(--emfe-w-color-primary, #D0046C);color:var(--emfe-w-color-primary-50, #FBECF4);font-weight:bold;text-transform:uppercase;border-radius:5px}.GameNameBelow{color:var(--emfe-w-color-white, #FFFFFF);position:relative;bottom:-5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.FavoredIcon,.UnfavoredIcon{width:20px;height:20px}.FavIconContainer{position:absolute;top:10px;right:10px;cursor:pointer;z-index:15}@media(min-width: 1100px){.GamesWrapper .ListGame:hover .GamePlayNowText{z-index:4}}.ListGame:hover .OpenSeat,.ListGame:hover .ClosedSeat,.ListGame:hover .LiveLimits,.ListGame:hover .LatestResult,.ListGame:hover .FullTable,.ListGame:active .OpenSeat,.ListGame:active .ClosedSeat,.ListGame:active .LiveLimits,.ListGame:active .LatestResult,.ListGame:active .FullTable{opacity:0.2}.ListGame.GameBackdrop .GameInnerContainer::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg, rgb(0, 0, 0) 15%, rgba(0, 0, 0, 0) 100%)}.ListGame .GameInnerContainer{z-index:0}.ListGame .GameInnerContainer .GameBg{z-index:5}.ListGame .GameInnerContainer .GameExtraInfo{z-index:10}.ListGame .GameInnerContainer::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.ListGame .GameInnerContainer.GameInnerContainerUnavailable::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.9)}.ListGame .GameInnerContainer .ListGame.GameContainerDimmed:before{display:block;content:" ";width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:rgba(0, 0, 0, 0.4);color:var(--emfe-w-color-white, #FFFFFF);fill:var(--emfe-w-color-white, #FFFFFF);opacity:1;border-radius:4px}.ListGame .GameInnerContainer .ListGame.GameContainerFullyDimmed:before{display:block;content:" ";width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:rgba(0, 0, 0, 0.8);color:var(--emfe-w-color-white, #FFFFFF);fill:var(--emfe-w-color-white, #FFFFFF);opacity:1;border-radius:4px}.ListGame .GameInnerContainer .LiveProps{display:flex;flex-direction:column;position:absolute;bottom:8px;left:-8px;right:0;width:100%;padding:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.99) 100%);color:var(--emfe-w-color-white, #FFFFFF);opacity:1;font-size:14px}.ListGame .GameInnerContainer .ListGame:hover .LiveProps,.ListGame .GameInnerContainer .ListGameLink:hover .LiveProps{opacity:0}@keyframes red-pulse{0%{box-shadow:0 0 2px 0 rgba(255, 0, 0, 0.75)}15%{box-shadow:0 0 10px 2px rgba(255, 0, 0, 0.75)}30%{box-shadow:0 0 2px 0 rgba(255, 0, 0, 0.75)}50%{box-shadow:0 0 10px 2px rgba(255, 0, 0, 0.75)}65%{box-shadow:0 0 2px 0 rgba(255, 0, 0, 0.75)}80%{box-shadow:0 0 10px 2px rgba(255, 0, 0, 0.75)}100%{box-shadow:0 0 0 0 rgba(255, 0, 0, 0.75)}}@keyframes green-pulse{0%{box-shadow:0 0 2px 0 rgba(86, 168, 10, 0.75)}15%{box-shadow:0 0 10px 2px rgba(86, 168, 10, 0.75)}30%{box-shadow:0 0 2px 0 rgba(86, 168, 10, 0.75)}50%{box-shadow:0 0 10px 2px rgba(86, 168, 10, 0.75)}65%{box-shadow:0 0 2px 0 rgba(86, 168, 10, 0.75)}80%{box-shadow:0 0 10px 2px rgba(86, 168, 10, 0.75)}100%{box-shadow:0 0 0 0 rgba(86, 168, 10, 0.75)}}@keyframes flip-open{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.ListGame .GameInnerContainer .silde-in-from-left{-webkit-animation-name:silde-in-from-left;animation-name:silde-in-from-left;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes silde-in-from-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes silde-in-from-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes flip-closed-seat{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.ListGame .GameInnerContainer .ListGame.PulsatingGreenShadow,.ListGame .GameInnerContainer .ListGame.PulsatingRedShadow{overflow:auto}.ListGame .GameInnerContainer .ListGame.PulsatingGreenShadow{animation:green-pulse 2s linear}.ListGame .GameInnerContainer .ListGame.PulsatingRedShadow{animation:red-pulse 2s linear}.ListGame .GameInnerContainer .LiveIcons{position:relative;display:flex;padding:0 16px;box-sizing:border-box;flex-direction:row;align-items:center;justify-content:flex-start;min-height:auto;margin-bottom:5px}@media(min-width: 1100px){.ListGame .GameInnerContainer .LiveIcons{min-height:auto}}.ListGame .GameInnerContainer .LiveIcons:first-child{margin-left:0}.ListGame .GameInnerContainer .LiveIcons:last-child{margin-right:0}.ListGame .GameInnerContainer .LiveIcons.Black,.ListGame .GameInnerContainer .LiveIcons.Red,.ListGame .GameInnerContainer .LiveIcons.Green{color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .LiveIcons .LatestResult{min-width:12px;padding:2px;margin:0 1px;margin-right:6px;font-size:14px;text-align:center}@media(min-width: 1100px){.ListGame .GameInnerContainer .LiveIcons .LatestResult{min-width:12px;font-size:14px;margin:0 2px;margin-right:5px;padding:2px}}.ListGame .GameInnerContainer .LiveIcons .LatestResult.FirstElementAnimated{animation:flip-open 2s both;-webkit-animation:flip-open 2s both;-webkit-backface-visibility:visible;backface-visibility:visible}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First{min-width:24px;padding:4px}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Black,.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Red,.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Green{color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Black{background:var(--emfe-w-color-black, #000000)}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Red{background:red}.ListGame .GameInnerContainer .LiveIcons .LatestResult.First.Green{background:#56A80A}@media(min-width: 1100px){.ListGame .GameInnerContainer .LiveIcons .LatestResult.First{padding:4px}}.ListGame .GameInnerContainer .LiveIcons .Double{display:flex;flex-direction:column}.ListGame .GameInnerContainer .LiveIcons .Double .LatestResult:first-child{margin-bottom:10px}.ListGame .GameInnerContainer .LiveIcons .Double:first-child .LatestResult{margin-left:0;margin-bottom:0}.ListGame .GameInnerContainer .LiveIcons .Double:last-child .LatestResult{margin-right:0}.ListGame .GameInnerContainer .LiveIcons .Black,.ListGame .GameInnerContainer .LiveIcons .Red,.ListGame .GameInnerContainer .LiveIcons .Green{background-color:transparent}.ListGame .GameInnerContainer .LiveIcons .Black{color:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .LiveIcons .Red{color:red}.ListGame .GameInnerContainer .LiveIcons .Green{color:#56A80A}.ListGame .GameInnerContainer .Blue{color:#4d90a7}.ListGame .GameInnerContainer .Red{background-color:red}.ListGame .GameInnerContainer .Black{background-color:var(--emfe-w-color-black, #000000)}.ListGame .GameInnerContainer .Green{background-color:#56A80A}.ListGame .GameInnerContainer .White{background-color:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .Yellow{background-color:#eeca3d}.ListGame .GameInnerContainer .Gold{background-color:#866d0c}.ListGame .GameInnerContainer .Orange{background-color:#574708}.ListGame .GameInnerContainer .Purple{background-color:#330033}.ListGame .GameInnerContainer .Tie{background-color:var(--emfe-w-color-white, #FFFFFF);background-image:linear-gradient(135deg, var(--emfe-w-color-white, #FFFFFF) 25%, transparent 25%, transparent 50%, #212121 50%, var(--emfe-w-color-white, #FFFFFF) 75%, transparent 75%, var(--emfe-w-color-white, #FFFFFF))}.ListGame .GameInnerContainer .OpenSeat,.ListGame .GameInnerContainer .ClosedSeat{display:inline-block;width:16px;height:16px;margin-right:4px}@media(min-width: 768px){.ListGame .GameInnerContainer .OpenSeat,.ListGame .GameInnerContainer .ClosedSeat{width:16px;height:16px}}@media(min-width: 1100px){.ListGame .GameInnerContainer .OpenSeat,.ListGame .GameInnerContainer .ClosedSeat{width:16px;height:16px}}.ListGame .GameInnerContainer .OpenSeat svg,.ListGame .GameInnerContainer .ClosedSeat svg{width:100%;height:100%}.ListGame .GameInnerContainer .OpenSeat{animation:flip-closed-seat 2s both;-webkit-animation:flip-closed-seat 2s both;-webkit-backface-visibility:visible;backface-visibility:visible}.ListGame .GameInnerContainer .ClosedSeat{animation:flip-open 2s both;-webkit-animation:flip-open 2s both;-webkit-backface-visibility:visible;backface-visibility:visible}.ListGame .GameInnerContainer .OpenSeat svg{fill:transparent;stroke:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .ClosedSeat svg{fill:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .FullTable{display:flex;position:relative;z-index:10;height:20px;padding:1px 4px 1px 0;align-items:center;border-radius:3px;font-size:12px;white-space:normal;text-transform:uppercase;-webkit-animation-name:silde-in-from-left;animation-name:silde-in-from-left;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.ListGame .GameInnerContainer .FullTable svg{width:100%;height:100%;fill:var(--emfe-w-color-white, #FFFFFF)}.ListGame .GameInnerContainer .FullTable.ClosedSeat{margin-right:-3px}.ListGame .GameInnerContainer .PlayersDisplay{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:2px 10px;background:linear-gradient(to bottom, rgba(33, 33, 33, 0.9) 0%, rgba(33, 33, 33, 0.1) 100%);color:var(--emfe-w-color-white, #FFFFFF)}@media(min-width: 1100px){.ListGame .GameInnerContainer .PlayersDisplay{padding:2px 16px}}.ListGame .GameInnerContainer .PlayersDisplay .PlayersIcon{width:14px;height:14px;margin-right:4px}.ListGame .GameInnerContainer .PlayersDisplay .PlayersIcon svg{fill:var(--emfe-w-color-white, #FFFFFF);width:100%;height:100%}.ListGame .GameInnerContainer .ClosedGame{opacity:1;z-index:10;padding:8px 10px;color:var(--emfe-w-color-white, #FFFFFF);font-size:18px}@media(min-width: 1100px){.ListGame .GameInnerContainer .ClosedGame{padding:8px 16px}}.ListGame .GameInnerContainer .ClosedGame span{font-size:18px}.ListGame .GameInnerContainer .LiveLimits{opacity:1;display:flex;flex-direction:row;justify-content:space-between;padding:2px 20px 5px 20px;background:var(--emfe-w-color-black, #000000);color:var(--emfe-w-color-white, #FFFFFF);font-weight:normal;font-size:12px}@media(min-width: 1100px){.ListGame .GameInnerContainer .LiveLimits{padding:2px 18px 5px 18px}}.ListGame .GameInnerContainer .LiveLimits span{font-size:12px}.ListGame .GameInnerContainer .Players{display:inline-block;width:19px;height:19px}</style>`;
 
     		init(
     			this,
@@ -15177,7 +15177,7 @@
     	return child_ctx;
     }
 
-    // (288:4) {:else}
+    // (286:4) {:else}
     function create_else_block(ctx) {
     	let t0;
     	let div;
@@ -15203,7 +15203,7 @@
     			t1 = space();
     			if (if_block2) if_block2.c();
     			attr_dev(div, "class", div_class_value = "SearchResultsContainer " + (/*searchActive*/ ctx[13] == true ? '' : 'NotVisible'));
-    			add_location(div, file, 298, 6, 10738);
+    			add_location(div, file, 296, 6, 10386);
     		},
     		m: function mount(target, anchor) {
     			if (if_block0) if_block0.m(target, anchor);
@@ -15272,14 +15272,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(288:4) {:else}",
+    		source: "(286:4) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (286:4) {#if isLoading}
+    // (284:4) {#if isLoading}
     function create_if_block(ctx) {
     	let p;
     	let t_value = /*$_*/ ctx[17]('Translations.loading') + "";
@@ -15289,7 +15289,7 @@
     		c: function create() {
     			p = element("p");
     			t = text(t_value);
-    			add_location(p, file, 286, 6, 10056);
+    			add_location(p, file, 284, 6, 9878);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -15307,14 +15307,14 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(286:4) {#if isLoading}",
+    		source: "(284:4) {#if isLoading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (296:40) 
+    // (294:40) 
     function create_if_block_5(ctx) {
     	let p;
     	let t_value = /*$_*/ ctx[17]('Translations.searchResult') + "";
@@ -15324,12 +15324,8 @@
     		c: function create() {
     			p = element("p");
     			t = text(t_value);
-
-    			attr_dev(p, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'SearchMessage'
-    			: 'SearchMessagePc');
-
-    			add_location(p, file, 296, 8, 10598);
+    			attr_dev(p, "class", "SearchMessage");
+    			add_location(p, file, 294, 8, 10304);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -15347,14 +15343,14 @@
     		block,
     		id: create_if_block_5.name,
     		type: "if",
-    		source: "(296:40) ",
+    		source: "(294:40) ",
     		ctx
     	});
 
     	return block;
     }
 
-    // (289:6) {#if searchActive == true && searchValue.length < 2}
+    // (287:6) {#if searchActive == true && searchValue.length < 2}
     function create_if_block_3(ctx) {
     	let p;
     	let t0_value = /*$_*/ ctx[17]('Translations.recentSearch') + "";
@@ -15370,12 +15366,8 @@
     			t1 = space();
     			if (if_block) if_block.c();
     			if_block_anchor = empty();
-
-    			attr_dev(p, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'SearchMessage'
-    			: 'SearchMessagePc');
-
-    			add_location(p, file, 289, 8, 10171);
+    			attr_dev(p, "class", "SearchMessage");
+    			add_location(p, file, 287, 8, 9993);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -15412,14 +15404,14 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(289:6) {#if searchActive == true && searchValue.length < 2}",
+    		source: "(287:6) {#if searchActive == true && searchValue.length < 2}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (291:10) {#if searchArray.length == 0}
+    // (289:10) {#if searchArray.length == 0}
     function create_if_block_4(ctx) {
     	let div;
     	let p;
@@ -15431,14 +15423,10 @@
     			div = element("div");
     			p = element("p");
     			t = text(t_value);
-
-    			attr_dev(p, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'SearchMessage'
-    			: 'SearchMessagePc');
-
-    			add_location(p, file, 292, 12, 10390);
+    			attr_dev(p, "class", "SearchMessage");
+    			add_location(p, file, 290, 12, 10154);
     			attr_dev(div, "class", "ResultsContainerError");
-    			add_location(div, file, 291, 10, 10342);
+    			add_location(div, file, 289, 10, 10106);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -15457,14 +15445,14 @@
     		block,
     		id: create_if_block_4.name,
     		type: "if",
-    		source: "(291:10) {#if searchArray.length == 0}",
+    		source: "(289:10) {#if searchArray.length == 0}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (300:8) {#if searchCancelled === false}
+    // (298:8) {#if searchCancelled === false}
     function create_if_block_2(ctx) {
     	let each_1_anchor;
     	let each_value = /*searchArray*/ ctx[11];
@@ -15525,14 +15513,14 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(300:8) {#if searchCancelled === false}",
+    		source: "(298:8) {#if searchCancelled === false}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (301:10) {#each searchArray as game}
+    // (299:10) {#each searchArray as game}
     function create_each_block(ctx) {
     	let casino_game_thumbnail;
     	let casino_game_thumbnail_gamethumbnail_value;
@@ -15573,7 +15561,7 @@
     			set_custom_element_data(casino_game_thumbnail, "clientstyling", /*clientstyling*/ ctx[2]);
     			set_custom_element_data(casino_game_thumbnail, "clientstylingurl", /*clientstylingurl*/ ctx[3]);
     			set_custom_element_data(casino_game_thumbnail, "gamepagemodalurl", /*gamepagemodalurl*/ ctx[6]);
-    			add_location(casino_game_thumbnail, file, 301, 12, 10907);
+    			add_location(casino_game_thumbnail, file, 299, 12, 10555);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, casino_game_thumbnail, anchor);
@@ -15670,14 +15658,14 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(301:10) {#each searchArray as game}",
+    		source: "(299:10) {#each searchArray as game}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (326:8) {#if searchValue.length >= 2 && searchArray.length == 0}
+    // (324:8) {#if searchValue.length >= 2 && searchArray.length == 0}
     function create_if_block_1(ctx) {
     	let div;
     	let p0;
@@ -15696,15 +15684,11 @@
     			t1 = space();
     			p1 = element("p");
     			t2 = text(t2_value);
-
-    			attr_dev(p0, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'SearchMessage'
-    			: 'SearchMessagePc');
-
-    			add_location(p0, file, 327, 12, 11956);
-    			add_location(p1, file, 328, 12, 12085);
+    			attr_dev(p0, "class", "SearchMessage");
+    			add_location(p0, file, 325, 12, 11604);
+    			add_location(p1, file, 326, 12, 11675);
     			attr_dev(div, "class", "ResultsContainerError");
-    			add_location(div, file, 326, 10, 11908);
+    			add_location(div, file, 324, 10, 11556);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -15727,7 +15711,7 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(326:8) {#if searchValue.length >= 2 && searchArray.length == 0}",
+    		source: "(324:8) {#if searchValue.length >= 2 && searchArray.length == 0}",
     		ctx
     	});
 
@@ -15735,15 +15719,15 @@
     }
 
     function create_fragment(ctx) {
-    	let div3;
     	let div2;
+    	let div1;
     	let div0;
     	let svg0;
     	let path0;
     	let circle;
     	let t0;
-    	let div1;
     	let input;
+    	let input_class_value;
     	let input_placeholder_value;
     	let t1;
     	let span;
@@ -15769,14 +15753,13 @@
 
     	const block = {
     		c: function create() {
-    			div3 = element("div");
     			div2 = element("div");
+    			div1 = element("div");
     			div0 = element("div");
     			svg0 = svg_element("svg");
     			path0 = svg_element("path");
     			circle = svg_element("circle");
     			t0 = space();
-    			div1 = element("div");
     			input = element("input");
     			t1 = space();
     			span = element("span");
@@ -15793,74 +15776,59 @@
     			attr_dev(path0, "stroke-linecap", "round");
     			attr_dev(path0, "stroke-linejoin", "round");
     			attr_dev(path0, "d", "m10.48 10.985 2.21 2.373");
-    			add_location(path0, file, 269, 10, 8967);
+    			add_location(path0, file, 269, 10, 8855);
     			attr_dev(circle, "cx", "6.5");
     			attr_dev(circle, "cy", "6.5");
     			attr_dev(circle, "r", "5.75");
     			attr_dev(circle, "stroke", "#212121");
     			attr_dev(circle, "stroke-width", "1.5");
-    			add_location(circle, file, 270, 10, 9095);
+    			add_location(circle, file, 270, 10, 8983);
     			attr_dev(svg0, "width", "14");
     			attr_dev(svg0, "height", "15");
     			attr_dev(svg0, "fill", "none");
     			attr_dev(svg0, "xmlns", "http://www.w3.org/2000/svg");
-    			add_location(svg0, file, 268, 8, 8881);
-
-    			attr_dev(div0, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'SearchIcon'
-    			: 'SearchIconPc');
-
-    			add_location(div0, file, 267, 6, 8793);
-    			attr_dev(input, "class", "SearchInput");
+    			add_location(svg0, file, 268, 8, 8769);
+    			attr_dev(div0, "class", "SearchIcon");
+    			add_location(div0, file, 267, 6, 8736);
+    			attr_dev(input, "class", input_class_value = "SearchInput " + (/*searchCancelled*/ ctx[9] ? '' : 'SearchAnimation'));
     			attr_dev(input, "type", "search");
     			attr_dev(input, "placeholder", input_placeholder_value = /*$_*/ ctx[17]('Translations.placeHolderSearchGames'));
-    			add_location(input, file, 274, 8, 9300);
+    			add_location(input, file, 273, 8, 9092);
     			attr_dev(path1, "d", "m1.45 1.5 8.1 8M1.45 9.5l8.1-8");
     			attr_dev(path1, "stroke", "#717171");
     			attr_dev(path1, "stroke-width", "2");
     			attr_dev(path1, "stroke-linecap", "round");
     			attr_dev(path1, "stroke-linejoin", "round");
-    			add_location(path1, file, 277, 12, 9687);
+    			add_location(path1, file, 276, 12, 9522);
     			attr_dev(svg1, "width", "11");
     			attr_dev(svg1, "height", "11");
     			attr_dev(svg1, "fill", "none");
     			attr_dev(svg1, "xmlns", "http://www.w3.org/2000/svg");
-    			add_location(svg1, file, 276, 10, 9599);
+    			add_location(svg1, file, 275, 10, 9434);
     			attr_dev(span, "class", span_class_value = "SearchClearButton " + (/*searchValue*/ ctx[8].length != 0 ? '' : 'NotVisible'));
-    			add_location(span, file, 275, 8, 9478);
-
-    			attr_dev(div1, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'SearchContainer'
-    			: 'SearchContainerPc');
-
-    			add_location(div1, file, 273, 6, 9202);
+    			add_location(span, file, 274, 8, 9313);
     			attr_dev(small, "class", small_class_value = "SearchCancelButton " + (/*searchCancelled*/ ctx[9] ? 'NotVisible' : ''));
-    			add_location(small, file, 281, 6, 9863);
+    			add_location(small, file, 279, 6, 9685);
+    			attr_dev(div1, "class", "Search");
+    			add_location(div1, file, 266, 4, 8709);
 
-    			attr_dev(div2, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'Search'
-    			: 'SearchPc');
+    			attr_dev(div2, "class", "" + ((getDevice(/*userAgent*/ ctx[18]) !== 'PC'
+    			? ''
+    			: 'Desktop') + " CasinoSearch"));
 
-    			add_location(div2, file, 266, 4, 8715);
-
-    			attr_dev(div3, "class", getDevice(/*userAgent*/ ctx[18]) !== 'PC'
-    			? 'CasinoSearch'
-    			: 'CasinoSearchPc');
-
-    			add_location(div3, file, 265, 2, 8592);
+    			add_location(div2, file, 265, 2, 8592);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
     		},
     		m: function mount(target, anchor) {
-    			insert_dev(target, div3, anchor);
-    			append_dev(div3, div2);
-    			append_dev(div2, div0);
+    			insert_dev(target, div2, anchor);
+    			append_dev(div2, div1);
+    			append_dev(div1, div0);
     			append_dev(div0, svg0);
     			append_dev(svg0, path0);
     			append_dev(svg0, circle);
-    			append_dev(div2, t0);
-    			append_dev(div2, div1);
+    			append_dev(div1, t0);
     			append_dev(div1, input);
     			set_input_value(input, /*searchValue*/ ctx[8]);
     			/*input_binding*/ ctx[29](input);
@@ -15868,12 +15836,12 @@
     			append_dev(div1, span);
     			append_dev(span, svg1);
     			append_dev(svg1, path1);
-    			append_dev(div2, t2);
-    			append_dev(div2, small);
+    			append_dev(div1, t2);
+    			append_dev(div1, small);
     			append_dev(small, t3);
-    			append_dev(div3, t4);
-    			if_block.m(div3, null);
-    			/*div3_binding*/ ctx[32](div3);
+    			append_dev(div2, t4);
+    			if_block.m(div2, null);
+    			/*div2_binding*/ ctx[32](div2);
 
     			if (!mounted) {
     				dispose = [
@@ -15887,6 +15855,10 @@
     			}
     		},
     		p: function update(ctx, dirty) {
+    			if (dirty[0] & /*searchCancelled*/ 512 && input_class_value !== (input_class_value = "SearchInput " + (/*searchCancelled*/ ctx[9] ? '' : 'SearchAnimation'))) {
+    				attr_dev(input, "class", input_class_value);
+    			}
+
     			if (dirty[0] & /*$_*/ 131072 && input_placeholder_value !== (input_placeholder_value = /*$_*/ ctx[17]('Translations.placeHolderSearchGames'))) {
     				attr_dev(input, "placeholder", input_placeholder_value);
     			}
@@ -15913,17 +15885,17 @@
 
     				if (if_block) {
     					if_block.c();
-    					if_block.m(div3, null);
+    					if_block.m(div2, null);
     				}
     			}
     		},
     		i: noop$1,
     		o: noop$1,
     		d: function destroy(detaching) {
-    			if (detaching) detach_dev(div3);
+    			if (detaching) detach_dev(div2);
     			/*input_binding*/ ctx[29](null);
     			if_block.d();
-    			/*div3_binding*/ ctx[32](null);
+    			/*div2_binding*/ ctx[32](null);
     			mounted = false;
     			run_all(dispose);
     		}
@@ -16244,7 +16216,7 @@
     	const click_handler = () => clearSearch();
     	const click_handler_1 = () => cancelSearch();
 
-    	function div3_binding($$value) {
+    	function div2_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			customStylingContainer = $$value;
     			$$invalidate(10, customStylingContainer);
@@ -16434,14 +16406,14 @@
     		input_binding,
     		click_handler,
     		click_handler_1,
-    		div3_binding
+    		div2_binding
     	];
     }
 
     class CasinoSearch extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.CasinoSearchPc{margin:30px 16px}.CasinoSearch{margin:30px 16px}.SearchPc{display:flex;align-items:center;position:relative;margin-bottom:20px;left:19%}.Search{display:flex;align-items:center;position:relative;justify-content:space-between;margin-bottom:20px}.SearchIconPc{position:absolute;left:20px;z-index:1}.SearchIconPc svg{height:14px;width:13px}.SearchIcon{position:absolute;left:5%;z-index:1}.SearchIcon svg{height:14px;width:13px}.SearchContainerPc{width:60%;position:relative}.SearchContainer{width:100%;position:relative}.SearchInput{border-radius:4px;border:1px solid #cacaca;color:#717171;display:block;font-size:16px;font-weight:300;padding:14px 5px 14px 46px;width:100%}.SearchInput::placeholder{color:#717171;font-size:16px;font-weight:300}.SearchInput:focus{outline:1px solid  #d9d7d7}.SearchInput::-webkit-search-decoration,.SearchInput::-webkit-search-cancel-button,.SearchInput::-webkit-search-results-button,.SearchInput::-webkit-search-results-decoration{-webkit-appearance:none}.SearchClearButton{position:absolute;top:30%;right:15px;cursor:pointer}.SearchCancelButton{color:#717171;font-weight:300;margin-left:8px;cursor:pointer}.SearchMessagePc{font-size:18px;font-weight:600;margin:24px 0;color:#FFFFFF;margin-top:90px}.SearchMessage{font-size:18px;font-weight:600;margin:24px 0;color:#212121}.SearchResultsContainer{display:grid;gap:8px;grid-template-columns:repeat(auto-fill, minmax(Min(167px, 46%), 1fr));grid-template-rows:repeat(auto-fill, 167px);grid-auto-rows:167px;grid-auto-columns:167px;grid-auto-flow:row dense}.ResultsContainerError{text-align:center;width:300px;color:#717171;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.NotVisible{display:none}</style>`;
+    		this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.CasinoSearch{margin:30px 16px}.Search{display:flex;align-items:center;position:relative;margin-bottom:20px}.SearchIcon{position:absolute;left:15px;top:50%;z-index:1;transform:translateY(-50%)}.SearchIcon svg{height:14px;width:13px}.SearchInput{border-radius:4px;border:1px solid #cacaca;color:#717171;display:block;font-size:16px;font-weight:300;padding:14px 5px 14px 46px;width:100%}.SearchInput::placeholder{color:#717171;font-size:16px;font-weight:300}.SearchInput:focus{outline:1px solid #d9d7d7}.SearchInput::-webkit-search-decoration,.SearchInput::-webkit-search-cancel-button,.SearchInput::-webkit-search-results-button,.SearchInput::-webkit-search-results-decoration{-webkit-appearance:none}.SearchClearButton{position:absolute;top:30%;right:65px;cursor:pointer}.SearchCancelButton{color:#717171;font-weight:300;margin-left:8px;cursor:pointer}.SearchMessage{font-size:18px;font-weight:600;margin:24px 0;color:#212121}.SearchResultsContainer{display:grid;gap:8px;grid-template-columns:repeat(auto-fill, minmax(min(167px, 46%), 1fr));grid-template-rows:repeat(auto-fill, 167px);grid-auto-rows:167px;grid-auto-columns:167px;grid-auto-flow:row dense}.ResultsContainerError{text-align:center;width:300px;color:#717171;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.NotVisible{display:none}.Desktop .NotVisible{opacity:0;visibility:hidden;display:inline}.Desktop.CasinoSearch{margin:30px 16px}.Desktop .Search{display:flex;align-items:center;justify-content:center}.Desktop .SearchIcon{position:relative;top:0;left:0;transform:translateY(0);margin-right:-28px}.Desktop .SearchInput{width:50%;transition:all 0.2s cubic-bezier(1, 0, 0.46, 1.03)}.Desktop .SearchClearButton{position:relative;top:0;right:0;margin-left:-23px}.Desktop .SearchCancelButton{transition:all 0.2s cubic-bezier(1, 0, 0.46, 1.03);margin-left:20px}.Desktop .SearchAnimation{width:60%;outline:none;box-shadow:0 5px 7px rgba(0, 0, 0, 0.25);background-color:rgba(255, 255, 255, 0.2)}.Desktop .SearchMessage{font-size:18px;font-weight:600;margin:24px 0;margin-top:90px}</style>`;
 
     		init(
     			this,